:root{color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;width:100%;overflow:hidden}body{background:#0b0f1a;color:#e6eaf2}canvas{display:block}.center{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.card{background:#161b2b;border:1px solid #2a3350;border-radius:14px;padding:28px;width:340px;max-width:90vw}.card h1{font-size:20px;margin:0 0 4px;font-weight:600}.card p{margin:0 0 18px;color:#9aa6c4;font-size:14px}.card input{width:100%;padding:11px 12px;border-radius:9px;font-size:15px;background:#0e1320;border:1px solid #2a3350;color:#e6eaf2;margin-bottom:12px}.card button{width:100%;padding:11px;border-radius:9px;border:none;cursor:pointer;background:#4f7cff;color:#fff;font-size:15px;font-weight:600}.card button:disabled{opacity:.5;cursor:default}.card .muted{font-size:12px;color:#6c789c;margin-top:14px;text-align:center}.char-preview{height:220px;border-radius:10px;margin-bottom:14px;background:#0e1320;border:1px solid #2a3350;overflow:hidden}.char-preview canvas{display:block}.char-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.card .char-cell{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 6px;border-radius:10px;cursor:pointer;background:#0e1320;border:1px solid #2a3350;color:#e6eaf2;width:100%;font:inherit}.card .char-cell.selected{border-color:#4f7cff;background:#1a2238}.char-thumb{width:100%;aspect-ratio:1 / 1;border-radius:8px;background:#060912;object-fit:contain}.char-thumb-loading{display:block}.char-cell .char-name{font-size:14px;font-weight:600}.char-cell .char-hint{font-size:11px;color:#8b96b8}.hud{position:fixed;top:12px;left:12px;z-index:10;background:#101320cc;border:1px solid #2a3350;border-radius:10px;padding:8px 12px;font-size:13px;color:#c7cfe6}.hud b{color:#fff}.help{position:fixed;bottom:12px;left:12px;z-index:10;font-size:12px;color:#8b96b8}.zone-label{background:#0b0f1acc;padding:3px 10px;border-radius:8px;border:1px solid;font-size:12px;font-weight:600;white-space:nowrap;pointer-events:none}.zone-indicator{position:fixed;top:48px;left:12px;z-index:10;background:#101320cc;border:1px solid #2a3350;border-radius:10px;padding:6px 12px;font-size:12px;color:#9aa6c4}.zone-indicator.private{color:#fff;border-color:#4f7cff}.count-badge{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:10;background:#101320cc;border:1px solid #2a3350;border-radius:20px;padding:6px 14px;font-size:12px;color:#c7cfe6;display:flex;align-items:center;gap:7px}.count-badge .dot{width:8px;height:8px;border-radius:50%;background:#37b87a;display:inline-block}.approvals{position:fixed;top:86px;left:12px;z-index:21;display:flex;flex-direction:column;gap:8px}.approvals-fab{position:relative;background:#2a2238;border:1px solid #6a4f8a;color:#e8dcff;font-size:13px;padding:8px 14px;border-radius:20px;cursor:pointer;align-self:flex-start}.approvals-count{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:#e35d5d;color:#fff;font-size:11px;line-height:18px;text-align:center}.approvals-popup{width:280px;padding:12px;background:#101320f7;border:1px solid #2a3350;border-radius:12px;display:flex;flex-direction:column;gap:8px}.approvals-title{font-size:13px;color:#c7cfe6;font-weight:600}.approvals-empty{font-size:12px;color:#8b96b8}.approvals-row{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px;color:#e6eaf2}.approvals-actions{display:flex;gap:6px}.approvals-actions button{background:#1a2238;border:1px solid #2a3350;color:#e6eaf2;font-size:11px;padding:5px 9px;border-radius:7px;cursor:pointer}.approvals-actions button:hover{border-color:#4f7cff}.approvals-actions button.danger{color:#ff9a9a;border-color:#45324a}.admin{position:fixed;right:18px;top:18px;z-index:22;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.admin-fab{background:#2a2238;border:1px solid #6a4f8a;color:#e8dcff;cursor:pointer;font-size:13px;padding:8px 14px;border-radius:20px}.admin-panel{width:260px;padding:14px;background:#101320f5;border:1px solid #2a3350;border-radius:12px;display:flex;flex-direction:column;gap:10px}.admin-title{font-size:13px;color:#c7cfe6;font-weight:600}.admin-field{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#9aa6c4}.admin-field input{padding:8px 10px;border-radius:8px;background:#0e1320;border:1px solid #2a3350;color:#e6eaf2;font-size:13px}.admin-panel button{padding:8px;border-radius:8px;border:1px solid #2a3350;background:#1a2238;color:#e6eaf2;font-size:12px;cursor:pointer}.admin-panel button:hover{border-color:#4f7cff}.admin-status{font-size:11px;color:#8fd0a0}.admin-toggle{display:flex;gap:8px;align-items:flex-start;font-size:12px;color:#c7cfe6;cursor:pointer}.admin-toggle input{margin-top:2px}.emote-bar{position:fixed;bottom:18px;left:50%;transform:translate(-50%);z-index:20;display:flex;flex-direction:column;align-items:center;gap:8px}.emote-row{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;max-width:70vw;background:#101320d9;border:1px solid #2a3350;border-radius:14px;padding:8px}.emote-row button{width:40px;height:40px;font-size:20px;line-height:1;cursor:pointer;background:#1a2238;border:1px solid #2a3350;border-radius:10px}.emote-row button:hover{border-color:#4f7cff}.emote-fab{width:50px;height:50px;border-radius:50%;cursor:pointer;font-size:22px;background:#1a2238;border:1px solid #4f7cff;color:#e6eaf2;box-shadow:0 4px 14px #0006}.palette{position:fixed;right:18px;bottom:18px;z-index:20}.palette-fab{width:52px;height:52px;border-radius:50%;border:none;cursor:pointer;background:#4f7cff;color:#fff;font-size:28px;line-height:1;box-shadow:0 4px 14px #0006;margin-left:auto;display:block}.palette-panel{width:250px;margin-bottom:10px;padding:12px;background:#101320f2;border:1px solid #2a3350;border-radius:12px}.palette-head{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#c7cfe6;margin-bottom:10px}.palette-clear{background:transparent;border:1px solid #45324a;color:#ff9a9a;font-size:11px;padding:3px 8px;border-radius:7px;cursor:pointer}.palette-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;max-height:320px;overflow-y:auto}.palette-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:7px 4px;border-radius:8px;cursor:pointer;font-size:11px;background:#0e1320;border:1px solid #2a3350;color:#e6eaf2}.palette-item:hover{border-color:#4f7cff}.palette-item.selected{border-color:#4f7cff;background:#1a2238}.palette-thumb{width:100%;aspect-ratio:1 / 1;border-radius:6px;background:#060912;object-fit:contain}.palette-thumb-loading{display:block}.palette-label{text-align:center;line-height:1.2}.palette-tip{font-size:11px;color:#6c789c;margin-top:10px}.placing-banner{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:20;background:#4f7cffeb;color:#fff;font-size:13px;padding:8px 16px;border-radius:20px}.select-panel{position:fixed;bottom:18px;left:50%;transform:translate(-50%);z-index:21;display:flex;align-items:center;gap:8px;background:#101320f2;border:1px solid #2a3350;border-radius:12px;padding:8px 12px;font-size:13px;color:#c7cfe6}.select-panel button{background:#1a2238;border:1px solid #2a3350;color:#e6eaf2;font-size:12px;padding:6px 12px;border-radius:8px;cursor:pointer}.select-panel button:hover{border-color:#4f7cff}.select-panel button.danger{color:#ff9a9a;border-color:#45324a}.nametag{background:#0b0f1ad9;border:1px solid #2a3350;color:#e6eaf2;padding:2px 8px;border-radius:8px;font-size:12px;white-space:nowrap;transform:translateY(-6px);pointer-events:none;display:flex;align-items:center;gap:5px}.nametag.speaking{border-color:#37e08a;box-shadow:0 0 8px #37e08ab3}.nametag .speaking-dot{width:7px;height:7px;border-radius:50%;background:#37e08a;animation:speakpulse .8s ease-in-out infinite}@keyframes speakpulse{0%,to{opacity:.4}50%{opacity:1}}.mic-button{position:fixed;bottom:18px;left:18px;z-index:21;cursor:pointer;background:#1a2238;border:1px solid #2a3350;color:#e6eaf2;font-size:13px;padding:9px 14px;border-radius:20px}.mic-button.muted{color:#ff9a9a;border-color:#45324a}