.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:0;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:8px;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{color:#fff;font-weight:700;font-size:.95rem;margin-bottom:4px}.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:20px;left:50%;transform:translate(-50%);display:flex;flex-direction:row;gap:6px;z-index:500;pointer-events:auto}.hotbar-btn{width:48px;height:48px;border:2px solid #d4a846;border-radius:6px;background:linear-gradient(180deg,#3a2a1a,#2a1a0a);color:#d4a846;font-family:Palatino Linotype,Book Antiqua,Palatino,Georgia,Times New Roman,serif;font-size:.85rem;font-weight:700;cursor:pointer;transition:filter .1s,transform .1s,opacity .15s;-webkit-user-select:none;user-select:none}.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--cooldown{opacity:.5;filter:brightness(.6)}