.tll-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#1a1a2e;color:#e0d8c8;font-family:Palatino Linotype,Book Antiqua,Palatino,Georgia,Times New Roman,serif;z-index:1000}.tll-title{font-size:2.4rem;color:#d4a846;text-shadow:0 0 12px rgba(212,168,70,.4);margin-bottom:1.5rem;letter-spacing:.08em}.tll-subtitle{font-size:1.1rem;color:#a89878;margin-bottom:2rem}.tll-input{display:block;width:260px;padding:10px 14px;margin-bottom:12px;border:1px solid #3a3a5e;border-radius:4px;background:#12122a;color:#e0d8c8;font-family:inherit;font-size:1rem;outline:none;transition:border-color .2s}.tll-input:focus{border-color:#d4a846}.tll-input::placeholder{color:#6a6a8a}.tll-btn{display:inline-block;padding:10px 28px;margin:6px 4px;border:none;border-radius:4px;background:linear-gradient(180deg,#d4a846,#b08830);color:#1a1a2e;font-family:inherit;font-size:1rem;font-weight:700;cursor:pointer;transition:filter .15s,transform .1s;letter-spacing:.04em}.tll-btn:hover{filter:brightness(1.15)}.tll-btn:active{transform:scale(.97)}.tll-btn--secondary{background:linear-gradient(180deg,#4a4a6e,#3a3a5e);color:#c0b8a8}.tll-btn--danger{background:linear-gradient(180deg,#a04040,#803030);color:#e8d8d8}.tll-btn:disabled{opacity:.5;cursor:not-allowed}.tll-error{color:#e06060;font-size:.9rem;margin-top:6px;margin-bottom:6px;min-height:1.2em}.tll-info{color:#80b080;font-size:.9rem;margin-top:4px;min-height:1.2em}.tll-btn-row{display:flex;gap:8px;margin-top:12px;justify-content:center}.tll-char-card{background:#22223a;border:1px solid #3a3a5e;border-radius:8px;padding:24px 32px;text-align:center;min-width:240px}.tll-char-card__sprite{width:64px;height:64px;margin:0 auto 12px;border-radius:4px;border:2px solid #3a3a5e}.tll-char-card__name{font-size:1.4rem;color:#d4a846;margin-bottom:4px}.tll-char-card__zone{font-size:.9rem;color:#8a8aaa;margin-bottom:16px}.tll-sprite-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px auto;max-width:280px}.tll-sprite-option{width:56px;height:56px;border-radius:6px;border:3px solid #3a3a5e;cursor:pointer;transition:border-color .15s,transform .1s}.tll-sprite-option:hover{border-color:#8a8aaa;transform:scale(1.08)}.tll-sprite-option--selected{border-color:#d4a846;box-shadow:0 0 10px #d4a84666}.tll-validation{font-size:.8rem;color:#6a6a8a;margin-top:2px;margin-bottom:8px}.tll-validation--error{color:#e06060}.tll-validation--ok{color:#80b080}.chat-container{position:absolute;bottom:24px;left:0;width:320px;height:200px;display:flex;flex-direction:column;z-index:500;font-family:Palatino Linotype,Book Antiqua,Palatino,Georgia,Times New Roman,serif;font-size:.85rem;pointer-events:auto}.chat-messages{flex:1;overflow-y:auto;background:#000000b3;padding:6px 8px;border-radius:4px 4px 0 0}.chat-message{margin-bottom:2px;line-height:1.3;word-wrap:break-word}.chat-message-name{font-weight:700;color:#fff}.chat-message-text{color:#ccc}.chat-input-row{display:flex}.chat-input{flex:1;padding:6px 8px;border:1px solid #3a3a5e;border-top:none;border-radius:0 0 4px 4px;background:#12122a;color:#e0d8c8;font-family:inherit;font-size:.85rem;outline:none}.chat-input:focus{border-color:#d4a846}.chat-input::placeholder{color:#6a6a8a}.chat-flash-container{position:absolute;bottom:32px;left:8px;width:320px;pointer-events:none;z-index:499;display:flex;flex-direction:column;gap:2px;font-family:Palatino Linotype,Book Antiqua,Palatino,Georgia,Times New Roman,serif;font-size:.85rem}.chat-flash-message{background:#0009;padding:4px 8px;border-radius:4px;opacity:1;transition:opacity 1s ease-out;word-wrap:break-word}.target-frame{position:absolute;top:10px;left:50%;transform:translate(-50%);background:#000000bf;border:1px solid #3a3a5e;border-radius:6px;padding:8px 16px;z-index:500;min-width:180px;text-align:center;font-family:Palatino Linotype,Book Antiqua,Palatino,Georgia,Times New Roman,serif;pointer-events:none}.target-frame-name{display:flex;align-items:center;justify-content:center;gap:6px;color:#fff;font-weight:700;font-size:.95rem;margin-bottom:4px}.target-frame-level{color:#d4a846;font-size:.85rem;white-space:nowrap}.target-frame-hp-bar{position:relative;width:200px;height:12px;background:#400;border-radius:3px;overflow:hidden}.target-frame-hp-fill{height:100%;background:#0c0;border-radius:3px;transition:width .15s ease-out}.target-frame-hp-text{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.7rem;text-shadow:0 0 2px #000}.hotbar{position:absolute;bottom:34px;left:50%;transform:translate(-50%);display:flex;flex-direction:row;gap:6px;z-index:500;pointer-events:auto}.hotbar-btn{position:relative;width:48px;height:48px;border:2px solid #d4a846;border-bottom-color:#8a6a20;border-right-color:#8a6a20;border-radius:4px;background:linear-gradient(180deg,#3a2a1a,#2a1a0a);color:#d4a846;font-family:monospace;font-size:.85rem;font-weight:700;cursor:pointer;transition:filter .1s,transform .1s,opacity .15s;-webkit-user-select:none;user-select:none;overflow:hidden}.hotbar-btn:hover:not(:disabled){filter:brightness(1.3);transform:scale(1.05)}.hotbar-btn:active:not(:disabled){transform:scale(.95)}.hotbar-btn:disabled{opacity:.4;cursor:not-allowed;border-color:#555;color:#888}.hotbar-btn-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:.75rem;line-height:1;pointer-events:none}.hotbar-btn-key{position:absolute;bottom:1px;right:3px;font-size:.55rem;color:#ffffff73;pointer-events:none}.hotbar-btn-cooldown-overlay{position:absolute;top:0;left:0;right:0;height:0;background:#0009;pointer-events:none;transition:height linear}.hotbar-btn--flash{animation:hotbar-flash .4s ease-out}@keyframes hotbar-flash{0%{transform:scale(1.15);filter:brightness(2)}to{transform:scale(1);filter:brightness(1)}}.player-hud{position:absolute;top:12px;left:12px;background:#000000bf;border:1px solid #3a3a5e;border-radius:6px;padding:6px 12px;z-index:50;min-width:160px;pointer-events:none;font-family:Palatino Linotype,Book Antiqua,Palatino,Georgia,Times New Roman,serif}.player-hud-name{display:flex;align-items:center;gap:6px;color:#fff;font-weight:700;font-size:.85rem;margin-bottom:4px}.player-hud-level{color:#d4a846;font-size:.8rem;white-space:nowrap}.player-hud-hp-bar{position:relative;width:160px;height:14px;background:#400;border-radius:3px;overflow:hidden}.player-hud-hp-fill{height:100%;background:#0c0;border-radius:3px;transition:width .15s ease-out}.player-hud-hp-text{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.7rem;text-shadow:0 0 2px #000}.xp-bar{position:absolute;bottom:0;left:0;right:0;height:24px;display:flex;align-items:center;background:#000c;border-top:1px solid #3a3a5e;z-index:500;font-family:Palatino Linotype,Book Antiqua,Palatino,Georgia,Times New Roman,serif;pointer-events:none}.xp-bar-level{padding:0 10px;color:#d4a846;font-weight:700;font-size:.8rem;white-space:nowrap}.xp-bar-track{flex:1;height:14px;background:#1a1a3e;border-radius:3px;margin-right:10px;position:relative;overflow:hidden}.xp-bar-fill{height:100%;background:linear-gradient(90deg,#6a4fd4,#9b6dff);border-radius:3px;transition:width .6s ease-out;width:0%}.xp-bar-text{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.65rem;text-shadow:0 0 2px #000}.levelup-splash{position:absolute;top:30%;left:50%;transform:translate(-50%);z-index:600;pointer-events:none;font-family:Palatino Linotype,Book Antiqua,Palatino,Georgia,Times New Roman,serif;font-size:3rem;font-weight:700;color:#d4a846;text-shadow:0 0 20px rgba(212,168,70,.6),0 0 40px rgba(212,168,70,.3),0 2px 4px rgba(0,0,0,.8);opacity:0;animation:levelup-splash-anim 3s ease-in-out forwards}@keyframes levelup-splash-anim{0%{opacity:0;transform:translate(-50%) scale(.5)}10%{opacity:1;transform:translate(-50%) scale(1.1)}15%{transform:translate(-50%) scale(1)}80%{opacity:1}to{opacity:0}}.levelup-summary{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:600;background:#141428eb;border:2px solid #d4a846;border-radius:8px;padding:20px 28px;min-width:220px;font-family:Palatino Linotype,Book Antiqua,Palatino,Georgia,Times New Roman,serif;color:#e0d8c8;pointer-events:auto;animation:levelup-summary-slide .4s ease-out forwards}@keyframes levelup-summary-slide{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}.levelup-summary-title{color:#d4a846;font-size:1.3rem;font-weight:700;text-align:center;margin-bottom:12px}.levelup-summary-row{display:flex;justify-content:space-between;padding:4px 0;font-size:.9rem;border-bottom:1px solid rgba(255,255,255,.1)}.levelup-summary-label{color:#a89878}.levelup-summary-value{color:#80ff80;font-weight:700}.levelup-summary-close{display:block;margin:14px auto 0;padding:6px 24px;border:1px solid #d4a846;border-radius:4px;background:transparent;color:#d4a846;font-family:inherit;font-size:.9rem;cursor:pointer}.levelup-summary-close:hover{background:#d4a84626}