:root{--bg:#0b1127;--panel:#18213d;--gold:#ffd582;--mint:#b8a6ff;--line:#39405c}body{background:radial-gradient(ellipse at 18% 0,#3e285a80,transparent 55%),radial-gradient(ellipse at 90% 40%,#182f6880,transparent 60%),#0b1127}body::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:url('studio.svg') center top/1600px auto no-repeat;opacity:.7}.stage-lights{position:fixed;inset:-40% -20% 0;z-index:-1;pointer-events:none;background:conic-gradient(from 155deg at 20% 10%,transparent 0deg,#a58dff0c 10deg,transparent 20deg),conic-gradient(from 165deg at 80% 0%,transparent 0deg,#8daaff12 12deg,transparent 25deg);animation:spotlights 15s ease-in-out infinite alternate}header{max-width:1400px;height:100px}.brand small{display:block;font-size:8px;letter-spacing:5px;color:#a8b2cc;margin:3px 0 0 48px}nav{flex-wrap:wrap;justify-content:flex-end}.quiet{background:#171e3888;color:#c4cce1}.heading h1{text-shadow:0 3px 30px #14122d}.players{gap:14px}.player{background:linear-gradient(130deg,#242c4d,#151c34);box-shadow:0 9px 22px #0002;border-color:#3d4563}.player.active{background:linear-gradient(110deg,#534335,#26213d);border-color:#edc879;box-shadow:0 0 22px #ffc26714}.player-name:before{content:'◈';display:inline-flex;align-items:center;justify-content:center;width:29px;height:29px;margin-right:8px;border-radius:50%;background:#9582d325;color:#d5bdff}.player.active .player-name:before{color:#ffd582;background:#ffd58220}.board-panel{background:radial-gradient(ellipse at top,#26365d,#141d3b);border:2px solid #8c79bb;position:relative;box-shadow:0 0 0 5px #392c5433,0 0 40px #a079ff16,inset 0 0 32px #8285fa15;border-radius:18px;padding-top:26px}.board-panel:before,.board-panel:after{content:'';height:3px;position:absolute;left:15%;right:15%;background:linear-gradient(90deg,transparent,#d1b2ff,transparent);top:-2px;box-shadow:0 0 17px #d1b2ff}.board-panel:after{top:auto;bottom:-2px}.category span{color:#a7accc}.category strong{color:#ffdfa0}.tile{background:linear-gradient(#10182c,#19233e);border-color:#405071;box-shadow:0 3px #080e21,inset 0 1px #7788b011}.tile.revealed{background:linear-gradient(#fffdf0,#dddcea);color:#202b46;border-color:#fff1d0;animation:none;box-shadow:0 3px #998caa}.tile.fresh{animation:flip .6s backwards;animation-delay:calc(var(--i)*45ms)}.tile.punctuation{background:transparent;box-shadow:none}.board-foot{color:#9ba5c3}.wheel-panel,.controls-panel{background:linear-gradient(140deg,#202b48ed,#131d36ed);border-color:#3a4765;box-shadow:0 10px 40px #0003}.wheel-wrap{display:block;background:transparent;border:0;padding:0;border-radius:50%;isolation:isolate;transition:filter .3s;touch-action:manipulation}.wheel-wrap:not(:disabled):hover{filter:brightness(1.13);transform:scale(1.015)}.wheel-wrap:disabled{opacity:1}.wheel-wrap:before{content:'';position:absolute;inset:-12px;border:1px dashed #c9ac7699;border-radius:50%;box-shadow:0 0 0 6px #8a6f9e22,0 0 40px #bd95ff22;z-index:-1}.wheel-wrap canvas{border-color:#ead094;box-shadow:0 0 0 3px #8c6844,0 16px 28px #0007,0 0 22px #eecb6f22}.hub{background:radial-gradient(circle at 35% 30%,#53436d,#12182c);border-color:#f1d79d;color:#ffe6a5}.pointer{top:-16px;border-top-color:#fff1c4;filter:drop-shadow(0 2px 6px #000a)}.spinning .pointer{animation:tick .12s infinite}.spinning .wheel-wrap:before{box-shadow:0 0 28px #ffd58266;animation:ring 1s infinite alternate}.prize{font-weight:600}.primary{background:linear-gradient(120deg,#ffdf97,#edb965);box-shadow:0 4px 0 #8c632f,0 5px 22px #edb96516;color:#30233a}.primary:not(:disabled):active{transform:translateY(2px);box-shadow:0 2px 0 #8c632f}.status{background:#0c1630;border-left-color:#ba9cf2}.status.flash{animation:statusFlash .65s}.keyboard .key{background:linear-gradient(#344363,#263451);border-color:#4a5877;box-shadow:0 3px #111b31}.key:not(:disabled):hover{background:#665181;transform:translateY(-2px)}.keyboard-label{color:#a1aac5}.secondary{background:#3b4169}input,select,textarea{background:#0d1730;border-color:#465373}.divider{background:#3b4360}dialog{background:radial-gradient(ellipse at top left,#3c3358,#16213c);border-color:#74618d}dialog::backdrop{background:#050a20db}.mode-tabs{display:flex;gap:5px;padding:5px;background:#0b142b;border-radius:10px;margin:20px 0}.mode-tabs button{background:transparent;border:0;color:#b8c4e1;flex:1;padding:12px 8px;border-radius:7px;font-size:13px}.mode-tabs .selected{background:#584877;color:#fff0ce;box-shadow:0 3px 8px #0003}.or{font-size:9px;letter-spacing:2px;text-align:center;margin:25px 0 15px;color:#aab4d2}#onlineError{color:#ffb9b3;min-height:20px}.online-bar{padding:12px 16px;background:#2b2849;border:1px solid #756390;border-radius:10px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px}.online-bar>div{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.online-bar .quiet{font-size:11px;padding:7px 10px}.connection-dot{width:8px;height:8px;border-radius:50%;background:#77e8b4;box-shadow:0 0 8px #77e8b4}.online-bar.disconnected .connection-dot{background:#f49b7d;box-shadow:none}#connectionText{color:#b0bad5;font-size:11px}.room-code{letter-spacing:5px;font-size:24px;color:var(--gold)}.lobby-player{padding:14px;border:1px solid #4f5073;border-radius:8px;margin:9px 0;display:flex;justify-content:space-between;gap:10px}.lobby-player span{font-size:11px;color:#a8cfc3}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:10;background:#f5d693;color:#25263d;padding:13px 20px;border-radius:10px;box-shadow:0 10px 40px #0007;font-size:13px;max-width:90vw;text-align:center}.celebrate .board-panel{border-color:#ffdf97;box-shadow:0 0 45px #e4b76333}.celebrate .board-panel:before,.celebrate .board-panel:after{background:linear-gradient(90deg,transparent,#ffe1a1,transparent)}#confetti{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:20}.confetto{position:absolute;top:-25px;width:9px;height:17px;background:var(--c);left:var(--x);animation:fall var(--d) linear forwards;animation-delay:var(--delay);border-radius:2px}#fullscreen{color:#a5b3d7}[hidden]{display:none!important}@keyframes spotlights{to{transform:rotate(9deg) scale(1.1)}}@keyframes flip{0%{transform:perspective(300px) rotateX(90deg);background:#a485cd}100%{transform:perspective(300px) rotateX(0)}}@keyframes ring{to{box-shadow:0 0 50px #b291ff77}}@keyframes tick{50%{transform:rotate(-10deg);transform-origin:top center}}@keyframes fall{to{transform:translate3d(var(--drift),110vh,0) rotate(800deg);opacity:.2}}@keyframes statusFlash{50%{background:#3e3860}}@media(max-width:800px){header{height:auto;min-height:100px;gap:12px;padding:16px;flex-wrap:wrap}nav{gap:5px;justify-content:flex-start}.quiet{font-size:11px}.brand small{margin-left:32px}.wheel-wrap{margin-top:30px}.player-name:before{display:none}.online-bar{padding:10px}.online-bar>div{gap:7px}.online-bar .quiet{padding:6px}.heading h1{font-size:32px}.category{flex-wrap:wrap}.board{min-height:85px}.stage-lights{display:none}}@media(prefers-reduced-motion:reduce){.stage-lights{animation:none}.confetto{display:none}}

.dictation-row{display:flex;align-items:center;gap:12px;margin-top:13px;flex-wrap:wrap}.dictation-row .quiet{color:#ead7ff;flex-shrink:0}.dictation-row .listening{background:#70405c;border-color:#f6b5d6;color:#fff0f7;box-shadow:0 0 16px #f6b5d62b}#dictationStatus{font-size:11px;line-height:1.5;color:#b7c2dc;flex:1;min-width:150px}