:root{--bg: #2a1a10;--cream: #f6efe0;--accent: #e0966b;--accent-dark: #b86b3f;--ink: #2c2118}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);font-family:Segoe UI,system-ui,-apple-system,sans-serif;color:var(--ink)}#scene{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none}#ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}#ui button,#ui input,#ui .card{pointer-events:auto}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,#3c26168c,#140c07d9);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:opacity .5s ease,visibility 0s linear .5s}.overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.card{width:min(92vw,380px);background:linear-gradient(180deg,#fffaf2,#f1e4d0);border:1px solid #e6d3b6;border-radius:20px;padding:28px 26px 22px;box-shadow:0 24px 60px #00000073;text-align:center}.logo{font-size:46px;line-height:1}.card h1{margin:6px 0 4px;font-size:26px;color:#5a3a22;letter-spacing:.5px}.card .sub{margin:0 0 18px;font-size:13.5px;color:#8a6e54}.field-label{display:block;text-align:left;font-size:12px;font-weight:600;color:#9a7a5c;margin:12px 2px 6px;text-transform:uppercase;letter-spacing:.6px}.text-input,.chat-input{width:100%;padding:11px 13px;border-radius:12px;border:1.5px solid #dcc6a6;background:#fffdf8;font-size:15px;color:var(--ink);outline:none;transition:border-color .15s}.text-input:focus,.chat-input:focus{border-color:var(--accent)}.swatches{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.swatch{width:30px;height:30px;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:transform .12s,border-color .12s}.swatch:hover{transform:scale(1.12)}.swatch.active{border-color:#3a2a1a;transform:scale(1.15)}.primary-btn{width:100%;margin-top:18px;padding:13px;border:none;border-radius:12px;background:linear-gradient(180deg,var(--accent),var(--accent-dark));color:#fff;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 6px 16px #b86b3f66;transition:filter .15s,transform .05s}.primary-btn:hover{filter:brightness(1.07)}.primary-btn:active{transform:translateY(1px)}.hint-row{margin-top:14px;font-size:11.5px;color:#a98e72}.game-ui.hidden{display:none}.topbar{position:fixed;top:14px;left:50%;transform:translate(-50%);display:flex;gap:10px;pointer-events:none}.pill{pointer-events:auto;background:#22160eb8;color:var(--cream);border:1px solid rgba(255,234,200,.18);border-radius:999px;padding:8px 15px;font-size:13px;font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pill.hidden{display:none}.voice-btn,.mic-btn,.deafen-btn{cursor:pointer;transition:background .15s}.voice-btn:hover,.mic-btn:hover,.deafen-btn:hover{background:#362416d9}.voice-btn.active{background:#2a9d8fd9;border-color:#ffffff4d}.mic-btn.muted,.deafen-btn.muted{background:#ef476fd9;border-color:#ffffff4d;color:#fff}.chat-log{position:fixed;left:16px;bottom:74px;width:min(70vw,360px);display:flex;flex-direction:column;gap:4px;pointer-events:none}.chat-line{background:#1c120b99;color:#f3e9da;padding:5px 11px;border-radius:10px;font-size:13px;width:fit-content;max-width:100%;word-break:break-word;transition:opacity 1.6s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.chat-line.fade{opacity:0}.chat-line .who{font-weight:700}.sit-prompt{position:fixed;left:50%;bottom:70px;transform:translate(-50%);pointer-events:none;background:#22160eb8;color:var(--cream);border:1px solid rgba(255,234,200,.18);border-radius:999px;padding:7px 16px;font-size:13px;font-weight:600;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sit-prompt.hidden{display:none}.chat-bar{position:fixed;left:50%;bottom:16px;transform:translate(-50%);display:flex;gap:8px;width:min(94vw,520px)}.chat-input{flex:1;background:#fffdf8f2}.send-btn{padding:0 18px;border:none;border-radius:12px;background:linear-gradient(180deg,var(--accent),var(--accent-dark));color:#fff;font-weight:700;font-size:14px;cursor:pointer}.send-btn:active{transform:translateY(1px)}.name-label{font-size:12px;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8);padding:1px 7px;background:#1c120b73;border-radius:8px;white-space:nowrap;-webkit-user-select:none;user-select:none}.chat-bubble{font-size:13px;color:#2c2118;background:#fffdf6;padding:6px 11px;border-radius:12px;max-width:200px;white-space:normal;word-break:break-word;text-align:center;box-shadow:0 4px 14px #00000059;position:relative;transform:scale(.6);opacity:0;transition:transform .18s cubic-bezier(.2,1.4,.5,1),opacity .18s}.chat-bubble.show{transform:scale(1);opacity:1}.chat-bubble:after{content:"";position:absolute;left:50%;bottom:-6px;transform:translate(-50%);border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #fffdf6}.speaking-indicator{display:flex;align-items:flex-end;gap:2px;height:13px;padding:3px 6px;background:#2a9d8feb;border-radius:8px;box-shadow:0 2px 8px #00000059;-webkit-user-select:none;user-select:none}.speaking-indicator span{width:3px;height:100%;background:#fff;border-radius:2px;transform-origin:bottom center;animation:speak-bar .7s ease-in-out infinite}.speaking-indicator span:nth-child(1){animation-delay:0s}.speaking-indicator span:nth-child(2){animation-delay:.18s}.speaking-indicator span:nth-child(3){animation-delay:.36s}@keyframes speak-bar{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}.cant-hear-indicator{font-size:12px;line-height:1;padding:3px 6px;background:#ef476feb;border-radius:8px;box-shadow:0 2px 8px #00000059;-webkit-user-select:none;user-select:none;cursor:default}.people-btn{cursor:pointer;transition:background .15s}.people-btn:hover{background:#362416d9}.people-btn.active{background:#362416f2;border-color:#ffffff4d}.people-panel{position:fixed;top:56px;left:50%;transform:translate(-50%);width:min(92vw,300px);max-height:min(60vh,420px);display:flex;flex-direction:column;background:#22160eeb;border:1px solid rgba(255,234,200,.18);border-radius:14px;padding:12px;color:var(--cream);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 14px 40px #00000080;pointer-events:auto}.people-panel.hidden{display:none}.people-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:#d9b89a;margin:2px 2px 8px}.people-list{display:flex;flex-direction:column;gap:6px;overflow-y:auto}.people-empty{font-size:13px;color:#b89c80;padding:6px 2px}.people-foot{font-size:11px;color:#a98e72;margin:10px 2px 0}.person-row{display:flex;align-items:center;gap:9px;padding:4px 4px 4px 6px}.person-dot{flex:none;width:12px;height:12px;border-radius:50%;background:#888;box-shadow:0 0 0 1px #00000059}.person-name{flex:1;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mute-btn{flex:none;cursor:pointer;border:1px solid rgba(255,234,200,.22);background:#fffdf81a;color:var(--cream);border-radius:999px;padding:5px 11px;font-size:12px;font-weight:600;transition:background .15s,border-color .15s}.mute-btn:hover{background:#fffdf833}.mute-btn.muted{background:#ef476fd9;border-color:#ffffff4d;color:#fff}.toast{position:fixed;top:64px;left:50%;transform:translate(-50%) translateY(-8px);pointer-events:none;background:#22160eeb;color:var(--cream);border:1px solid rgba(255,234,200,.22);border-radius:12px;padding:10px 18px;font-size:13.5px;font-weight:600;box-shadow:0 8px 24px #0006;opacity:0;transition:opacity .2s ease,transform .2s ease;z-index:30}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.arcade{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;flex-direction:column;background:#0a1622;pointer-events:auto}.arcade.hidden{display:none}.arcade-bar{flex:none;display:flex;align-items:center;gap:12px;padding:8px 12px;background:#140c07e6;color:var(--cream);border-bottom:1px solid rgba(255,234,200,.14)}.arcade-title{font-weight:700;font-size:14px}.arcade-status{flex:1;font-size:12.5px;color:#b9a489;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.arcade-leave{flex:none;cursor:pointer;border:1px solid rgba(255,234,200,.22);background:#ef476fd9;color:#fff;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:700;transition:filter .15s,transform .05s}.arcade-leave:hover{filter:brightness(1.08)}.arcade-leave:active{transform:translateY(1px)}.arcade-stage{flex:1;min-height:0;position:relative}.arcade-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;display:block}