@import url('https://fonts.googleapis.com/css2?family=Bruno+Ace&display=swap');
.app-preloader{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;background:radial-gradient(circle at 50% 42%,#8d5cff36,transparent 30%),#090b16;opacity:1;visibility:visible;transition:opacity .35s ease,visibility .35s ease}
body.app-ready .app-preloader{opacity:0;visibility:hidden;pointer-events:none}.preload-logo{display:flex;align-items:center;justify-content:center;gap:.3em;white-space:nowrap;font:400 clamp(24px,7vw,38px) "Bruno Ace",Manrope,sans-serif;letter-spacing:.8px;text-shadow:0 0 8px #ffffff55,0 0 25px #8d5cff88}.preload-number{position:relative;color:#ccb3ff;font-size:1.18em;text-shadow:0 0 16px #8d5cff}.preload-number sup{position:absolute;left:100%;top:.06em;color:#ff76b6;font-size:.44em;line-height:1;letter-spacing:0;text-shadow:0 0 9px #ff4fa2}.preload-question{margin-left:.35em}.app-preloader>p{margin:10px 0 28px;color:#b9f24d;font:800 9px Manrope;letter-spacing:3px;text-shadow:0 0 12px #b9f24d77}.preload-spinner{width:30px;height:30px;border:3px solid #ffffff20;border-top-color:#b99aff;border-right-color:#ff68ad;border-radius:50%;animation:splashSpin .75s linear infinite}.app-preloader>small{margin-top:15px;color:#a9aec0;font:800 8px Manrope;letter-spacing:1.4px}@keyframes splashSpin{to{transform:rotate(360deg)}}
.auth-persistence-note{display:block;margin:10px 0;color:#7ee6ba;text-align:center;font:700 9px Manrope}
body:has(#homeScreen.active) header{display:none}
#homeScreen{padding-top:24px}.home-brand-hero{text-align:center;padding:11px 0 22px}.home-main-logo,.final-intro-logo{display:flex;align-items:center;justify-content:center;gap:.3em;white-space:nowrap;font:400 clamp(25px,7vw,37px) "Bruno Ace",Manrope,sans-serif;letter-spacing:.8px;text-shadow:0 0 25px #8d5cff55}.home-main-logo .brand-number,.final-intro-logo .brand-number{position:relative;color:#ccb3ff;font-size:1.18em}.home-main-logo sup,.final-intro-logo sup{position:absolute;left:100%;top:.06em;color:#ff76b6;font-size:.44em;line-height:1}.home-main-logo span:last-child,.final-intro-logo span:last-child{margin-left:.35em}.home-brand-hero>p{margin-top:9px;color:#b9f24d;font:800 9px Manrope;letter-spacing:3px}.home-intro{text-align:center;padding:18px 16px 16px;border:1px solid #ffffff0d;border-radius:20px;background:linear-gradient(145deg,#14172a,#0f1220)}.home-intro h1{font:800 26px Manrope;letter-spacing:-.7px}.home-intro h1 em{color:#b99aff;font-style:normal}.home-intro>p{margin-top:4px;color:#9499ad;font-size:12px}.simple-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:15px}.simple-rules span{padding:9px 6px;border-radius:11px;background:#ffffff06;color:#8e93a8;font-size:8px;line-height:1.3}.simple-rules b{display:block;margin-bottom:2px;color:#e4d9ff;font:800 9px Manrope}.category-prompt{margin:22px 2px 10px;color:#8f94a8;font:800 8px Manrope;letter-spacing:1.35px;text-align:center}.home-version{display:block;margin:15px auto 0;text-align:center;color:#555a70;font:700 7px Manrope;letter-spacing:.3px}
.category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.category-card{min-height:105px;padding:13px}.category-card .category-copy{display:block}.category-card strong{font-size:12px}.category-card small{display:block;margin-top:2px;font-size:8px}.category-card .category-icon{width:34px;height:34px;margin-bottom:10px}
.category-card:not(.featured-category){display:grid;grid-template-rows:34px 50px;align-content:start;row-gap:10px}
.category-card:not(.featured-category) .category-icon{grid-row:1;margin:0;align-self:start}
.category-card:not(.featured-category) .category-copy{grid-row:2;display:grid;grid-template-rows:18px 26px;align-content:start;min-width:0}
.category-card:not(.featured-category) strong{display:flex;align-items:center;height:18px;line-height:18px;margin:0}
.category-card:not(.featured-category) small{display:block;min-height:20px;margin:0;line-height:1.2}
.category-card.featured-category{grid-column:1/-1;min-height:88px;display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:13px;padding:15px 18px;background:radial-gradient(circle at 78% 20%,#ff4fa22b,transparent 30%),linear-gradient(120deg,#231846,#17162c);border-color:#a978ff88;box-shadow:0 12px 32px #0005,0 0 24px #8d5cff20}
.featured-category .category-icon{width:46px;height:46px;margin:0;font-size:22px}.featured-category .category-copy{text-align:left}.featured-category strong{font-size:18px}.featured-category small{font-size:10px;color:#c5b5ec}.featured-category>b{color:#d8c6ff;font:800 9px Manrope;letter-spacing:.8px}
.game-timer{position:relative;text-align:center;min-width:142px;margin:0}
body:has(#gameScreen.active) header{display:none}
#gameScreen .game-top{height:auto;margin:0 -22px;padding:10px 22px 15px;display:grid;grid-template-columns:32px 1fr 32px;align-items:center;background:linear-gradient(180deg,#0d1020 75%,#0d1020ee);border-bottom:1px solid #ffffff0d;box-shadow:0 10px 25px #05060d66}
#gameScreen .game-top:before{content:none}
.game-title-brand{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:center;gap:.28em;white-space:nowrap;font:400 25px "Bruno Ace",Manrope,sans-serif;letter-spacing:.8px;color:#fff;text-shadow:0 0 20px #8d5cff55}
.game-title-brand .brand-number{position:relative;display:inline-block;color:#c9adff;font-size:1.16em}.game-title-brand sup{position:absolute;left:100%;top:.08em;font-size:.46em;line-height:1;color:#ff78b8;letter-spacing:0}.game-title-brand .brand-question{margin-left:.35em}
.game-build-footer{position:fixed;z-index:24;left:50%;bottom:max(2px,env(safe-area-inset-bottom));transform:translateX(-50%);color:#60657a;font:700 7px Manrope;letter-spacing:.25px;white-space:nowrap;pointer-events:none}
.home-title-brand{position:absolute;left:50%;transform:translateX(-50%);gap:.28em;white-space:nowrap;font:400 17px "Bruno Ace",Manrope,sans-serif;letter-spacing:.5px}
.home-title-brand .brand-number{position:relative;display:inline-block;color:#c9adff;font-size:1.16em}.home-title-brand sup{position:absolute;left:100%;top:.08em;font-size:.46em;line-height:1;color:#ff78b8}.home-title-brand .brand-question{margin-left:.35em}
header .header-actions{margin-left:auto}
#gameScreen .round-exit{grid-column:1;grid-row:1;width:28px;height:28px;font-size:19px}
#gameScreen .round-label{margin:0;text-align:right;min-width:0}.round-label span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px}.round-label strong{font:800 9px Manrope;letter-spacing:1.1px;color:#aeb2c4;white-space:nowrap}
.game-status-banner{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:minmax(88px,1fr) auto minmax(88px,1fr);align-items:center;gap:10px;margin-top:13px;padding:8px 10px 24px;border:1px solid #ffffff12;border-radius:14px;background:linear-gradient(90deg,#14182a,#101322 48%,#14182a);box-shadow:inset 0 1px #ffffff08,0 8px 20px #05060d55;position:relative}
.game-sound-toggle{position:absolute;right:8px;bottom:5px;padding:2px 7px;border:0;border-radius:9px;color:#b9f24d;background:#b9f24d12;font:800 7px Manrope;letter-spacing:.4px}.game-sound-toggle.off{color:#8b8fa4;background:#ffffff08}
.game-player{display:flex;align-items:center;gap:7px;min-width:0;text-align:left}.player-icon{width:29px;height:29px;flex:0 0 29px;display:grid;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(145deg,#a66cff,#7042df);box-shadow:0 0 16px #8d5cff55;font:800 12px Manrope}.game-player>span:last-child{min-width:0}.game-player small,.game-player strong{display:block}.game-player small{color:#797f98;font:700 7px Manrope;letter-spacing:1.1px}.game-player strong{overflow:hidden;text-overflow:ellipsis;color:#f6f3ff;font:800 10px Manrope;white-space:nowrap}
.game-timer small{display:block;color:#85899e;font:700 8px Manrope;letter-spacing:1.5px;white-space:nowrap}
.game-timer b{display:block;font:800 42px/.94 Manrope;color:var(--lime);letter-spacing:-1.5px}
.game-timer.urgent b{color:var(--pink);animation:timerPulse .8s infinite}
.mic-button.voice-mode{background:linear-gradient(145deg,#73e5b1,#36a87d);box-shadow:0 0 0 7px #50df9b20,0 0 24px #50df9b55}
.game-timer.score-up b{color:#cfff75;animation:scoreJump .65s ease}.game-timer.score-down b{color:#ff7897;animation:scoreDrop .65s ease}
.timer-delta{position:absolute;left:50%;top:44px;z-index:3;padding:3px 7px;border-radius:11px;font:800 11px Manrope;white-space:nowrap;animation:deltaFly .9s ease forwards}.timer-delta.up{color:#cfff75;background:#b9f24d18}.timer-delta.down{color:#ff8aa5;background:#ff4f761c}
@keyframes scoreJump{45%{transform:translateY(-5px) scale(1.22);text-shadow:0 0 18px #b9f24d}}@keyframes scoreDrop{45%{transform:translateY(5px) rotate(-4deg) scale(.85);text-shadow:0 0 18px #ff4f76}}@keyframes deltaFly{from{transform:translateX(-50%)}to{transform:translate(-50%,-24px) scale(1.18);opacity:0}}
@keyframes timerPulse{50%{opacity:.45}}
.score-impact{position:fixed;left:50%;top:50%;z-index:29;width:min(330px,82vw);padding:25px 20px 23px;text-align:center;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.45) rotate(-4deg);border-radius:25px;border:1px solid #ff698c66;background:radial-gradient(circle at 50% 35%,#ff4f7638,transparent 58%),#11131ff2;box-shadow:0 25px 80px #000c,0 0 48px #ff4f7655}
.score-impact small,.score-impact span{display:block;font:800 10px Manrope;letter-spacing:2.2px}.score-impact small{color:#ffb0c1}.score-impact strong{display:block;margin:2px 0;color:#ff6f91;font:800 82px/.95 Manrope;text-shadow:0 0 28px #ff4f7688}.score-impact span{color:#fff;opacity:.72}
.score-impact.show{animation:impactLoss 3.35s cubic-bezier(.2,.85,.25,1) both}
@keyframes impactLoss{0%{opacity:0;transform:translate(-50%,-50%) scale(.4) rotate(-5deg)}9%{opacity:1;transform:translate(-50%,-50%) scale(1.12) rotate(1deg)}18%,70%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-58%) scale(.9)}}
.time-rules{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:6px 0 0;color:#81869b;font-size:8px}
.time-rules span:first-child{color:#b9f24d}
.host-stage{display:none}.host-face{width:54px;height:54px;font-size:20px}.pulse-ring{width:72px;height:72px}.pulse-ring.delay{width:90px;height:90px}.speaking{bottom:1px}
.question-area{min-height:132px}.question-area h2{font-size:24px;margin-top:11px}
.game-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;width:min(440px,100%);margin:12px auto 4px}
.game-actions button{height:44px;border-radius:14px;padding:0 9px;background:#ffffff0d;border:1px solid #ffffff1d;color:#eff0f6;font:800 12px "DM Sans";cursor:pointer;box-shadow:0 6px 16px #0004}
.game-actions button:hover{color:#fff;border-color:#ffffff2c}
.game-actions #endGameButton{grid-column:1/-1;justify-self:center;width:110px;height:23px;margin-top:3px;border-radius:12px;color:#9b7888;border-color:#ff4fa21f;background:transparent;font-size:8px;box-shadow:none}
.input-mode-switch{display:flex;width:min(300px,90%);margin:9px auto 10px;padding:3px;border:1px solid #ffffff12;border-radius:18px;background:#0d1020}.input-mode-switch button{flex:1;height:32px;padding:0 10px;border:0;border-radius:15px;background:transparent;color:#858a9f;font:700 10px Manrope}.input-mode-switch button.active{color:#fff;background:#8d5cff;box-shadow:0 3px 12px #8d5cff55}
#gameScreen .mic-button{display:none!important}.input-mode-switch #voiceModeButton.active{background:#2f9d73;box-shadow:0 3px 14px #50df9b55}
.word-board-wrap{margin:12px 0 3px;padding:8px 10px;background:#0f1220;border:1px solid var(--border);border-radius:13px}
.board-heading{display:flex;justify-content:space-between;margin-bottom:5px;color:#8b8fa4;font:700 8px Manrope;letter-spacing:1.2px}
.board-heading small{font:500 8px "DM Sans";letter-spacing:0;color:#666b80}
.word-board{display:grid;gap:3px}
.final-board-wrap{position:relative;margin:7px 0 2px;padding:7px 10px;background:#0f1220;border:1px solid #6b5d9038;border-radius:13px;opacity:.3;filter:saturate(.4);transition:opacity .5s,filter .5s,border-color .5s,box-shadow .5s}
.final-board-wrap.final-ready,.results-final{opacity:1;filter:none;border-color:#a57aff88;box-shadow:0 0 22px #8d5cff30,inset 0 0 18px #8d5cff0d}
.final-board-wrap.final-ready:after{content:"";position:absolute;inset:-1px;border-radius:13px;pointer-events:none;background:linear-gradient(105deg,transparent 20%,#ffffff22 45%,transparent 70%);background-size:220% 100%;animation:finalShine 1.8s ease-out}
@keyframes finalShine{from{background-position:150% 0}to{background-position:-80% 0}}
.final-word-board .board-row{grid-template-columns:15px minmax(0,1fr) 58px;min-height:28px;border:0;border-radius:7px;background:linear-gradient(90deg,#8d5cff18,#ff4f9210);opacity:.82;padding:2px 5px}
.final-word-board .board-row.active{opacity:1;box-shadow:0 0 18px #8d5cff22}
.final-word-board .board-number{color:#ffd75e;font-size:9px}
.final-word-board .board-delta{font-size:8px}
.board-row{display:grid;grid-template-columns:15px minmax(0,1fr) 34px;gap:5px;align-items:center;min-height:24px;opacity:.62}
.board-row.active{opacity:1}
.board-number{font:700 8px Manrope;color:#64687d;text-align:center}
.board-row.active .board-number{color:#a57aff}
.letter-track{display:flex;gap:3px;min-width:0;overflow:hidden;position:relative;padding-bottom:3px}
.letter-box{width:min(25px,4.8vw);height:24px;flex:0 1 25px;border-radius:4px;background:#202437;border:1px solid #30354a;display:grid;place-items:center;font:800 13px Manrope;color:transparent;text-transform:uppercase}
.letter-gap{width:5px;flex:0 0 5px}
.board-row.active .letter-box{border-color:#8d5cff66;background:#8d5cff12}
.board-row.active .letter-box.typed{color:#fff;background:#8d5cff38;border-color:#b99aff;box-shadow:0 0 10px #8d5cff44}
.board-row.active .letter-box.hinted{color:#ffe36e;background:#ffd75e22;border-color:#ffd75eaa;box-shadow:0 0 13px #ffd75e55}
.board-row.active{cursor:text}.letter-box{position:relative}.letter-box.typing-cursor:after{content:"";position:absolute;left:50%;bottom:3px;width:55%;height:2px;transform:translateX(-50%);border-radius:2px;background:#fff;animation:typingBlink .8s steps(1) infinite}@keyframes typingBlink{50%{opacity:0}}
.board-row.active .letter-track:after{content:"";position:absolute;left:0;bottom:0;width:var(--word-progress,100%);height:2px;border-radius:2px;background:linear-gradient(90deg,var(--purple),var(--pink));box-shadow:0 0 8px #8d5cff88;transition:width 1s linear}
.board-row.correct,.board-row.wrong{opacity:1}
.board-row.correct .letter-box{background:#b9f24d18;border-color:#b9f24d66;color:#cfff75}
.board-row.wrong .letter-box{background:#ff4f7617;border-color:#ff4f7660;color:#ff819b}
.board-delta{font:800 10px Manrope;color:#ffd75e;text-align:right;opacity:0}
.board-row.correct .board-delta,.board-row.wrong .board-delta,.board-row.dontknow .board-delta{opacity:1}
.results-board{margin:20px 0}.results-board .letter-box{width:min(21px,4.5vw)}
.wheel-overlay{position:fixed;inset:0;background:#060711dd;z-index:30;display:grid;place-items:center;padding:24px;opacity:0;pointer-events:none;transition:.25s}
.wheel-overlay.open{opacity:1;pointer-events:auto}
.wheel-card{text-align:center;width:min(330px,100%);padding:28px 22px 25px;border-radius:25px;border:1px solid #ffffff16;background:radial-gradient(circle at 50% 38%,#8d5cff20,transparent 48%),#131627;box-shadow:0 25px 80px #000a}
.wheel-card h2{font:800 25px Manrope;margin:5px 0 17px}.wheel-card>small{display:block;color:#74798e;font-size:9px;margin-top:9px}.wheel-pointer{color:#ffd75e;font-size:18px;height:13px;position:relative;z-index:2}
.penalty-wheel{width:180px;height:180px;margin:auto;border-radius:50%;position:relative;background:conic-gradient(#52b88a 0 25%,#7e50e7 25% 50%,#ff4f92 50% 75%,#cf405f 75%);border:5px solid #292d44;box-shadow:0 0 0 5px #ffffff0a,0 0 45px #8d5cff40;transition:transform 6.1s cubic-bezier(.04,.78,.08,1)}
.penalty-wheel.spinning{transform:rotate(var(--wheel-turn,2880deg))}
.penalty-wheel:after{content:"";position:absolute;inset:37%;border-radius:50%;background:#151829;border:4px solid #ffffff16}
.wheel-label{position:absolute;width:44px;line-height:20px;text-align:center;font:800 16px Manrope;color:#fff;text-shadow:0 2px 6px #0008}.w0{top:35px;right:25px;transform:rotate(45deg)}.w1{bottom:35px;right:25px;transform:rotate(135deg)}.w2{bottom:35px;left:25px;transform:rotate(225deg)}.w3{top:35px;left:25px;transform:rotate(315deg)}
.game-actions button:disabled{opacity:.4;cursor:default}
.wheel-result{height:38px;margin-top:13px;font:800 28px Manrope;color:#ffd75e}
.ready-overlay{position:fixed;inset:0;background:#060711e8;z-index:25;display:grid;place-items:center;padding:24px;opacity:0;pointer-events:none;transition:.25s}.ready-overlay.open{opacity:1;pointer-events:auto}.ready-card{width:min(330px,100%);padding:30px;text-align:center;border-radius:25px;background:radial-gradient(circle at 50% 20%,#8d5cff28,transparent 48%),#131627;border:1px solid #ffffff15}.ready-card .host-face{width:70px;height:70px;margin:0 auto 20px;font-size:27px}.ready-card h2{font:800 28px Manrope;margin:6px 0}.ready-card p{color:#8e92aa;font-size:12px}.ready-card button{height:42px;margin-top:22px;padding:0 22px;border:0;border-radius:21px;background:linear-gradient(135deg,var(--purple),#a858ee);color:#fff;font:700 12px Manrope;cursor:pointer}.ready-card button span{margin-left:8px}
.ready-card .ready-back-button{display:block;margin:8px auto 0;height:32px;background:transparent;color:#9499ae;font:600 10px "DM Sans";box-shadow:none}.ready-card .ready-back-button:hover{color:#fff}
.input-choice-overlay{position:fixed;inset:0;z-index:26;display:grid;place-items:center;padding:24px;background:#060711ed;opacity:0;pointer-events:none;transition:.25s}.input-choice-overlay.open{opacity:1;pointer-events:auto}.input-choice-card{width:min(380px,100%);padding:30px 24px 22px;text-align:center;border:1px solid #ffffff16;border-radius:25px;background:radial-gradient(circle at 50% 15%,#8d5cff30,transparent 45%),#131627;box-shadow:0 25px 80px #000a}.input-choice-card h2{margin:7px 0 5px;font:800 27px Manrope}.input-choice-card>p{color:#9095aa;font-size:11px}.input-choice-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:23px}.input-choice-buttons button{min-height:125px;padding:15px 9px;border:1px solid #ffffff17;border-radius:18px;color:#fff;background:#ffffff08}.input-choice-buttons button:first-child{border-color:#a778ff77;background:#8d5cff18}.input-choice-buttons button:last-child{border-color:#50df9b66;background:#50df9b12}.input-choice-buttons b,.input-choice-buttons strong,.input-choice-buttons small{display:block}.input-choice-buttons b{font-size:30px}.input-choice-buttons strong{margin-top:8px;font:800 15px Manrope}.input-choice-buttons small{margin-top:3px;color:#9499ad;font-size:9px}.choice-back{margin-top:15px;padding:8px 18px;border:0;color:#969aae;background:transparent;font:700 10px Manrope}
.hint-box.visible{display:block;margin:12px auto 2px;padding:13px 17px;max-width:390px;border-width:2px;color:#ffe36e;background:#ffd75e12;border-color:#ffd75e66;font:800 16px/1.25 Manrope;box-shadow:0 0 22px #ffd75e20}
.final-intro-overlay,.final-moment-overlay{position:fixed;inset:0;z-index:32;display:grid;place-items:center;padding:24px;background:#060711ed;opacity:0;pointer-events:none;transition:opacity .35s}
.final-intro-overlay.open,.final-moment-overlay.open{opacity:1;pointer-events:auto}
.final-intro-card,.final-moment-card{position:relative;width:min(390px,100%);padding:34px 25px;text-align:center;border-radius:27px;border:1px solid #a57aff77;background:radial-gradient(circle at 50% 25%,#8d5cff35,transparent 52%),#111426;box-shadow:0 25px 90px #000c,0 0 45px #8d5cff35}
.final-intro-logo{margin:18px -10px 15px;font-size:25px;animation:finalLogoGlow 1.1s ease-in-out infinite alternate}.final-intro-card>small{margin-top:8px!important}.final-sound-wave{height:22px;margin-top:20px;display:flex;justify-content:center;align-items:center;gap:4px}.final-sound-wave i{width:3px;height:7px;border-radius:3px;background:linear-gradient(#ffd75e,#a978ff);animation:finalWave .65s ease-in-out infinite alternate}.final-sound-wave i:nth-child(2),.final-sound-wave i:nth-child(4){animation-delay:.16s}.final-sound-wave i:nth-child(3){animation-delay:.31s}@keyframes finalWave{to{height:21px;box-shadow:0 0 10px #a978ff}}@keyframes finalLogoGlow{to{transform:scale(1.025);text-shadow:0 0 30px #a978ffaa}}
.final-intro-card>small{display:block;margin-top:22px;color:#8e93a8;font:700 9px Manrope;letter-spacing:1.5px}.final-intro-card>strong{display:block;margin:2px 0 -4px;color:#ffd75e;font:800 68px Manrope;line-height:1}.checkpoint-unit{color:#ffd75e;font:800 9px Manrope;letter-spacing:2px}.final-intro-card h2{font:800 24px Manrope;margin:25px 0 6px}.final-intro-card p{color:#c0a8ff;font:700 13px Manrope}
.final-moment-overlay.win{background:radial-gradient(circle,#43259a88,transparent 55%),#060711}.final-moment-overlay.lose{background:radial-gradient(circle,#40202c66,transparent 55%),#060711}
.final-moment-card{z-index:2;overflow:hidden}.final-moment-card h2{font:800 31px Manrope;margin:10px 0 22px}.win .final-moment-card h2{color:#cfff75}.lose .final-moment-card h2{color:#ff94ae}
.final-answer-reveal{display:grid;grid-template-columns:1fr 1fr;gap:3px 15px;margin:15px 0 12px;padding:12px;border-radius:13px;background:#ffffff08;border:1px solid #ffffff12}.final-answer-reveal small,.final-answer-reveal span{color:#74798e;font:700 8px Manrope;letter-spacing:1px}.final-answer-reveal strong,.final-answer-reveal b{font:800 15px Manrope;text-transform:uppercase}.final-answer-reveal strong{color:#fff}.final-answer-reveal b{color:#ffd75e}
.score-transformation{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}.score-transformation small{font:800 27px Manrope;color:#777d93;text-align:right}.score-transformation span{font:800 15px Manrope;color:#ffd75e}.score-transformation strong{font:800 58px Manrope;color:#fff;text-align:left;line-height:1;animation:numberPulse .5s infinite alternate}.win .score-transformation strong{color:#cfff75;text-shadow:0 0 25px #b9f24d88}.lose .score-transformation strong{color:#ff94ae;text-shadow:0 0 20px #ff4f7680}
@keyframes numberPulse{to{transform:scale(1.055)}}.final-moment-card p{margin-top:18px;color:#9ca1b5;font:600 12px Manrope}.moment-progress{height:3px;margin-top:25px;border-radius:2px;background:#ffffff10;overflow:hidden}.moment-progress i{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--purple),var(--pink));transform-origin:left}.final-moment-overlay.open .moment-progress i{animation:momentCountdown 10s linear forwards}@keyframes momentCountdown{to{transform:scaleX(0)}}
.final-particles{position:absolute;inset:0;overflow:hidden}.final-particles i{position:absolute;top:-12%;font-style:normal;animation:particleFall var(--fall,3s) linear infinite;animation-delay:var(--delay,0s)}.win .final-particles i{color:#ffd75e;text-shadow:0 0 8px currentColor;animation-name:fireworkFall}.lose .final-particles i{color:#8c7890;opacity:.7}
@keyframes particleFall{to{transform:translateY(120vh) rotate(280deg);opacity:0}}@keyframes fireworkFall{0%{transform:translateY(45vh) scale(.2);opacity:0}20%{opacity:1}45%{transform:translateY(30vh) scale(1.5) rotate(120deg)}100%{transform:translateY(105vh) scale(.7) rotate(300deg);opacity:0}}
.final-particles .firework-burst{position:absolute;width:8px;height:8px;border-radius:50%;color:var(--burst-color);background:currentColor;box-shadow:0 -34px 0 currentColor,24px -24px 0 currentColor,34px 0 0 currentColor,24px 24px 0 currentColor,0 34px 0 currentColor,-24px 24px 0 currentColor,-34px 0 0 currentColor,-24px -24px 0 currentColor;opacity:0;filter:drop-shadow(0 0 7px currentColor);animation:finalFirework 1.45s ease-out infinite;animation-delay:var(--burst-delay)}
@keyframes finalFirework{0%{opacity:0;transform:scale(.08)}18%{opacity:1}70%{opacity:.9;transform:scale(1.15)}100%{opacity:0;transform:scale(1.55)}}
#gameScreen .mic-button{width:48px;height:48px;box-shadow:0 0 0 6px #8d5cff18,0 8px 25px #0008}.mic-button .mic-icon{transform:scale(.55);transform-origin:center;top:8px;left:16px}.answer-area>strong{margin-top:9px}#answerForm{margin-top:10px}#answerForm input{padding:8px 11px}#answerForm button{padding:0 12px}

@media(max-width:600px){
  .streak-pill{display:none}
  #homeScreen{padding-top:15px}.home-brand-hero{padding:7px 0 16px}.home-main-logo{font-size:26px}.home-intro{padding:14px 10px}.home-intro h1{font-size:22px}.simple-rules{gap:5px}.simple-rules span{padding:8px 4px;font-size:7px}.simple-rules b{font-size:8px}.category-prompt{margin-top:17px}
  .category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.category-card{min-height:94px;padding:10px 8px}.category-card .category-icon{width:30px;height:30px;margin-bottom:8px}.category-card strong{font-size:10px}.category-card small{font-size:7px}.category-card:not(.featured-category){grid-template-rows:30px 40px;row-gap:7px}.category-card:not(.featured-category) .category-copy{grid-template-rows:15px 22px}.category-card:not(.featured-category) strong{height:15px;line-height:15px}.category-card:not(.featured-category) small{min-height:18px;line-height:1.2}.category-card.featured-category{min-height:78px;grid-template-columns:40px 1fr auto;padding:12px;gap:9px}.featured-category .category-icon{width:40px;height:40px;margin:0}.featured-category strong{font-size:16px}.featured-category>b{font-size:7px}
  .app-shell{padding:0 12px max(8px,env(safe-area-inset-bottom));min-height:100svh}
  #gameScreen .game-top{margin:0 -12px;padding:7px 12px 10px;grid-template-columns:28px 1fr 28px}
  .game-title-brand{font-size:22px;letter-spacing:.35px}
  #gameScreen .round-exit{width:25px;height:25px;font-size:17px}
  .game-status-banner{grid-template-columns:minmax(70px,1fr) auto minmax(70px,1fr);gap:5px;margin-top:9px;padding:7px 7px 22px;border-radius:10px}
  .player-icon{width:24px;height:24px;flex-basis:24px;font-size:10px}.game-player{gap:4px}.game-player small{font-size:6px}.game-player strong{font-size:8px}
  #gameScreen .round-label{margin-top:0}.round-label span{font-size:7px}.round-label strong{font-size:7px;letter-spacing:.35px}
  .game-timer{min-width:94px}.game-timer small{font-size:6px}.game-timer b{font-size:29px}
  .progress{height:2px}.time-rules{display:none}
  .word-board-wrap{margin:12px -9px 5px;padding:7px 5px;border-radius:9px}
  .board-heading{margin-bottom:2px;font-size:7px}.board-heading small{font-size:7px}
  .word-board{gap:0}.board-row{min-height:22px;grid-template-columns:13px minmax(0,1fr) 30px;gap:3px}
  .board-number{font-size:7px}.letter-track{gap:2px;padding-bottom:2px}
  .letter-box{width:min(25px,6.2vw);height:23px;flex-basis:25px;border-radius:3px;font-size:14px;font-weight:800}
  .letter-gap{width:3px;flex-basis:3px}.board-delta{font-size:8px}
  .final-board-wrap{margin:7px -9px 4px;padding:5px;border-radius:9px}
  .final-word-board .board-row{min-height:23px;grid-template-columns:13px minmax(0,1fr) 48px;padding:1px 4px}
  .host-stage{display:none}
  .question-area{min-height:84px;padding-top:4px}.clue-type{padding:3px 6px;font-size:7px}.question-area h2{font-size:17px;line-height:1.12;margin:7px auto 3px}.question-area p{font-size:9px}
  .hint-box.visible{margin:7px auto 2px;padding:10px 12px;font-size:14px}
  #gameScreen .mic-button{width:38px;height:38px;box-shadow:0 0 0 4px #8d5cff18,0 6px 18px #0008}
  .mic-button .mic-icon{transform:scale(.43);top:3px;left:11px}
  .answer-area>strong{margin-top:3px;font-size:10px}.answer-area>p{margin-top:1px;font-size:8px}
  .game-actions{grid-template-columns:repeat(3,1fr);gap:7px;width:min(350px,100%);margin:9px auto 5px}.game-actions button{height:42px;min-width:0;padding:0 7px;font-size:11px;font-weight:800}.game-actions #endGameButton{height:23px;width:105px;font-size:8px}
  #answerForm{margin-top:5px;gap:0;max-width:310px}#answerForm input{height:30px;padding:5px 9px;font-size:16px;border-radius:9px}#answerForm button{display:none}
  #gameScreen #answerForm{position:fixed;left:50%;bottom:0;width:1px;height:1px;margin:0;overflow:hidden;opacity:.01;pointer-events:none;z-index:1}
  #gameScreen #answerForm input{width:1px;height:1px;min-width:1px;padding:0;border:0}
  body.keyboard-open .app-shell{height:var(--visible-height);min-height:0;overflow:hidden}
  body.keyboard-open #gameScreen{height:var(--visible-height)}
  body.keyboard-open #gameScreen .game-top{padding-top:3px;padding-bottom:5px}
  body.keyboard-open .game-title-brand{font-size:17px}
  body.keyboard-open .progress{display:none}
  body.keyboard-open #gameScreen .word-board-wrap{display:block;margin:9px -9px 7px;padding:8px 7px}
  body.keyboard-open #gameScreen .final-board-wrap{display:none}
  body.keyboard-open #gameScreen.final-round .word-board-wrap{display:none}
  body.keyboard-open #gameScreen.final-round .final-board-wrap{display:block;margin:7px -9px 5px;padding:6px 7px}
  body.keyboard-open #gameScreen .board-heading{display:none}
  body.keyboard-open #gameScreen .board-row{display:none}
  body.keyboard-open #gameScreen .board-row.active{display:grid;min-height:40px;opacity:1;grid-template-columns:18px minmax(0,1fr) 38px}
  body.keyboard-open #gameScreen .board-row.active .letter-box{height:34px;width:min(31px,7.3vw);flex-basis:31px;font-size:18px}
  body.keyboard-open .question-area{min-height:70px;padding-top:5px}
  body.keyboard-open .question-area h2{font-size:19px;line-height:1.16;margin-top:7px}
  body.keyboard-open .question-area p{font-size:11px}
  body.keyboard-open .answer-area>strong,body.keyboard-open .answer-area>p{display:none}
  body.keyboard-open #gameScreen .mic-button{display:block;width:44px;height:44px;margin:3px auto 4px;box-shadow:0 0 0 5px #8d5cff1c,0 7px 22px #0008}
  body.keyboard-open #gameScreen .mic-button .mic-icon{transform:scale(.5);top:6px;left:14px}
  body.keyboard-open .game-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:7px auto 0;max-width:350px}
  .input-mode-switch{width:min(310px,94%);margin:8px auto 9px}.input-mode-switch button{height:36px;font-size:10px}
  body.keyboard-open .game-actions button{height:40px;border-radius:11px;font-size:11px}
  body.keyboard-open .game-actions #endGameButton{height:22px;border-radius:11px;font-size:8px}
  body.keyboard-open #answerForm{margin:0}
}

/* Home brand refinement v0.11.4 */
.home-main-logo .brand-number{animation:elevenGlow 2.2s ease-in-out infinite alternate}
.home-intro{padding:18px}
.home-intro>p{max-width:430px;margin:8px auto 0;color:#a5a9bc;font-size:11px;line-height:1.55}
.category-prompt{color:#d8c6ff;font-size:10px;letter-spacing:2px}
.category-card{animation:categoryGlow 3.4s ease-in-out infinite;animation-delay:calc(var(--glow-order,0)*.17s)}
.category-card:nth-child(2){--glow-order:1}.category-card:nth-child(3){--glow-order:2}.category-card:nth-child(4){--glow-order:3}.category-card:nth-child(5){--glow-order:4}.category-card:nth-child(6){--glow-order:5}.category-card:nth-child(7){--glow-order:6}.category-card:nth-child(8){--glow-order:7}.category-card:nth-child(9){--glow-order:8}.category-card:nth-child(10){--glow-order:9}
@keyframes elevenGlow{from{color:#c6aaff;text-shadow:0 0 7px #8d5cff66;filter:brightness(1)}to{color:#fff;text-shadow:0 0 8px #fff,0 0 20px #a978ff,0 0 38px #ff4fa288;filter:brightness(1.2)}}
@keyframes categoryGlow{0%,72%,100%{box-shadow:0 5px 14px #0003}84%{box-shadow:0 0 8px var(--accent),0 0 25px color-mix(in srgb,var(--accent) 42%,transparent),inset 0 0 14px color-mix(in srgb,var(--accent) 12%,transparent)}}
@media(prefers-reduced-motion:reduce){.category-card,.home-main-logo .brand-number{animation:none!important}}

/* Interface refinement v0.11.5 */
.home-brand-hero>p{font-size:12px;letter-spacing:3.4px;text-shadow:0 0 13px #b9f24d55}
.home-intro h1{font-size:20px;letter-spacing:-.35px}
.home-intro>p{font-size:14px;line-height:1.55;color:#b6bacb}
.settings-strip{display:grid;grid-template-columns:35px 1fr 18px;align-items:center;gap:10px;width:100%;margin-top:16px;padding:10px 12px;border:1px solid #ffffff18;border-radius:13px;color:#fff;text-align:left;background:linear-gradient(100deg,#14172a,#101322);box-shadow:0 7px 20px #0004;cursor:pointer}
.account-strip{display:grid;grid-template-columns:38px 1fr 18px;align-items:center;gap:10px;width:100%;margin-top:16px;padding:10px 12px;border:1px solid #a57aff44;border-radius:13px;color:#fff;text-align:left;background:linear-gradient(100deg,#211936,#121526);box-shadow:0 7px 22px #0005,0 0 18px #8d5cff14;cursor:pointer}
.account-strip>span:nth-child(2){min-width:0}.account-strip small,.account-strip strong,.account-strip i{display:block}.account-strip small{color:#b9f24d;font:800 7px Manrope;letter-spacing:1.2px}.account-strip strong{margin-top:2px;font:800 12px Manrope}.account-strip i{overflow:hidden;margin-top:1px;color:#9b9fb1;font:500 8px "DM Sans";text-overflow:ellipsis;white-space:nowrap}.account-strip>b{color:#bba3f7;font-size:20px}.account-avatar{display:grid;width:36px;height:36px;place-items:center;border:1px solid #c8b2ff77;border-radius:50%;color:#fff;background:linear-gradient(145deg,#9b72ff,#6540be);box-shadow:0 0 14px #8d5cff55;font:800 12px Manrope}
.settings-strip>span:nth-child(2){min-width:0}.settings-strip small,.settings-strip strong,.settings-strip i{display:block}.settings-strip small{color:#bba3f7;font:800 8px Manrope;letter-spacing:1.2px}.settings-strip strong{margin-top:2px;font:700 11px Manrope}.settings-strip i{overflow:hidden;margin-top:1px;color:#777d94;font:500 8px "DM Sans";text-overflow:ellipsis;white-space:nowrap}.settings-strip>span:last-of-type span{display:inline-grid;width:18px;height:18px;margin-right:4px;place-items:center;border-radius:50%;color:#fff;background:#8d5cff;font-size:9px}.settings-gear{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;color:#d8c6ff;background:#8d5cff20;font-size:17px}.settings-strip>b{color:#8f94a8;font-size:20px}
.settings-modal{max-height:min(620px,88vh);overflow:auto}.settings-audio{display:grid;gap:13px;margin:6px 0 22px;padding:15px;border:1px solid #ffffff12;border-radius:15px;background:#ffffff06}.settings-audio label>span{display:flex;justify-content:space-between;margin-bottom:8px;color:#d9dbe5;font:700 11px Manrope}.settings-audio label b{color:#b9f24d}.settings-audio input{width:100%;accent-color:#9d6cff}.settings-section-title{margin:0 2px 9px;color:#8f94a8;font:800 8px Manrope;letter-spacing:1.5px}
.question-intro{margin-bottom:5px;color:#c1a9ff;font:800 10px Manrope;letter-spacing:2px;text-align:center}
.game-actions button:not(:disabled):not(#endGameButton){border-color:#a57aff55;background:linear-gradient(145deg,#211b3d,#17182b);box-shadow:0 0 10px #8d5cff28,0 7px 18px #0005;animation:actionGlow 2.7s ease-in-out infinite}
.game-actions button:nth-child(2){animation-delay:.35s}.game-actions button:nth-child(3){animation-delay:.7s}
.game-actions button:disabled{animation:none!important;box-shadow:none}
@keyframes actionGlow{0%,68%,100%{border-color:#a57aff44;box-shadow:0 0 7px #8d5cff1e,0 7px 18px #0005}82%{border-color:#c9b3ffcc;box-shadow:0 0 12px #9d6cff88,0 0 25px #8d5cff44}}

@media(max-width:600px){
  .home-brand-hero>p{font-size:11px}.home-intro h1{font-size:18px}.home-intro>p{font-size:13px}
  .settings-strip{margin-top:13px}
  .question-intro{font-size:9px;margin-bottom:4px}
  .game-actions button{height:48px;font-size:13px;letter-spacing:.45px}
  body.keyboard-open #gameScreen{overflow-y:auto;overscroll-behavior:contain;padding-bottom:8px}
  body.keyboard-open .question-area{min-height:82px;padding-top:7px}
  body.keyboard-open .question-intro{font-size:8px;margin-bottom:3px}
  body.keyboard-open .question-area h2{margin-top:5px}
  body.keyboard-open .game-actions{position:sticky;bottom:0;z-index:18;gap:7px;max-width:none;margin:7px -4px 0;padding:7px 4px 4px;background:linear-gradient(180deg,transparent,#090b16 20%)}
  body.keyboard-open .game-actions button{height:46px;font-size:12px}
}

/* Eliminate translucent square compositing artifacts on rounded buttons */
.category-card,.settings-strip,.input-choice-buttons button,.ready-card button,.game-actions button{-webkit-appearance:none;appearance:none;background-clip:padding-box;isolation:isolate}
.category-card{border-radius:19px;transform:translateZ(0)}
@media(prefers-reduced-motion:reduce){.game-actions button{animation:none!important}}

.duel-invite #acceptDuel,.duel-invite #declineDuel{
  position:relative;z-index:3;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent
}
.duel-invite-account{display:block;margin:-3px 0 11px;color:#79eec6;text-align:center;font:900 8px Manrope;letter-spacing:1px;text-shadow:0 0 10px #4be0aa55}

/* v0.16.72 utility controls and direct-pass state */
#gameScreen .game-bottom-controls #dontKnowButton{
  grid-column:2;display:flex;height:32px;min-width:0;padding:2px 7px;align-items:center;justify-content:center;gap:5px;
  border:1px solid #ffb85c66;border-radius:10px;color:#ffe0a7;background:linear-gradient(145deg,#ffb24a25,#603c171c);cursor:pointer
}
#gameScreen .game-bottom-controls #dontKnowButton span{display:grid;width:17px;height:17px;place-items:center;border:1px solid #ffc46c77;border-radius:50%;font:900 10px Manrope}
#gameScreen .game-bottom-controls #dontKnowButton small{font:800 8px Manrope;line-height:1.05}
#gameScreen .game-bottom-controls #dontKnowButton:disabled{opacity:.3;filter:saturate(.25);cursor:default}
#gameScreen .game-bottom-controls #keyboardVoiceButton .action-mode-icon{font-size:15px;line-height:1}
#gameScreen .game-bottom-controls #keyboardVoiceButton small{font:800 9px Manrope;line-height:1.05}
#gameScreen .board-row.dontknow .board-delta{color:#ff7893;text-shadow:0 0 9px #ff355f88}
#gameScreen .board-row.dontknow .letter-box{color:#615f70!important;background:#171824!important;border-color:#353544!important}
.help-notice-tertiary{color:#ffdc75!important;font-weight:900!important;letter-spacing:1.1px;text-shadow:0 0 10px #ffb83d88}
@media(max-width:600px){
  #gameScreen .game-bottom-controls #dontKnowButton{height:32px;padding-inline:4px}
  #gameScreen .game-bottom-controls #dontKnowButton small{font-size:7px}
  body.keyboard-open #gameScreen .game-bottom-controls #dontKnowButton{height:31px}
}

/* Settings and mobile controls v0.11.6 */
.settings-strip{grid-template-columns:35px 1fr 18px;padding-block:9px}.settings-strip strong{font-size:13px}.settings-strip>span:nth-child(2){display:flex;align-items:center}
.audio-preview-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:3px}.audio-preview-row button{height:38px;border:1px solid #a57aff55;border-radius:11px;color:#fff;background:#8d5cff1c;font:800 10px Manrope}.settings-note{margin:12px 2px 0;color:#777d92;font-size:9px;text-align:center}.host-option{position:relative}.host-option>span:nth-child(2){flex:1}.host-option>i{color:#b9f24d;font-size:10px;font-style:normal}.host-option.selected{box-shadow:0 0 16px #8d5cff35}
.settings-audio .setting-switch{display:flex;align-items:center;gap:12px;padding:11px 2px 4px;cursor:pointer}.setting-switch>span{display:block!important;flex:1;margin:0!important}.setting-switch strong,.setting-switch small{display:block}.setting-switch strong{color:#e4e5ed;font:700 11px Manrope}.setting-switch small{margin-top:2px;color:#777d92;font-size:8px}.setting-switch input{position:absolute;width:1px!important;height:1px;opacity:0}.setting-switch i{position:relative;width:42px;height:24px;flex:0 0 42px;border-radius:14px;background:#35394d;box-shadow:inset 0 1px 4px #0007;transition:.2s}.setting-switch i:after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#9a9eae;transition:.2s}.setting-switch input:checked+i{background:#7550d5;box-shadow:0 0 12px #8d5cff55}.setting-switch input:checked+i:after{left:21px;background:#fff}
.auth-modal{max-width:430px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:4px 0 16px;padding:4px;border-radius:13px;background:#080a14}.auth-tabs button{height:38px;border:0;border-radius:10px;color:#858a9d;background:transparent;font:800 10px Manrope}.auth-tabs button.active{color:#fff;background:#8d5cff;box-shadow:0 0 14px #8d5cff66}.auth-modal form{display:grid;gap:11px}.auth-modal form label{display:grid;gap:5px;color:#a9adbb;font:700 9px Manrope}.auth-modal input{box-sizing:border-box;width:100%;height:44px;padding:0 13px;border:1px solid #ffffff18;border-radius:11px;outline:0;color:#fff;background:#090b16;font:600 12px "DM Sans"}.auth-modal input:focus{border-color:#a57aff;box-shadow:0 0 0 3px #8d5cff20}.auth-modal #displayNameField{display:none}.auth-modal #displayNameField.visible{display:grid}.auth-primary,.google-button{width:100%;height:45px;border:0;border-radius:12px;color:#fff;background:linear-gradient(100deg,#8d5cff,#7142d0);box-shadow:0 8px 20px #6d3bd744;font:800 11px Manrope;cursor:pointer}.google-button{border:1px solid #ffffff1d;color:#e9eaf0;background:#171a2a;box-shadow:none}.google-button b{display:inline-grid;width:21px;height:21px;margin-right:7px;place-items:center;border-radius:50%;color:#4285f4;background:#fff;font-size:12px}.auth-divider{display:flex;align-items:center;gap:9px;margin:13px 0;color:#656a7c;font:700 8px Manrope}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:#ffffff10}.auth-link{display:block;margin:12px auto 0;border:0;color:#bda8f3;background:none;font:700 9px Manrope;cursor:pointer}.auth-message{min-height:15px;margin:9px 0 0;color:#a9adbb;font-size:9px;text-align:center}.auth-message.error{color:#ff7d9c}.auth-message.success{color:#b9f24d}.auth-note{display:block;margin:8px auto 0;max-width:300px;color:#656a7c;font-size:8px;line-height:1.45;text-align:center}.signed-player{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid #ffffff12;border-radius:15px;background:#ffffff06}.signed-player strong,.signed-player small{display:block}.signed-player strong{font:800 15px Manrope}.signed-player small{margin-top:2px;color:#8e93a5;font-size:9px}.profile-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.profile-stats div{padding:15px;border-radius:13px;background:#0a0c18;text-align:center}.profile-stats strong,.profile-stats span{display:block}.profile-stats strong{color:#b9f24d;font:800 22px Manrope}.profile-stats span{margin-top:2px;color:#7d8295;font-size:8px}.cloud-save-status{display:block;margin:-7px 0 13px;color:#767b8e;font:700 9px Manrope;text-align:center}.cloud-save-status.saving{color:#c7b3f5}.cloud-save-status.saved{color:#b9f24d}.cloud-save-status.error{color:#ff7998}
.duel-auth-notice{display:grid;gap:5px;margin:0 0 13px;padding:13px;border:1px solid #ff66ad66;border-radius:14px;background:linear-gradient(120deg,#8d5cff20,#ff4fa218);box-shadow:0 0 22px #8d5cff22;text-align:center}.duel-auth-notice[hidden]{display:none}.duel-auth-notice strong{color:#ffb7d8;font:900 10px Manrope;letter-spacing:1px}.duel-auth-notice span{color:#fff;font:800 11px Manrope}.duel-auth-notice span b{color:#ffe46f;font-size:17px;letter-spacing:3px;text-shadow:0 0 10px #ffd75e88}.duel-auth-notice small{color:#c9c1db;font:600 9px/1.45 "DM Sans"}
.input-mode-switch{position:relative;z-index:20;margin:7px auto 8px;background:#111527}
@media(max-width:600px){
  body.keyboard-open .input-mode-switch{position:sticky;top:0;z-index:25;width:100%;margin:4px auto 6px;box-shadow:0 6px 18px #05060dc9}
  body.keyboard-open .input-mode-switch button{height:38px;font-size:11px}
  body.keyboard-open #gameScreen .word-board-wrap{margin-top:5px}
}

/* Account, sound toggles and magic brand v0.13.0 */
.home-brand-hero{position:relative;isolation:isolate;overflow:hidden;margin:2px 0 14px;padding:23px 10px 25px;border:1px solid #a878ff66;border-radius:24px;background:radial-gradient(circle at 50% 20%,#8d5cff2f,transparent 50%),linear-gradient(145deg,#17122b,#0d1020);box-shadow:0 0 20px #8d5cff40,inset 0 0 26px #9d6cff18}
.home-brand-hero:before,.home-brand-hero:after,.brand-magic-fog{content:"";position:absolute;z-index:0;border-radius:50%;filter:blur(19px);opacity:.5;pointer-events:none}
.home-brand-hero:before{width:55%;height:70%;left:-15%;top:28%;background:#8b5cff66;animation:magicFogA 8s ease-in-out infinite alternate}
.home-brand-hero:after{width:48%;height:75%;right:-10%;top:5%;background:#ff4fa244;animation:magicFogB 9s ease-in-out infinite alternate}
.brand-magic-fog{width:55%;height:42%;left:23%;bottom:-12%;background:#b9f24d30;animation:magicFogC 7s ease-in-out infinite alternate}
.home-brand-hero .home-main-logo{position:relative;z-index:1;text-shadow:0 0 8px #fff5,0 0 28px #9d6cffaa}.home-brand-hero>p{position:relative;z-index:1;color:#d8ff89;text-shadow:0 0 7px #b9f24d,0 0 22px #b9f24d88}
@keyframes magicFogA{to{transform:translate(45%,-8%) scale(1.2);opacity:.7}}@keyframes magicFogB{to{transform:translate(-40%,20%) scale(1.25);opacity:.65}}@keyframes magicFogC{to{transform:translateY(-35%) scale(1.3);opacity:.62}}
.home-utility-bar{display:grid;grid-template-columns:minmax(0,4fr) minmax(72px,1fr);gap:8px;margin-top:16px}.home-utility-bar .account-strip,.home-utility-bar .settings-strip{height:60px;margin:0}.home-utility-bar .settings-strip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:5px;border-color:#ffffff18;text-align:center}.home-utility-bar .settings-strip .settings-gear{width:28px;height:27px;background:transparent;font-size:19px}.home-utility-bar .settings-strip>strong{font-size:8px;color:#aeb2c2}
.audio-control-row{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:12px}.audio-control-row>label:first-child{min-width:0}.mini-switch{position:relative;display:block;width:42px;height:24px;cursor:pointer}.mini-switch input{position:absolute!important;width:1px!important;height:1px!important;opacity:0}.mini-switch i{position:absolute;inset:0;border-radius:14px;background:#35394d;box-shadow:inset 0 1px 4px #0007;transition:.2s}.mini-switch i:after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#9a9eae;transition:.2s}.mini-switch input:checked+i{background:#7550d5;box-shadow:0 0 12px #8d5cff55}.mini-switch input:checked+i:after{left:21px;background:#fff}.audio-control-row.muted input[type=range]{opacity:.32}
.nickname-form{margin:12px 0;padding:13px;border:1px solid #a57aff33;border-radius:14px;background:#8d5cff0b}.nickname-form>small{display:block;margin:6px 1px 10px;color:#777d91;font-size:8px;line-height:1.4}.nickname-form .auth-message{margin-bottom:0}.auth-modal.needs-nickname #closeAuth{visibility:hidden}.auth-modal.needs-nickname .signed-player,.auth-modal.needs-nickname .profile-stats,.auth-modal.needs-nickname #signOutButton{display:none}.auth-modal.needs-nickname .nickname-form{border-color:#b9f24d55;box-shadow:0 0 20px #8d5cff22}
@media(max-width:600px){.home-brand-hero{padding:20px 8px 22px}.home-utility-bar{grid-template-columns:minmax(0,4fr) minmax(68px,1fr)}}

/* Fluorescent information ticker v0.13.1 */
.home-led-marquee{position:relative;overflow:hidden;margin:0 0 14px;padding:12px 0;border:1px solid #8d5cff55;border-radius:10px;background:linear-gradient(180deg,#05060d,#0b0d18 48%,#05060d);box-shadow:inset 0 1px #ffffff0a,inset 0 -1px #000,0 0 17px #8d5cff1c}
.home-led-marquee:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 2px,#0004 3px 4px),linear-gradient(90deg,#05060d 0,transparent 6%,transparent 94%,#05060d 100%)}
.led-track{display:flex;width:max-content;align-items:center;gap:44px;white-space:nowrap;animation:ledScroll 27s linear infinite;font:700 13px "Bruno Ace",Manrope,sans-serif;letter-spacing:1.3px}.led-track span{display:inline-block}.led-question{color:#c69cff;text-shadow:0 0 6px #8d5cff,0 0 13px #8d5cffaa}.led-rules{color:#f3f5ff;text-shadow:0 0 5px #fff9,0 0 10px #91a6ff66}.led-play{color:#f4ff52;text-shadow:0 0 6px #d8ff25,0 0 15px #b9f24daa}
@keyframes ledScroll{to{transform:translateX(calc(-50% - 22px))}}
@media(prefers-reduced-motion:reduce){.led-track{width:auto;padding:0 10px;white-space:normal;animation:none}.led-track span[aria-hidden=true]{display:none}}
@media(max-width:600px){.home-led-marquee{padding:10px 0}.led-track{gap:34px;font-size:11px;animation-duration:25s}}

/* Leaderboards */
.leaderboard-icon{display:grid;place-items:center;color:#ffd75e;font-size:17px;filter:drop-shadow(0 0 6px #ffd75e66)}
#leaderboardScreen{padding-top:18px}.leaderboard-head{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;margin-bottom:18px}.leaderboard-head>div:nth-child(2){text-align:center}.leaderboard-head span{color:#a98bdf;font:700 7px Manrope;letter-spacing:1.5px}.leaderboard-head h1{margin-top:2px;font:800 27px Manrope}.leaderboard-back{width:36px;height:36px;border:1px solid #ffffff16;border-radius:50%;color:#fff;background:#ffffff08;font-size:19px}.leaderboard-crown{display:grid;width:36px;height:36px;place-items:center;border-radius:50%;background:#ffd75e15;filter:drop-shadow(0 0 8px #ffd75e55)}
.leaderboard-tabs{display:flex;gap:7px;overflow-x:auto;margin:0 -18px;padding:2px 18px 12px;scrollbar-width:none}.leaderboard-tabs::-webkit-scrollbar{display:none}.leaderboard-tabs button{flex:0 0 auto;height:34px;padding:0 14px;border:1px solid #ffffff16;border-radius:17px;color:#858a9e;background:#111422;font:800 9px Manrope;white-space:nowrap}.leaderboard-tabs button.active{border-color:#b89aff;color:#fff;background:#8d5cff;box-shadow:0 0 15px #8d5cff66}
.leaderboard-title{display:flex;align-items:flex-end;justify-content:space-between;margin:10px 3px 8px}.leaderboard-title span{color:#d7c6ff;font:800 11px Manrope;letter-spacing:1.5px}.leaderboard-title small{color:#6f7488;font:800 8px Manrope;letter-spacing:1.3px}.leaderboard-list{display:grid;gap:7px;min-height:285px}.leaderboard-loading,.leaderboard-empty{display:grid;min-height:240px;place-items:center;color:#777c90;font:600 11px Manrope;text-align:center}
.leaderboard-row{display:grid;grid-template-columns:34px 38px 1fr auto;align-items:center;gap:9px;min-height:54px;padding:7px 12px;border:1px solid #ffffff10;border-radius:15px;background:linear-gradient(110deg,#151827,#10121f);box-shadow:0 5px 14px #0003}.leaderboard-row.me{border-color:#b9f24d66;background:linear-gradient(110deg,#28331c,#151827);box-shadow:0 0 16px #b9f24d18}.leaderboard-position{color:#83889c;font:800 12px Manrope;text-align:center}.leaderboard-row:nth-child(1) .leaderboard-position,.leaderboard-row:nth-child(2) .leaderboard-position,.leaderboard-row:nth-child(3) .leaderboard-position{font-size:18px}.leaderboard-avatar{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(145deg,#9c71ff,#613bb7);font:800 10px Manrope;box-shadow:0 0 11px #8d5cff44}.leaderboard-player{min-width:0}.leaderboard-player strong,.leaderboard-player small{display:block}.leaderboard-player strong{overflow:hidden;color:#f4f1ff;font:800 12px Manrope;text-overflow:ellipsis;white-space:nowrap}.leaderboard-player small{margin-top:1px;color:#777c91;font-size:7px}.leaderboard-score{color:#b9f24d;font:800 19px Manrope}.leaderboard-score small{display:block;color:#71768a;font:700 6px Manrope;text-align:right;letter-spacing:.8px}
.your-rank{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;margin-top:10px;padding:12px 15px;border:1px solid #b9f24d44;border-radius:14px;background:#b9f24d0c}.your-rank small{color:#8e94a5;font:800 8px Manrope;letter-spacing:1px}.your-rank strong{color:#dfff9a;font:800 17px Manrope}.your-rank span{color:#fff;font:800 16px Manrope}.leaderboard-more,.leaderboard-result-button{width:100%;height:42px;margin-top:12px;border:1px solid #a77cff66;border-radius:14px;color:#fff;background:linear-gradient(120deg,#342557,#1a1930);font:800 10px Manrope;letter-spacing:.5px}.leaderboard-result-button{margin:0 0 9px}.leaderboard-note{margin:9px 0 2px;color:#64697d;font-size:8px;text-align:center}
@media(max-width:600px){#leaderboardScreen{padding-top:10px}.leaderboard-head{margin-bottom:12px}.leaderboard-tabs{margin-inline:-14px;padding-inline:14px}.leaderboard-list{gap:6px}.leaderboard-row{min-height:50px;padding:6px 9px}}

/* World Tour levels */
.level-overlay,.unlock-overlay{position:fixed;inset:0;z-index:45;display:grid;place-items:center;padding:20px;background:#050711ed;opacity:0;pointer-events:none;transition:opacity .3s}.level-overlay.open,.unlock-overlay.open{opacity:1;pointer-events:auto}.level-card,.unlock-card{position:relative;width:min(410px,100%);padding:30px 22px;border:1px solid #9d78ff77;border-radius:26px;background:radial-gradient(circle at 50% 0,#713fde44,transparent 43%),#121526;box-shadow:0 28px 90px #000d,0 0 38px #8d5cff33;text-align:center}.level-close{position:absolute;right:14px;top:12px;width:32px;height:32px;border:0;border-radius:50%;color:#b8adc8;background:#ffffff0c;font-size:22px}.level-card h2{margin:7px 0 5px;font:800 27px Manrope}.level-card>p{color:#a5a9bb;font-size:11px;line-height:1.45}.level-card>small{display:block;margin-top:15px;color:#73788d;font-size:8px;line-height:1.45}.level-list{display:grid;gap:9px;margin-top:20px}.level-option{display:grid;grid-template-columns:1fr auto 20px;align-items:center;gap:10px;width:100%;min-height:72px;padding:12px 15px;border:1px solid #ffffff16;border-radius:17px;color:#fff;background:linear-gradient(120deg,#1a1d31,#111421);text-align:left}.level-option:not(.locked){border-color:#8b68d955;box-shadow:inset 0 0 20px #8d5cff0c}.level-option.master{border-color:#ffd75e88;background:linear-gradient(120deg,#352817,#161728);box-shadow:0 0 19px #ffd75e20}.level-option.locked{opacity:.45}.level-option strong,.level-option small{display:block}.level-option strong{font:800 17px Manrope}.level-option small{margin-top:2px;color:#8f94a8;font:800 7px Manrope;letter-spacing:1px}.level-option>b{font-size:18px}.level-stars{display:flex;gap:3px}.level-stars i{color:#34384a;font-style:normal;font-size:17px}.level-stars i.earned{color:#ffd75e;text-shadow:0 0 10px #ffd75e99}.unlock-overlay{z-index:55;background:radial-gradient(circle,#552da377,transparent 55%),#050711f2}.unlock-card{z-index:2;overflow:hidden;padding:35px 24px}.unlock-crown{display:block;color:#ffd75e;font-size:58px;filter:drop-shadow(0 0 17px #ffd75e88);animation:unlockPulse .75s ease-in-out infinite alternate}.unlock-card h2{margin:8px 0 5px;color:#dfffa2;font:800 30px Manrope}.unlock-stars{margin:12px 0;color:#ffd75e;font-size:25px;letter-spacing:8px;text-shadow:0 0 12px #ffd75e99}.unlock-card p{margin:0 auto 22px;max-width:330px;color:#c5b9db;font-size:12px;line-height:1.55}.unlock-card .secondary-button{margin-top:4px}.unlock-fireworks{position:absolute;inset:0;overflow:hidden}.unlock-fireworks i{position:absolute;top:-10%;color:#ffd75e;font-style:normal;animation:unlockFall 2.7s linear infinite;animation-delay:var(--delay)}@keyframes unlockPulse{to{transform:scale(1.08) rotate(3deg)}}@keyframes unlockFall{to{transform:translateY(115vh) rotate(420deg);opacity:.1}}@media(max-width:600px){.level-card,.unlock-card{padding-inline:17px}.level-option{min-height:67px}.level-card h2{font-size:24px}}

/* Master sound */
.home-sound-switch{display:grid;grid-template-columns:31px 1fr auto;align-items:center;gap:8px;width:100%;height:42px;margin-top:12px;padding:0 13px;border:1px solid #8d5cff44;border-radius:14px;color:#fff;background:linear-gradient(110deg,#1b1730,#111526);text-align:left;box-shadow:0 0 15px #8d5cff12}.home-sound-switch span{font-size:17px}.home-sound-switch strong{font:800 10px Manrope}.home-sound-switch small{color:#858a9e;font-size:8px}.home-sound-switch.off{border-color:#ffffff12;opacity:.68;filter:saturate(.45)}

/* Minimal keyboard mode */
#keyboardVoiceButton,.keyboard-progress-dots{display:none}
@media(max-width:600px){
  body.keyboard-open #gameScreen{position:relative;overflow:hidden!important;padding-bottom:68px}
  body.keyboard-open #gameScreen .game-title-brand,
  body.keyboard-open #gameScreen .time-rules,
  body.keyboard-open #gameScreen .input-mode-switch,
  body.keyboard-open #gameScreen .host-stage,
  body.keyboard-open #gameScreen .mic-button,
  body.keyboard-open #gameScreen .answer-area>strong,
  body.keyboard-open #gameScreen .answer-area>p,
  body.keyboard-open #gameScreen .game-actions #endGameButton{display:none!important}
  body.keyboard-open #gameScreen .game-top{height:64px;padding:2px 0 4px}
  body.keyboard-open #gameScreen .game-status-banner{min-height:58px;margin:0;grid-template-columns:1fr auto}
  body.keyboard-open #gameScreen .game-player,
  body.keyboard-open #gameScreen .game-sound-toggle{display:none}
  body.keyboard-open #gameScreen .round-label{text-align:left}
  body.keyboard-open #gameScreen .round-label{grid-column:1;grid-row:1}
  body.keyboard-open #gameScreen .round-label span{font-size:8px}
  body.keyboard-open #gameScreen .round-label strong{font-size:11px}
  body.keyboard-open #gameScreen .game-timer{min-width:104px;text-align:right}
  body.keyboard-open #gameScreen .game-timer{grid-column:2;grid-row:1}
  body.keyboard-open #gameScreen .game-timer small{font-size:7px}
  body.keyboard-open #gameScreen .game-timer b{font-size:28px}
  body.keyboard-open #gameScreen .keyboard-progress-dots{display:flex;justify-content:center;gap:8px;height:17px;margin:2px 0 3px}
  body.keyboard-open .keyboard-progress-dots i{width:7px;height:7px;border-radius:50%;background:#34384b}
  body.keyboard-open .keyboard-progress-dots i.current{background:#a978ff;box-shadow:0 0 9px #a978ff}
  body.keyboard-open .keyboard-progress-dots i.correct{background:#67d997;box-shadow:0 0 7px #67d99766}
  body.keyboard-open .keyboard-progress-dots i.wrong{background:#ff739a;box-shadow:0 0 7px #ff739a55}
  body.keyboard-open #gameScreen .word-board-wrap,
  body.keyboard-open #gameScreen.final-round .final-board-wrap{margin:2px -5px 5px;padding:7px 5px}
  body.keyboard-open #gameScreen .board-row.active{min-height:50px;grid-template-columns:16px minmax(0,1fr) 34px}
  body.keyboard-open #gameScreen .board-row.active .letter-box{height:42px;width:min(35px,7.8vw);flex-basis:35px;font-size:21px}
  body.keyboard-open #gameScreen .question-area{min-height:112px;padding:4px 2px 0}
  body.keyboard-open #gameScreen .question-intro{display:none}
  body.keyboard-open #gameScreen .clue-type{font-size:8px}
  body.keyboard-open #gameScreen .question-area h2{margin:7px auto 3px;font-size:20px;line-height:1.2;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  body.keyboard-open #gameScreen .question-area p{font-size:9px}
  body.keyboard-open #gameScreen .hint-box.visible{margin:7px auto 0;padding:9px 11px;font-size:13px}
  body.keyboard-open #gameScreen .game-actions{position:fixed;left:50%;bottom:4px;z-index:40;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;width:min(calc(100% - 18px),502px);margin:0;padding:7px;background:#101322f5;border:1px solid #ffffff16;border-radius:16px;transform:translateX(-50%);box-shadow:0 -8px 24px #04050bcf}
  body.keyboard-open #gameScreen .game-actions button{display:block;height:48px;padding:0 4px;border-radius:11px;font-size:10px}
  body.keyboard-open #gameScreen .game-actions #keyboardVoiceButton{display:block;background:linear-gradient(145deg,#a366ff,#753ee9);border-color:#b68cff;color:#fff}
}

/* Compact iPhone game flow v0.15.4 */
.home-brand-hero{position:relative}
.home-sound-corner{position:absolute;z-index:5;right:10px;top:10px;display:grid;width:38px;height:38px;place-items:center;border:1px solid #a77cff66;border-radius:50%;color:#fff;background:#17152be8;box-shadow:0 0 16px #8d5cff45;font-size:17px;cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s}
.home-sound-corner:hover,.home-sound-corner:focus-visible{transform:scale(1.08);border-color:#d0baff;background:#302253;box-shadow:0 0 24px #9d70ff88}
.home-sound-corner.off{opacity:.72;filter:saturate(.55)}
#gameScreen .game-top{grid-template-columns:32px 1fr 32px;padding-bottom:10px}
#gameScreen .game-top .round-label{grid-column:2;grid-row:1;text-align:center}
#gameScreen .game-top .game-sound-toggle{position:static;grid-column:3;grid-row:1;display:grid;width:30px;height:30px;place-items:center;padding:0;border:1px solid #a77cff55;border-radius:50%;color:#fff;background:#171a2d;font-size:14px;cursor:pointer}
#gameScreen .question-area{min-height:0;padding:18px 0 5px;text-align:center}
#gameScreen .question-area h2{width:calc(100% - 4em);max-width:440px;margin:10px auto 5px;font-size:clamp(22px,6vw,29px);line-height:1.22;text-wrap:balance}
#gameScreen .question-area p{margin-bottom:2px}
#gameScreen .game-timer{width:min(280px,88vw);min-width:0;margin:3px auto 9px;padding:8px 18px 9px;border:1px solid #b9f24d35;border-radius:20px;background:radial-gradient(circle at 50% 100%,#b9f24d10,transparent 65%),#101421;box-shadow:0 0 24px #b9f24d12,inset 0 1px #ffffff0b}
#gameScreen .game-timer b{font-size:clamp(42px,13vw,58px);line-height:.95}
#gameScreen .game-timer small{font-size:8px}
#gameScreen .word-board-wrap{margin-top:4px}
#gameScreen .time-flow{width:min(440px,100%);height:28px;margin:9px auto 4px;padding:0 6px;text-align:center}
.time-flow-rail{position:relative;height:8px;overflow:hidden;border:1px solid #ffffff1a;border-radius:8px;background:#070914;box-shadow:inset 0 2px 5px #000b,0 0 12px #8d5cff22}
.time-flow-rail i{display:block;width:calc(var(--time-ratio,1)*100%);height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff4f92,#9b68ff 48%,#b9f24d);box-shadow:0 0 12px #a97aff;transition:width .85s linear;animation:timeFlowGlow 1.25s ease-in-out infinite alternate}
.time-flow-rail span{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 11px,#ffffff24 12px 13px);animation:timeTicks 1.2s linear infinite}
.time-flow>small{display:block;margin-top:4px;color:#747b90;font:800 7px Manrope;letter-spacing:1.8px}
.time-flow.urgent .time-flow-rail i{background:linear-gradient(90deg,#8d193d,#ff4f76,#ffd75e);animation-duration:.35s}
@keyframes timeFlowGlow{to{filter:brightness(1.35);box-shadow:0 0 18px #b9f24d99}}
@keyframes timeTicks{to{transform:translateX(13px)}}
#gameScreen .game-actions{margin:4px auto 6px}
#gameScreen .game-actions button,.category-card,.settings-strip,.account-strip,.primary-button,.leaderboard-result-button{transition:transform .16s ease,filter .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}
#gameScreen .game-actions button:not(:disabled):hover,#gameScreen .game-actions button:not(:disabled):focus-visible,.category-card:hover,.settings-strip:hover,.account-strip:hover,.primary-button:hover,.leaderboard-result-button:hover{transform:translateY(-2px);filter:brightness(1.16);border-color:#cfb9ff;box-shadow:0 0 22px #8d5cff77,0 9px 20px #0007}
#gameScreen .game-actions #endGameButton:hover,#gameScreen .game-actions #endGameButton:focus-visible{color:#fff;border-color:#ff6e91;background:#ff4f7635;box-shadow:0 0 18px #ff4f7666}
#gameScreen .game-actions button:not(:disabled):active,.category-card:active,.settings-strip:active,.account-strip:active{transform:translateY(1px) scale(.98)}
.question-progress,.time-rules{display:none}
.sound-prompt{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:22px;background:#050711df;opacity:0;pointer-events:none;transition:opacity .25s}
.sound-prompt.open{opacity:1;pointer-events:auto}
.sound-prompt-card{width:min(340px,100%);padding:29px 23px 22px;border:1px solid #a77cff77;border-radius:25px;background:radial-gradient(circle at 50% 5%,#8d5cff3c,transparent 48%),#121526;box-shadow:0 28px 90px #000d,0 0 35px #8d5cff35;text-align:center}
.sound-prompt-card>span{display:block;font-size:42px;filter:drop-shadow(0 0 12px #b9f24d77)}
.sound-prompt-card h2{margin:9px 0 5px;font:800 25px Manrope}.sound-prompt-card p{margin:0 auto 20px;max-width:270px;color:#a8acbd;font-size:11px;line-height:1.45}
.sound-prompt-card button{width:100%;height:45px;border:0;border-radius:14px;color:#fff;background:linear-gradient(110deg,#8d5cff,#a34ede);font:800 12px Manrope;cursor:pointer}.sound-prompt-card #keepSoundOffButton{height:34px;margin-top:5px;color:#858a9e;background:transparent;font-size:9px}

@media(max-width:600px){
  #gameScreen .game-top{height:46px;margin:0 -12px;padding:7px 12px}
  #gameScreen .round-label span{font-size:7px}
  #gameScreen .round-label strong{font-size:9px}
  #gameScreen .question-area{padding:9px 0 3px}
  #gameScreen .question-intro{margin-bottom:3px;font-size:7px}
  #gameScreen .clue-type{font-size:7px}
  #gameScreen .question-area h2{width:calc(100% - 3.4em);margin:7px auto 4px;font-size:clamp(20px,6.2vw,25px);line-height:1.2}
  #gameScreen .question-area p{font-size:9px}
  #gameScreen .game-timer{width:min(245px,82vw);margin:2px auto 6px;padding:5px 12px 6px;border-radius:16px}
  #gameScreen .game-timer b{font-size:clamp(36px,11.5vw,48px)}
  #gameScreen .word-board-wrap,#gameScreen .final-board-wrap{margin-left:-5px;margin-right:-5px}
  #gameScreen .time-flow{height:25px;margin:7px auto 2px}
  #gameScreen .game-actions{grid-template-columns:repeat(3,1fr);gap:7px;width:100%;margin:2px auto 5px}
  #gameScreen .game-actions button{height:47px;font-size:12px}
  #gameScreen .game-actions #endGameButton{height:24px}
  body.keyboard-open #gameScreen{height:var(--visible-height);overflow-y:auto!important;padding-bottom:5px}
  body.keyboard-open #gameScreen .game-top{height:42px}
  body.keyboard-open #gameScreen .question-area{min-height:0;padding:5px 0 2px}
  body.keyboard-open #gameScreen .question-area h2{width:calc(100% - 3em);margin:4px auto 2px;font-size:18px;line-height:1.15;-webkit-line-clamp:2}
  body.keyboard-open #gameScreen .game-timer{display:block!important;width:190px;margin:1px auto 4px;padding:3px 10px 4px}
  body.keyboard-open #gameScreen .game-timer small{font-size:6px}
  body.keyboard-open #gameScreen .game-timer b{font-size:30px}
  body.keyboard-open #gameScreen .word-board-wrap,body.keyboard-open #gameScreen.final-round .final-board-wrap{margin:2px -3px 3px;padding:5px 4px}
  body.keyboard-open #gameScreen .board-row.active{min-height:43px}
  body.keyboard-open #gameScreen .board-row.active .letter-box{height:36px;width:min(32px,7.5vw);flex-basis:32px;font-size:19px}
  body.keyboard-open #gameScreen .time-flow{display:block;height:21px;margin:3px auto 0}
  body.keyboard-open #gameScreen .time-flow-rail{height:6px}
  body.keyboard-open #gameScreen .time-flow>small{font-size:6px;margin-top:2px}
  body.keyboard-open #gameScreen .game-actions{position:static;left:auto;bottom:auto;z-index:auto;grid-template-columns:repeat(4,1fr);gap:5px;width:100%;margin:2px auto 3px;padding:0;background:none;border:0;border-radius:0;transform:none;box-shadow:none}
  body.keyboard-open #gameScreen .game-actions button{display:block;height:42px;padding:0 3px;font-size:9px}
  body.keyboard-open #gameScreen .game-actions #keyboardVoiceButton{display:block}
  body.keyboard-open #gameScreen .game-actions #endGameButton{display:none!important}
  body.keyboard-open #answerForm{margin:0}
  .home-sound-corner{right:7px;top:7px;width:35px;height:35px}
}

/* Mobile vertical rhythm and leaderboard navigation v0.15.6 */
@media(min-width:601px){
  .leaderboard-tabs{flex-wrap:wrap;overflow:visible;margin:0;padding:2px 0 10px}
  .leaderboard-tabs button{flex:1 0 auto}
}
@media(max-width:600px){
  .leaderboard-tabs{overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#8d5cff #171a29;padding-bottom:14px}
  .leaderboard-tabs::-webkit-scrollbar{display:block;height:4px}.leaderboard-tabs::-webkit-scrollbar-track{background:#171a29;border-radius:4px}.leaderboard-tabs::-webkit-scrollbar-thumb{background:#8d5cff;border-radius:4px}
  .leaderboard-tabs button{scroll-snap-align:start}
  #gameScreen .game-top{height:60px;grid-template-columns:30px 1fr 30px;padding:8px 12px 9px}
  #gameScreen .game-title-brand{display:flex!important;grid-column:2;grid-row:1;font-size:18px;letter-spacing:.25px}
  #gameScreen .game-top .game-sound-toggle{grid-column:3;grid-row:1}
  #gameScreen>.round-label{display:grid;gap:9px;margin:13px auto 0;text-align:center}
  #gameScreen>.round-label span{font:800 10px Manrope;letter-spacing:1.7px;color:#c9b8ef}
  #gameScreen>.round-label strong{font:800 12px Manrope;letter-spacing:1.25px;color:#f1edff}
  #gameScreen>.question-area{padding:13px 0 5px}
  #gameScreen>.question-area h2{margin-top:8px}
  #gameScreen>.game-timer{margin-top:10px;margin-bottom:18px}
  #gameScreen>.word-board-wrap,#gameScreen>.final-board-wrap{margin-top:0;margin-bottom:0}
  #gameScreen>.time-flow{height:auto;margin:18px auto 16px;padding:0 8px}
  #gameScreen>.time-flow>small{margin:0 0 7px;color:#9d91b5;font-size:7px;letter-spacing:2.2px}
  #gameScreen>.time-flow .time-flow-rail{height:8px}
  #gameScreen>.answer-area .game-actions{margin-top:0}

  body.keyboard-open #gameScreen{display:flex;flex-direction:column;height:var(--visible-height);overflow-y:auto!important;padding-bottom:4px}
  body.keyboard-open #gameScreen .game-top{flex:0 0 48px;height:48px;padding-block:5px}
  body.keyboard-open #gameScreen .game-title-brand{display:flex!important;font-size:15px}
  body.keyboard-open #gameScreen .game-top .game-sound-toggle{display:grid!important;width:27px;height:27px}
  body.keyboard-open #gameScreen>.round-label{flex:0 0 auto;gap:5px;margin:8px auto 0}
  body.keyboard-open #gameScreen>.round-label span{font-size:8px;letter-spacing:1.4px}
  body.keyboard-open #gameScreen>.round-label strong{font-size:10px}
  body.keyboard-open #gameScreen>.question-area{flex:0 0 auto;min-height:0;padding:8px 0 2px}
  body.keyboard-open #gameScreen>.question-area h2{margin:5px auto 2px;font-size:17px;line-height:1.16}
  body.keyboard-open #gameScreen>.game-timer{flex:0 0 auto;width:190px;margin:8px auto 13px;padding:3px 10px 5px}
  body.keyboard-open #gameScreen>.word-board-wrap,body.keyboard-open #gameScreen.final-round>.final-board-wrap{flex:0 0 auto;margin:0 -3px;padding:5px 4px}
  body.keyboard-open #gameScreen>.time-flow{flex:0 0 auto;height:auto;margin:13px auto 12px}
  body.keyboard-open #gameScreen>.time-flow>small{margin-bottom:6px;font-size:6px}
  body.keyboard-open #gameScreen>.time-flow .time-flow-rail{height:6px}
  body.keyboard-open #gameScreen>.answer-area{flex:0 0 auto}
  body.keyboard-open #gameScreen>.answer-area .game-actions{margin:0 auto 3px}
  body.keyboard-open #gameScreen>.question-progress,
  body.keyboard-open #gameScreen>.time-rules,
  body.keyboard-open #gameScreen>.keyboard-progress-dots,
  body.keyboard-open #gameScreen>.input-mode-switch{display:none!important}
}
@media(max-width:380px) and (max-height:720px){
  body.keyboard-open #gameScreen>.round-label{margin-top:5px}
  body.keyboard-open #gameScreen>.question-area{padding-top:5px}
  body.keyboard-open #gameScreen>.game-timer{margin-top:5px;margin-bottom:9px}
  body.keyboard-open #gameScreen>.time-flow{margin-top:9px;margin-bottom:8px}
}

/* Question countdown and clean public game data v0.15.7 */
#gameScreen>.round-label{width:min(440px,100%);margin:13px auto 0}
.round-category-row,.question-info-row{display:flex;align-items:center;justify-content:space-between;gap:14px}
.round-category-row{min-height:44px;padding:6px 10px;border:1px solid #ffffff12;border-radius:14px;background:linear-gradient(100deg,#14172a,#0f1220)}
.round-category-row>#roundCategory{color:#cfbcff;font:800 10px Manrope;letter-spacing:1.4px}
.question-info-row{margin-top:12px;padding:0 8px}
.question-info-row strong,.question-info-row span{color:#eef0f8;font:800 10px Manrope;letter-spacing:1.1px}
.question-info-row span{color:#b9f24d}
#gameScreen .round-category-row .game-timer{width:auto;min-width:72px;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;text-align:right}
#gameScreen .round-category-row .game-timer small{font-size:6px;letter-spacing:1px}
#gameScreen .round-category-row .game-timer b{font-size:23px;line-height:1}
#gameScreen .round-category-row .timer-delta{top:25px;font-size:9px}
#gameScreen .question-intro,#gameScreen .clue-type,#gameScreen #questionMeta{display:none}
#gameScreen>.question-area{padding-top:13px}
#gameScreen>.word-board-wrap .board-heading,#gameScreen>.final-board-wrap .board-heading{display:none}
#gameScreen .board-row.active .letter-track:after{display:none}
.time-flow-heading{display:flex;align-items:flex-end;justify-content:space-between;margin:0 5px 8px}
.time-flow-heading small{color:#a49ab8;font:800 7px Manrope;letter-spacing:2.2px}
.time-flow-heading strong{color:#d8ff8e;font:800 22px/1 Manrope;text-shadow:0 0 12px #b9f24d55}
.time-flow.urgent .time-flow-heading strong{color:#ff7d9a;text-shadow:0 0 14px #ff4f7688;animation:timerPulse .45s infinite}
#gameScreen .answer-area>.game-sound-toggle{display:grid;width:29px;height:29px;margin:8px auto 3px;place-items:center;padding:0;border:1px solid #796aa055;border-radius:50%;color:#a795ce;background:#151728;font:800 14px Manrope;box-shadow:none;cursor:pointer}
#gameScreen .answer-area>.game-sound-toggle:hover{color:#fff;border-color:#b99aff;box-shadow:0 0 13px #8d5cff55}
#gameScreen .answer-area>.game-sound-toggle.off{color:#666b7c;border-color:#ffffff12}

@media(max-width:600px){
  #gameScreen>.round-label{display:block;margin-top:11px}
  #gameScreen>.round-label .round-category-row{min-height:40px;padding:5px 9px}
  #gameScreen>.round-label .question-info-row{margin-top:13px;padding-inline:10px}
  #gameScreen>.question-area{padding-top:15px}
  #gameScreen>.question-area h2{margin-top:0}
  #gameScreen>.word-board-wrap,#gameScreen>.final-board-wrap{margin-top:14px}
  #gameScreen>.time-flow{margin-top:22px;margin-bottom:17px}
  #gameScreen>.answer-area .game-actions{margin-top:0}
  body.keyboard-open #gameScreen>.round-label{display:block;margin-top:7px}
  body.keyboard-open #gameScreen>.round-label .round-category-row{min-height:34px;padding-block:3px}
  body.keyboard-open #gameScreen>.round-label .round-category-row>#roundCategory{font-size:8px}
  body.keyboard-open #gameScreen>.round-label .question-info-row{margin-top:8px}
  body.keyboard-open #gameScreen>.question-area{padding-top:10px}
  body.keyboard-open #gameScreen>.word-board-wrap,body.keyboard-open #gameScreen.final-round>.final-board-wrap{margin-top:10px}
  body.keyboard-open #gameScreen>.time-flow{margin-top:17px;margin-bottom:14px}
  body.keyboard-open #gameScreen>.time-flow .time-flow-heading{margin-bottom:6px}
  body.keyboard-open #gameScreen>.answer-area>.game-sound-toggle{display:none}
}

/* Desktop answer and control sequence v0.15.8 */
.desktop-only-control{display:none}
@media(min-width:601px){
  #gameScreen>.round-label .round-category-row>#roundCategory{font-size:14px;letter-spacing:1.6px}
  #gameScreen>.time-flow{margin-top:20px;margin-bottom:18px}
  #gameScreen>.answer-area{display:flex;flex-direction:column}
  #gameScreen>.answer-area #answerForm{order:1;width:min(440px,100%);max-width:440px;margin:0 auto 16px}
  #gameScreen>.answer-area #answerForm input{height:46px;font-size:15px}
  #gameScreen>.answer-area .game-actions{order:2;margin:0 auto 14px}
  #gameScreen>.answer-area .mic-button,
  #gameScreen>.answer-area>strong,
  #gameScreen>.answer-area>p,
  #gameScreen>.answer-area>.game-sound-toggle{display:none!important}
  #gameScreen>.answer-area .game-actions #endGameButton{display:none}
  #gameScreen>.input-mode-switch{display:grid;grid-template-columns:minmax(135px,1.35fr) minmax(95px,1fr) minmax(95px,1fr) 46px;width:min(440px,100%);margin:0 auto 18px;padding:4px;border:1px solid #ffffff16;border-radius:15px;background:#101322;box-shadow:0 8px 22px #05060d66}
  #gameScreen>.input-mode-switch button{display:block;height:38px;border-radius:10px;font-size:10px}
  #gameScreen>.input-mode-switch button+button{border-left:1px solid #ffffff10}
  #gameScreen>.input-mode-switch .desktop-only-control{display:block;color:#a8acba;background:transparent}
  #gameScreen>.input-mode-switch #desktopStopGameButton:hover{color:#fff;background:#ff4f7630;box-shadow:0 0 13px #ff4f7644}
  #gameScreen>.input-mode-switch .control-sound{padding:0;color:#bca8e8;font-size:17px}
  #gameScreen>.input-mode-switch .control-sound:hover{color:#fff;background:#8d5cff2d;box-shadow:0 0 13px #8d5cff55}
  #gameScreen>.input-mode-switch .control-sound.off{color:#626779}
}

/* Unified level palette and final-round presentation v0.15.9 */
:root{
  --level-easy:#7debff;
  --level-medium:#4fa7ff;
  --level-hard:#7787ff;
}
#roundCategory{display:flex;align-items:center;gap:7px;min-width:0}
#roundCategory i{color:#626a80;font-style:normal}
#roundCategory .category-name,
#roundCategory .level-name{font:800 14px/1 Manrope;letter-spacing:1.3px}
#roundCategory .category-name{color:var(--category-color,#f1f7ff);text-shadow:0 0 12px currentColor}
.ready-category-line{display:flex;align-items:center;justify-content:center;gap:7px}
.ready-category-line i{color:#626a80;font-style:normal}
.ready-category-line .ready-category-name{color:var(--category-color,#f1f7ff);text-shadow:0 0 13px currentColor}
.ready-category-line .ready-level-name{font:900 15px/1 Manrope}
.level-overlay .level-card>.overline{color:var(--category-color,#9b9fb5);text-shadow:0 0 12px currentColor}
.final-round-name{color:#ffd75e;text-shadow:0 0 12px #ffd75e66}
.level-name.level-easy,
.level-option[data-level="Easy"] strong{color:var(--level-easy);text-shadow:0 0 12px #7debff55}
.level-name.level-medium,
.level-option[data-level="Medium"] strong{color:var(--level-medium);text-shadow:0 0 12px #4fa7ff66}
.level-name.level-hard,
.level-option[data-level="Hard"] strong{color:var(--level-hard);text-shadow:0 0 12px #7787ff77}
.level-option[data-level="Easy"]:not(.locked){border-color:#7debff66;box-shadow:inset 0 0 20px #7debff0f}
.level-option[data-level="Medium"]:not(.locked){border-color:#4fa7ff66;box-shadow:inset 0 0 20px #4fa7ff12}
.level-option[data-level="Hard"]:not(.locked){border-color:#7787ff70;box-shadow:inset 0 0 20px #7787ff16}
.level-option strong{text-transform:uppercase}
#unlockOverlay[data-level="easy"] .unlock-card{border-color:#7debff88;box-shadow:0 28px 90px #000d,0 0 38px #7debff35}
#unlockOverlay[data-level="medium"] .unlock-card{border-color:#4fa7ff88;box-shadow:0 28px 90px #000d,0 0 38px #4fa7ff35}
#unlockOverlay[data-level="hard"] .unlock-card{border-color:#7787ff99;box-shadow:0 28px 90px #000d,0 0 38px #7787ff3d}
#unlockOverlay[data-level="easy"] h2{color:var(--level-easy)}
#unlockOverlay[data-level="medium"] h2{color:var(--level-medium)}
#unlockOverlay[data-level="hard"] h2{color:var(--level-hard)}

#gameScreen>.final-board-wrap{background:#11131a;border-color:#ffffff14;box-shadow:none}
#gameScreen>.final-board-wrap:not(.final-ready){opacity:.3;filter:grayscale(1) saturate(0)}
#gameScreen>.final-board-wrap .board-heading{display:flex;align-items:center;justify-content:space-between;margin:0 3px 5px}
.final-title{display:flex;align-items:center;gap:9px}
.final-title>b{position:relative;color:#bca5ff;font:400 20px/1 "Bruno Ace",sans-serif;text-shadow:0 0 10px #9a6fff55}
.final-title>b sup{position:absolute;left:100%;top:-.05em;color:#ff78b7;font-size:.42em}
.final-title>em{margin-left:6px;color:#aeb3c4;font:800 8px/1 Manrope;letter-spacing:1.3px;font-style:normal}
#gameScreen>.final-board-wrap:not(.final-ready) .final-title>b,
#gameScreen>.final-board-wrap:not(.final-ready) .final-title>b sup,
#gameScreen>.final-board-wrap:not(.final-ready) .final-title>em{color:#9a9da8;text-shadow:none}

.control-sound svg,.game-sound-toggle svg,#homeSoundToggle svg{
  width:19px;height:19px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round
}
#homeSoundToggle svg{width:18px;height:18px}

@media(max-width:600px){
  #gameScreen>.round-label .round-category-row>#roundCategory{font-size:14px}
  #gameScreen>.round-label .round-category-row>#roundCategory .category-name,
  #gameScreen>.round-label .round-category-row>#roundCategory .level-name{font-size:14px;letter-spacing:1.15px}
  body.keyboard-open #gameScreen>.round-label .round-category-row>#roundCategory,
  body.keyboard-open #gameScreen>.round-label .round-category-row>#roundCategory .category-name,
  body.keyboard-open #gameScreen>.round-label .round-category-row>#roundCategory .level-name{font-size:12px}
}

/* Unified compact game banner and mobile keyboard ergonomics v0.15.10 */
.compact-game-brand,.compact-sound-toggle{display:none}
.final-title>em{
  margin-left:7px;color:#fff;font:400 15px/1 "Bruno Ace",Manrope,sans-serif;
  letter-spacing:.45px;text-shadow:0 0 10px #8d5cff44
}
#gameScreen>.final-board-wrap:not(.final-ready) .final-title>em{color:#9a9da8}
#gameScreen>.input-mode-switch .control-sound{
  display:grid;place-items:center;align-self:stretch;line-height:0
}
#gameScreen>.input-mode-switch .control-sound svg{display:block;margin:auto}

.results-title-banner{
  display:flex;align-items:center;justify-content:center;min-height:68px;margin:0 -22px 12px;
  padding:10px 22px;border-bottom:1px solid #ffffff0d;
  background:radial-gradient(circle at 50% 0,#8d5cff25,transparent 62%),linear-gradient(180deg,#11152a,#0d1020);
  box-shadow:0 10px 25px #05060d66
}
.results-title-banner .game-title-brand{display:flex}
body:has(#resultsScreen.active) header{display:none}
#resultsScreen{padding-top:0}
#resultsScreen .results-confetti{margin-top:8px}

.compact-sound-toggle{
  width:29px;height:29px;padding:0;border:1px solid #8f79c866;border-radius:50%;
  place-items:center;color:#d5c5fa;background:#181b2e;line-height:0
}
.compact-sound-toggle.off{color:#697084;border-color:#ffffff16}
.compact-sound-toggle svg{display:block;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}

@media(max-width:600px){
  #gameScreen{position:relative}
  #gameScreen .answer-area>.game-sound-toggle{display:none!important}
  #gameScreen .game-top{
    position:absolute;z-index:5;left:7px;top:8px;width:27px;height:27px;margin:0;padding:0;
    display:block;border:0;background:none;box-shadow:none
  }
  #gameScreen .game-top .game-title-brand{display:none!important}
  #gameScreen .game-top .round-exit{display:grid;width:27px;height:27px;place-items:center}
  #gameScreen>.round-label{margin-top:8px}
  #gameScreen>.round-label .round-category-row{
    display:grid;grid-template-columns:minmax(142px,1fr) auto 30px;
    grid-template-rows:auto auto;column-gap:8px;row-gap:5px;min-height:61px;
    padding:7px 7px 7px 42px
  }
  .compact-game-brand{
    display:flex;grid-column:1;grid-row:1;align-items:center;gap:.25em;white-space:nowrap;
    color:#fff;font:400 14px/1 "Bruno Ace",Manrope,sans-serif;letter-spacing:.25px;
    text-shadow:0 0 15px #8d5cff55
  }
  .compact-game-brand .brand-number{position:relative;color:#c9adff;font-size:1.14em}
  .compact-game-brand sup{position:absolute;left:100%;top:.03em;color:#ff78b8;font-size:.43em}
  .compact-game-brand .brand-question{margin-left:.32em}
  #gameScreen>.round-label .round-category-row>#roundCategory{
    grid-column:1;grid-row:2;align-self:center;gap:5px;overflow:visible
  }
  #gameScreen>.round-label .round-category-row>#roundCategory .category-name,
  #gameScreen>.round-label .round-category-row>#roundCategory .level-name{font-size:11px;letter-spacing:.8px}
  #gameScreen .round-category-row .game-timer{
    grid-column:2;grid-row:1/3;align-self:center;min-width:58px;text-align:right
  }
  #gameScreen .round-category-row .game-timer b{font-size:25px}
  .compact-sound-toggle{display:grid;grid-column:3;grid-row:1/3;align-self:center}
  #gameScreen>.round-label .question-info-row{margin-top:8px}

  #resultsScreen{padding-top:0}
  .results-title-banner{min-height:58px;margin:0 -12px 8px;padding:8px 12px}
  .results-title-banner .game-title-brand{font-size:20px}
  #resultsScreen .results-confetti{margin-top:4px}
  #resultsScreen h1{margin-bottom:17px}

  body.keyboard-open #gameScreen .game-top{
    top:5px;left:5px;width:25px;height:25px;padding:0
  }
  body.keyboard-open #gameScreen>.round-label{margin-top:4px}
  body.keyboard-open #gameScreen>.round-label .round-category-row{
    min-height:53px;padding:5px 5px 5px 38px;grid-template-columns:minmax(130px,1fr) auto 28px;
    column-gap:6px;row-gap:3px
  }
  body.keyboard-open #gameScreen .compact-game-brand{font-size:12px}
  body.keyboard-open #gameScreen>.round-label .round-category-row>#roundCategory .category-name,
  body.keyboard-open #gameScreen>.round-label .round-category-row>#roundCategory .level-name{font-size:9px}
  body.keyboard-open #gameScreen .round-category-row .game-timer{display:block!important;width:auto;min-width:55px;margin:0;padding:0}
  body.keyboard-open #gameScreen .round-category-row .game-timer b{font-size:22px}
  body.keyboard-open #gameScreen .compact-sound-toggle{display:grid!important;width:27px;height:27px}
  body.keyboard-open #gameScreen>.round-label .question-info-row{margin-top:5px}
  body.keyboard-open #gameScreen>.question-area{padding-top:6px}
  body.keyboard-open #gameScreen>.question-area h2{
    width:calc(100% - 2.4em);margin:3px auto 1px;font-size:clamp(15px,4.6vw,18px);
    line-height:1.13;-webkit-line-clamp:3
  }
  body.keyboard-open #gameScreen>.word-board-wrap,
  body.keyboard-open #gameScreen.final-round>.final-board-wrap{margin-top:6px}
  body.keyboard-open #gameScreen>.time-flow{margin-top:8px;margin-bottom:7px}
  body.keyboard-open #gameScreen .game-actions #keyboardVoiceButton{
    color:#fff;border-color:#c6a8ff;background:linear-gradient(145deg,#a366ff,#6e37df);
    box-shadow:0 0 17px #8d5cff88,inset 0 1px #ffffff28;font-size:10px
  }

  body.keyboard-open .ready-overlay,
  body.keyboard-open .input-choice-overlay,
  body.keyboard-open .final-intro-overlay,
  body.keyboard-open .final-moment-overlay,
  body.keyboard-open .level-overlay,
  body.keyboard-open .unlock-overlay,
  body.keyboard-open .wheel-overlay{
    height:var(--visible-height);align-items:start;place-items:start center;
    padding:8px 14px 5px;overflow-y:auto
  }
  body.keyboard-open .ready-card,
  body.keyboard-open .input-choice-card,
  body.keyboard-open .final-intro-card,
  body.keyboard-open .final-moment-card,
  body.keyboard-open .level-card,
  body.keyboard-open .unlock-card,
  body.keyboard-open .wheel-card{
    max-height:calc(var(--visible-height) - 13px);overflow-y:auto;padding-top:18px;padding-bottom:16px
  }
  body.keyboard-open .score-impact{top:28%;max-height:calc(var(--visible-height) - 12px)}
}

/* Home-style brand banners and 45/55 keyboard layout v0.15.11 */
.shared-brand-banner{
  position:relative;isolation:isolate;overflow:hidden;text-align:center;
  border:1px solid #a878ff66;border-radius:22px;
  background:radial-gradient(circle at 50% 20%,#8d5cff2f,transparent 50%),linear-gradient(145deg,#17122b,#0d1020);
  box-shadow:0 0 20px #8d5cff40,inset 0 0 26px #9d6cff18
}
.shared-brand-banner:before,.shared-brand-banner:after,.game-banner-fog{
  content:"";position:absolute;z-index:0;border-radius:50%;filter:blur(19px);opacity:.5;pointer-events:none
}
.shared-brand-banner:before{width:55%;height:70%;left:-15%;top:28%;background:#8b5cff66;animation:magicFogA 8s ease-in-out infinite alternate}
.shared-brand-banner:after{width:48%;height:75%;right:-10%;top:5%;background:#ff4fa244;animation:magicFogB 9s ease-in-out infinite alternate}
.shared-brand-banner .brand-magic-fog{z-index:0}
.shared-brand-banner .game-title-brand,.shared-brand-banner>p{position:relative;z-index:1}
.shared-brand-banner>p,.game-banner-tagline{
  color:#d8ff89;font:800 8px Manrope;letter-spacing:2.7px;text-shadow:0 0 7px #b9f24d,0 0 19px #b9f24d77
}
.results-title-banner{display:flex;flex-direction:column;gap:7px;min-height:88px;margin:0 -22px 10px;padding:14px 22px}
.leaderboard-brand-banner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:94px;margin:0 0 13px;padding:14px}
.leaderboard-brand-banner .game-title-brand{display:flex;font-size:23px}
body:has(#leaderboardScreen.active) header{display:none}
#leaderboardScreen{padding-top:8px}

.game-banner-fog,.game-banner-tagline,.banner-sound-toggle{display:none}
.banner-sound-toggle{
  position:absolute;z-index:4;right:9px;bottom:7px;width:29px;height:29px;padding:0;
  place-items:center;border:1px solid #a783ff66;border-radius:50%;color:#dacbff;background:#171a2de8;line-height:0
}
.banner-sound-toggle.off{color:#6f7486;border-color:#ffffff16}
.banner-sound-toggle svg{display:block;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.final-word-board .board-row{grid-template-columns:minmax(0,1fr) 58px}
.final-word-board .board-number{display:none}

@media(min-width:601px){
  #gameScreen .game-top{
    position:relative;isolation:isolate;overflow:hidden;min-height:96px;padding-top:16px;padding-bottom:25px;
    border:1px solid #a878ff66;border-radius:0 0 22px 22px;
    background:radial-gradient(circle at 50% 20%,#8d5cff2f,transparent 50%),linear-gradient(145deg,#17122b,#0d1020);
    box-shadow:0 0 20px #8d5cff40,inset 0 0 26px #9d6cff18
  }
  #gameScreen .game-top:before,#gameScreen .game-top:after{
    content:"";position:absolute;z-index:0;border-radius:50%;filter:blur(19px);opacity:.5;pointer-events:none
  }
  #gameScreen .game-top:before{width:55%;height:70%;left:-15%;top:28%;background:#8b5cff66;animation:magicFogA 8s ease-in-out infinite alternate}
  #gameScreen .game-top:after{width:48%;height:75%;right:-10%;top:5%;background:#ff4fa244;animation:magicFogB 9s ease-in-out infinite alternate}
  #gameScreen .game-top .game-title-brand,#gameScreen .game-top .round-exit{position:relative;z-index:2}
  #gameScreen .game-banner-fog{display:block;width:55%;height:42%;left:23%;bottom:-12%;background:#b9f24d30;animation:magicFogC 7s ease-in-out infinite alternate}
  #gameScreen .game-banner-tagline{display:block;position:absolute;z-index:2;left:50%;bottom:9px;transform:translateX(-50%);white-space:nowrap}
  #gameScreen .banner-sound-toggle{display:grid}
  #gameScreen>.input-mode-switch{grid-template-columns:minmax(145px,1.45fr) minmax(105px,1fr) minmax(105px,1fr)}
  #gameScreen>.input-mode-switch #desktopSoundButton{display:none}
}

@media(max-width:600px){
  .results-title-banner{min-height:78px;margin:0 -12px 8px;padding:11px 12px}
  .leaderboard-brand-banner{min-height:80px;margin-bottom:10px;padding:11px}
  .leaderboard-brand-banner .game-title-brand{font-size:20px}

  body.keyboard-open #gameScreen.active{
    display:grid!important;height:var(--visible-height);min-height:0;padding:4px 8px 3px;overflow:hidden!important;
    grid-template-columns:minmax(0,7fr) minmax(74px,3fr);
    grid-template-rows:54px 18px 18px minmax(48px,1fr) 43px 28px 45px;
    column-gap:7px;row-gap:3px
  }
  body.keyboard-open #gameScreen .game-top{
    position:relative;z-index:auto;left:auto;top:auto;grid-column:1/-1;grid-row:1;
    display:grid;width:auto;height:54px;margin:0;padding:5px 35px 14px;
    isolation:isolate;overflow:hidden;border:1px solid #a878ff66;border-radius:14px;
    background:radial-gradient(circle at 50% 20%,#8d5cff2f,transparent 50%),linear-gradient(145deg,#17122b,#0d1020);
    box-shadow:0 0 14px #8d5cff35,inset 0 0 18px #9d6cff16
  }
  body.keyboard-open #gameScreen .game-top:before,
  body.keyboard-open #gameScreen .game-top:after{
    content:"";position:absolute;z-index:0;border-radius:50%;filter:blur(15px);opacity:.48;pointer-events:none
  }
  body.keyboard-open #gameScreen .game-top:before{width:55%;height:80%;left:-12%;top:24%;background:#8b5cff66;animation:magicFogA 8s ease-in-out infinite alternate}
  body.keyboard-open #gameScreen .game-top:after{width:45%;height:82%;right:-8%;top:2%;background:#ff4fa244;animation:magicFogB 9s ease-in-out infinite alternate}
  body.keyboard-open #gameScreen .game-top .game-title-brand{
    display:flex!important;position:relative;z-index:2;grid-column:1;grid-row:1;align-self:start;font-size:15px
  }
  body.keyboard-open #gameScreen .game-top .round-exit{
    position:absolute;z-index:4;left:5px;top:5px;display:grid;width:25px;height:25px
  }
  body.keyboard-open #gameScreen .game-banner-fog{display:block;width:50%;height:50%;left:25%;bottom:-20%;background:#b9f24d30;animation:magicFogC 7s ease-in-out infinite alternate}
  body.keyboard-open #gameScreen .game-banner-tagline{
    display:block;position:absolute;z-index:2;left:50%;bottom:5px;transform:translateX(-50%);
    font-size:6px;letter-spacing:1.7px;white-space:nowrap
  }
  body.keyboard-open #gameScreen .banner-sound-toggle{display:grid;right:5px;bottom:5px;width:26px;height:26px}
  body.keyboard-open #gameScreen>.round-label,
  body.keyboard-open #gameScreen>.round-label .round-category-row{display:contents}
  body.keyboard-open #gameScreen .compact-game-brand,
  body.keyboard-open #gameScreen .compact-sound-toggle{display:none!important}
  body.keyboard-open #gameScreen #roundCategory{
    grid-column:1/-1;grid-row:2;align-self:center;justify-self:center;display:flex!important;gap:6px;
    overflow:visible;font-size:10px;white-space:nowrap
  }
  body.keyboard-open #gameScreen #roundCategory .category-name,
  body.keyboard-open #gameScreen #roundCategory .level-name{font-size:10px;letter-spacing:.8px}
  body.keyboard-open #gameScreen .question-info-row{
    grid-column:1/-1;grid-row:3;align-self:center;width:100%;margin:0;padding:0 6px
  }
  body.keyboard-open #gameScreen>.question-area{
    grid-column:1;grid-row:4;align-self:stretch;display:flex;flex-direction:column;justify-content:center;
    min-height:0;margin:0;padding:1px 5px;border:1px solid #ffffff0d;border-radius:10px;background:#0f1220
  }
  body.keyboard-open #gameScreen>.question-area h2{
    width:100%;margin:0;font-size:clamp(14px,4.4vw,18px);line-height:1.12;-webkit-line-clamp:3
  }
  body.keyboard-open #gameScreen>.question-area .hint-box.visible{
    margin:2px 0 0;padding:3px 5px;font-size:10px;line-height:1.15
  }
  body.keyboard-open #gameScreen .round-category-row .game-timer{
    grid-column:2;grid-row:4;align-self:stretch;display:flex!important;flex-direction:column;justify-content:center;
    width:auto;min-width:0;margin:0;padding:3px;border:1px solid #b9f24d35;border-radius:10px;
    background:radial-gradient(circle at 50% 100%,#b9f24d10,transparent 65%),#101421;text-align:center
  }
  body.keyboard-open #gameScreen .round-category-row .game-timer small{font-size:6px}
  body.keyboard-open #gameScreen .round-category-row .game-timer b{font-size:clamp(23px,8vw,31px)}
  body.keyboard-open #gameScreen>.word-board-wrap,
  body.keyboard-open #gameScreen.final-round>.final-board-wrap{
    grid-column:1/-1;grid-row:5;align-self:stretch;margin:0;padding:3px 4px
  }
  body.keyboard-open #gameScreen .board-row.active{min-height:35px}
  body.keyboard-open #gameScreen .final-word-board .board-row.active{grid-template-columns:minmax(0,1fr) 38px}
  body.keyboard-open #gameScreen .board-row.active .letter-box{height:31px;width:min(29px,7vw);flex-basis:29px;font-size:17px}
  body.keyboard-open #gameScreen>.time-flow{
    grid-column:1/-1;grid-row:6;align-self:center;width:100%;height:28px;margin:0;padding:0 4px
  }
  body.keyboard-open #gameScreen>.time-flow .time-flow-heading{margin:0 3px 3px}
  body.keyboard-open #gameScreen>.time-flow .time-flow-heading strong{font-size:15px}
  body.keyboard-open #gameScreen>.answer-area{
    grid-column:1/-1;grid-row:7;align-self:stretch;display:block;margin:0;padding:0
  }
  body.keyboard-open #gameScreen>.answer-area .game-actions{
    display:grid;position:static;grid-template-columns:repeat(4,1fr);gap:5px;width:100%;height:43px;margin:0;padding:0;
    border:0;background:none;box-shadow:none;transform:none
  }
  body.keyboard-open #gameScreen>.answer-area .game-actions button{height:43px;padding:0 2px;font-size:9px}
  body.keyboard-open #gameScreen>.question-progress,
  body.keyboard-open #gameScreen>.keyboard-progress-dots,
  body.keyboard-open #gameScreen>.time-rules,
  body.keyboard-open #gameScreen>.input-mode-switch,
  body.keyboard-open #gameScreen>.game-build-footer{display:none!important}
}

/* Banner alignment and control spacing v0.15.12 */
.home-sound-corner{top:auto;bottom:10px}
.home-sound-corner,.banner-sound-toggle,.compact-sound-toggle,.round-exit,.leaderboard-back{
  transition:transform .16s ease,filter .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease,color .16s ease
}
.home-sound-corner:hover,.home-sound-corner:focus-visible,
.banner-sound-toggle:hover,.banner-sound-toggle:focus-visible,
.compact-sound-toggle:hover,.compact-sound-toggle:focus-visible,
.round-exit:hover,.round-exit:focus-visible,
.leaderboard-back:hover,.leaderboard-back:focus-visible{
  color:#fff;border-color:#d3bdff;background:#39275f;box-shadow:0 0 20px #9d70ff88;transform:translateY(-1px) scale(1.05)
}
.home-sound-corner:active,.banner-sound-toggle:active,.compact-sound-toggle:active,
.round-exit:active,.leaderboard-back:active{transform:scale(.94);filter:brightness(1.18)}

@media(min-width:601px){
  #gameScreen .game-top{
    width:100%;margin:2px 0 14px;padding-inline:22px;border-radius:24px
  }
  #gameScreen>.question-area h2{font-size:calc(clamp(22px,6vw,29px) - 1px);line-height:1.18}
  #gameScreen .banner-sound-toggle{right:10px;bottom:9px}
}

@media(max-width:600px){
  body.keyboard-open #gameScreen .game-top{
    min-height:54px;padding:5px 39px 15px;border-radius:16px
  }
  body.keyboard-open #gameScreen .game-top .game-title-brand{
    position:absolute;z-index:2;left:50%;top:7px;width:max-content;max-width:calc(100% - 82px);
    transform:translateX(-50%);justify-content:center;text-align:center
  }
  body.keyboard-open #gameScreen .game-top .round-exit{
    left:6px;top:auto;bottom:5px
  }
  body.keyboard-open #gameScreen .banner-sound-toggle{right:6px;bottom:5px}
  body.keyboard-open #gameScreen #roundCategory{justify-self:center;text-align:center}
  body.keyboard-open #gameScreen>.question-area h2{font-size:clamp(13px,4.1vw,17px);line-height:1.1}
  body.keyboard-open #gameScreen>.time-flow{margin-bottom:4px}
  body.keyboard-open #gameScreen>.answer-area{padding-top:4px}
  body.keyboard-open #gameScreen>.answer-area .game-actions button{
    transition:transform .15s ease,filter .15s ease,box-shadow .15s ease,border-color .15s ease
  }
  body.keyboard-open #gameScreen>.answer-area .game-actions button:not(:disabled):active{
    transform:scale(.95);filter:brightness(1.2);box-shadow:0 0 16px #8d5cff77
  }
}

/* Lucky 11 Slot · All or Nothing v0.15.22 */
.slot-intro-card{
  width:min(500px,100%);padding:22px 22px 25px;overflow:hidden;
  background:
    radial-gradient(circle at 12% 18%,#ff4fa230,transparent 28%),
    radial-gradient(circle at 88% 25%,#29dff036,transparent 30%),
    linear-gradient(160deg,#17112d,#0a0d1a 68%);
  border-color:#c39affaa;box-shadow:0 25px 90px #000d,0 0 55px #9b62ff48,inset 0 0 40px #8d5cff13
}
.slot-intro-card .final-intro-logo{margin:9px 0 3px}
.slot-intro-card>h2{
  margin:3px 0 8px;color:#ffd75e;font:900 clamp(19px,5vw,29px) Manrope;
  letter-spacing:4px;text-shadow:0 0 9px #ffd75e,0 0 25px #ff8d3f88;
  animation:slotTitlePulse 1s ease-in-out infinite alternate
}
.slot-bank{display:flex;align-items:baseline;justify-content:center;gap:7px;margin:0 0 11px}
.slot-bank small,.slot-bank span{color:#9ca3bb;font:800 8px Manrope;letter-spacing:1.4px}
.slot-bank strong{color:#fff;font:900 26px Manrope;text-shadow:0 0 14px #a978ff}
.final-slot-machine{
  position:relative;padding:12px;border:2px solid #e4c9ff;border-radius:20px;
  background:linear-gradient(145deg,#2d1850,#12162d);box-shadow:0 0 25px #a466ff66,inset 0 0 22px #000a
}
.slot-lights{position:absolute;inset:4px;border-radius:15px;pointer-events:none;
  background:
    radial-gradient(circle,#ffd75e 0 2px,transparent 3px) 0 0/22px 22px,
    radial-gradient(circle,#69efff 0 2px,transparent 3px) 11px 11px/22px 22px;
  opacity:.5;filter:drop-shadow(0 0 4px #fff);animation:slotLights .55s steps(2) infinite
}
.slot-grid{position:relative;z-index:1;display:grid;gap:7px}
.slot-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.slot-row span{
  display:grid;place-items:center;min-height:47px;padding:5px 3px;border:1px solid #ffffff24;border-radius:10px;
  background:linear-gradient(180deg,#202642,#0d1020);color:#bbc0d3;font:900 12px/1.05 Manrope;
  box-shadow:inset 0 1px #ffffff18;transition:transform .1s,filter .1s,background .18s,color .18s,box-shadow .18s
}
.multiplier-row span{color:#efc9ff;font-size:21px}
.time-row span{color:#8df1ff}
.rule-row span{color:#ffe58e;font-size:9px;letter-spacing:.2px}
.slot-row span.active{transform:scale(.94);filter:brightness(1.65);background:#5f3aa4;box-shadow:0 0 20px #a978ff}
.slot-row span.selected{
  transform:scale(1.045);color:#fff;border-color:#fff8;
  background:linear-gradient(145deg,#ff4fa2,#8d5cff 55%,#24cfe5);
  box-shadow:0 0 8px #fff,0 0 26px #bc73ff,inset 0 1px #ffffff55;
  animation:slotWinner .72s ease-in-out infinite alternate
}
.slot-result{
  min-height:25px;margin:11px 0 1px;display:flex;align-items:center;justify-content:center;gap:12px;
  color:#c7b0f4;font:900 10px Manrope;letter-spacing:1px
}
.slot-result b{color:#ff88c2;font-size:19px;text-shadow:0 0 10px #ff4fa2}
.slot-result i{color:#7deeff;font-size:12px;font-style:normal;text-shadow:0 0 9px #24cfe5}
.slot-result strong{color:#ffe17a;font-size:11px;text-shadow:0 0 9px #ffd75e}
.slot-intro-card>p{margin-top:6px;color:#cbbce8;font-size:10px}
#gameScreen .letter-box.lucky-letter{
  color:#fff5a6!important;border-color:#ffd75e!important;background:#ffd75e25!important;
  box-shadow:0 0 12px #ffd75e77!important;text-shadow:0 0 8px #ffd75e
}
#gameScreen.blind-final #finalWordBoard .letter-track{display:none}
#gameScreen.blind-final #finalWordBoard .board-row.active{
  grid-template-columns:auto 1fr auto;min-height:34px
}
#gameScreen.blind-final #finalWordBoard .board-row.active:after{
  content:"BLIND GAME · LENGTH HIDDEN";grid-column:2;color:#ffcf70;font:900 10px Manrope;
  letter-spacing:1.1px;text-align:center;text-shadow:0 0 9px #ffad4f
}
@keyframes slotLights{50%{opacity:.95;filter:drop-shadow(0 0 7px #fff)}}
@keyframes slotWinner{to{filter:brightness(1.2);box-shadow:0 0 13px #fff,0 0 35px #ff4fa2}}
@keyframes slotTitlePulse{to{transform:scale(1.025);filter:brightness(1.18)}}

@media(max-width:600px){
  .slot-intro-card{padding:14px 12px 16px;border-radius:19px}
  .slot-intro-card .overline{font-size:7px}
  .slot-intro-card .final-intro-logo{font-size:20px}
  .slot-intro-card>h2{font-size:18px;letter-spacing:2.5px}
  .slot-bank{margin-bottom:7px}.slot-bank strong{font-size:22px}
  .final-slot-machine{padding:9px;border-radius:16px}
  .slot-grid,.slot-row{gap:5px}
  .slot-row span{min-height:39px;border-radius:8px;font-size:9px}
  .multiplier-row span{font-size:18px}.rule-row span{font-size:7px}
  .slot-result{margin-top:8px;gap:7px}.slot-result b{font-size:16px}.slot-result i,.slot-result strong{font-size:9px}
  .slot-intro-card>p{font-size:8px}
}
.test-final-slot-button{
  align-self:center;margin:9px auto 4px;padding:7px 13px;border:1px dashed #ffd75e88;border-radius:14px;
  background:#ffd75e10;color:#ffe488;font:900 8px Manrope;letter-spacing:1px;cursor:pointer;
  box-shadow:0 0 12px #ffd75e22;transition:transform .16s,background .16s,box-shadow .16s
}
.test-final-slot-button:hover,.test-final-slot-button:focus-visible{
  transform:translateY(-1px);background:#ffd75e24;box-shadow:0 0 19px #ffd75e55;color:#fff4b5
}

/* Final-show refinements v0.15.25 */
.slot-intro-card>h2{
  margin:2px 0 7px;font-size:clamp(15px,3.8vw,20px);letter-spacing:3px;
  animation:none!important;transform:none!important
}
.slot-result{min-height:36px;gap:16px;margin-top:12px}
.slot-result b{font-size:27px}
.slot-result i{font-size:18px}
.slot-result strong{font-size:16px}

.slot-reels{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-right:25px}
.slot-reel-shell{min-width:0}
.reel-label{
  height:27px;display:flex;align-items:center;justify-content:center;gap:4px;color:#c9cde0;
  font:900 7px Manrope;letter-spacing:.7px
}
.reel-label span{font-size:15px;filter:drop-shadow(0 0 6px #fff7)}
.reel-window{
  position:relative;height:132px;overflow:hidden;border:1px solid #ffffff2d;border-radius:10px;
  background:linear-gradient(180deg,#080a14,#242b49 50%,#080a14);
  box-shadow:inset 0 16px 22px #000b,inset 0 -16px 22px #000b,0 0 12px #0007
}
.reel-window:before{
  content:"";position:absolute;z-index:4;left:2px;right:2px;top:44px;height:42px;pointer-events:none;
  border-top:1px solid #ffffff2f;border-bottom:1px solid #ffffff2f;background:#ffffff05
}
.reel-window:after{
  content:"";position:absolute;z-index:5;inset:0;pointer-events:none;
  background:linear-gradient(180deg,#070914d9 0,transparent 29%,transparent 70%,#070914dc 100%)
}
.reel-strip{position:relative;z-index:2;will-change:transform}
.reel-strip>span{
  display:flex;height:44px;flex-direction:column;align-items:center;justify-content:center;gap:1px;
  color:#e9e8f4;text-align:center
}
.reel-strip>span>i{font-style:normal;font-size:15px;line-height:1;white-space:nowrap}
.reel-strip>span>b{font:900 11px/1 Manrope;white-space:nowrap}
.multiplier-reel .reel-strip>span>b{color:#fface0;font-size:16px}
.time-reel .reel-strip>span>b{color:#8cf1ff}
.rule-reel .reel-strip>span>b{color:#ffe78e;font-size:8px}
.slot-reel-shell.stopped .reel-window{
  border-color:#fff9;box-shadow:inset 0 16px 22px #0008,inset 0 -16px 22px #0008,0 0 20px #a978ff88
}
.slot-reel-shell.stopped .reel-window:before{
  border-color:#fff;background:linear-gradient(90deg,#ff4fa226,#8d5cff36,#24dced28);
  box-shadow:inset 0 0 15px #fff2,0 0 14px #b57aff;animation:centerPaylineFlash .5s ease-in-out infinite alternate
}
.reel-strip>span.selected{filter:brightness(1.35);text-shadow:0 0 8px currentColor;animation:reelWinnerPulse .5s ease-in-out infinite alternate}
.final-slot-machine.spinning .reel-strip>span{filter:blur(.45px)}
.slot-payline{display:none}
.slot-lever{
  --lever-pull:0px;position:absolute;z-index:8;right:-8px;top:35px;width:31px;height:112px;padding:0;
  border:0;background:transparent;cursor:grab;touch-action:none;filter:drop-shadow(0 4px 5px #000b)
}
.slot-lever:active,.slot-lever.dragging{cursor:grabbing}
.lever-base{
  position:absolute;right:2px;bottom:8px;width:22px;height:38px;border:2px solid #f4b942;border-radius:6px 12px 12px 6px;
  background:linear-gradient(90deg,#5c2815,#d78928 48%,#743512);box-shadow:inset 2px 0 4px #fff5,0 0 9px #ffc44d55
}
.lever-stem{
  position:absolute;right:12px;top:18px;width:5px;height:72px;border-radius:5px;
  background:linear-gradient(90deg,#6c7382,#f2f4ff 50%,#656b79);
  transform-origin:50% 85%;transform:translateY(var(--lever-pull)) rotate(-7deg);
  transition:transform .35s cubic-bezier(.2,1.55,.4,1)
}
.lever-knob{
  position:absolute;z-index:2;right:4px;top:0;width:22px;height:22px;border:2px solid #ffd0dc;border-radius:50%;
  background:radial-gradient(circle at 35% 28%,#fff,#ff5a91 24%,#b81048 65%,#600526);
  box-shadow:inset -3px -4px 6px #55051e88,0 0 13px #ff4f91;
  transform:translateY(var(--lever-pull));transition:transform .35s cubic-bezier(.2,1.55,.4,1)
}
.slot-lever.dragging .lever-knob,.slot-lever.dragging .lever-stem{transition:none}
.slot-lever.pulled .lever-knob{transform:translateY(68px)}
.slot-lever.pulled .lever-stem{transform:translateY(52px) rotate(12deg) scaleY(.62)}
.slot-action-prompt{
  margin:8px auto 0;color:#ffe17a;font:900 8px Manrope;letter-spacing:1.1px;text-align:center;
  text-shadow:0 0 9px #ffd75e;animation:slotPromptPulse .8s ease-in-out infinite alternate;cursor:pointer;touch-action:manipulation
}
.final-slot-machine.spinning+.slot-action-prompt{opacity:.65;animation:none}
@keyframes centerPaylineFlash{to{background:#ffffff20;box-shadow:inset 0 0 19px #fff5,0 0 22px #ff73c8}}
@keyframes reelWinnerPulse{to{transform:scale(1.08);filter:brightness(1.7)}}
@keyframes slotPromptPulse{to{opacity:.55;filter:brightness(1.25)}}

.game-bottom-controls{
  display:flex;align-items:center;justify-content:center;gap:7px;width:min(220px,100%);height:25px;margin:6px auto 2px;
  padding:2px 5px;border:1px solid #ffffff10;border-radius:13px;background:#0b0e18a8
}
#gameScreen>.answer-area .game-bottom-controls{order:3}
.game-top>#exitGame{display:none!important}
#gameScreen .bottom-cancel{
  position:static!important;inset:auto!important;display:flex!important;align-items:center;justify-content:center;
  width:auto!important;min-width:96px;height:20px!important;padding:0 10px!important;border-radius:10px!important;
  color:#ffd7df!important;border:1px solid #ff557777!important;background:linear-gradient(145deg,#8f2945,#541627)!important;
  box-shadow:0 0 9px #ff416038!important;font:800 7px Manrope!important;line-height:1!important
}
#gameScreen .bottom-cancel:hover,#gameScreen .bottom-cancel:focus-visible{
  color:#fff!important;background:linear-gradient(145deg,#d93b5e,#7e2038)!important;
  box-shadow:0 0 21px #ff416088!important;transform:translateY(-1px)!important
}
.game-bottom-controls .game-sound-toggle{
  position:static!important;display:grid!important;width:20px!important;height:20px!important;margin:0!important;padding:3px!important;
  border-radius:50%!important
}
.game-bottom-controls .game-sound-toggle svg{width:13px!important;height:13px!important}
.banner-sound-toggle,.compact-sound-toggle{display:none!important}
.back-home-button{
  color:#cfc2ff!important;border-color:#8f72d755!important;background:#8d5cff12!important
}
.back-home-button:hover,.back-home-button:focus-visible{
  color:#fff!important;border-color:#bda4ff!important;background:#8d5cff32!important;box-shadow:0 0 16px #8d5cff44
}

.final-moment-overlay.judging{
  background:radial-gradient(circle,#5d38804c,transparent 48%),#060711
}
.final-moment-overlay.judging .final-moment-card{
  border-color:#ffd75e66;box-shadow:0 25px 90px #000d,0 0 42px #ffd75e26;
  animation:judgingPulse .7s ease-in-out infinite alternate
}
.final-moment-overlay.judging .final-answer-reveal span,
.final-moment-overlay.judging .final-answer-reveal b,
.final-moment-overlay.judging .score-transformation{
  opacity:0;visibility:hidden
}
.final-moment-overlay.judging .moment-progress{display:none}
.final-moment-overlay.revealed .final-answer-reveal span,
.final-moment-overlay.revealed .final-answer-reveal b,
.final-moment-overlay.revealed .score-transformation{
  animation:revealPop .55s cubic-bezier(.2,.9,.25,1.25) both
}
.final-moment-overlay.lose.revealed:before{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:radial-gradient(circle,#fff8c9 0 3%,#ff7a21aa 10%,#d51d1733 32%,transparent 58%);
  animation:explosionFlash 1.05s ease-out both
}
.final-moment-overlay.lose.revealed .final-moment-card{
  border-color:#ff6a3d88;background:radial-gradient(circle at 50% 100%,#ff4b183d,transparent 55%),#17101a;
  box-shadow:0 25px 90px #000d,0 0 55px #ff3b1f55;animation:loseShake .55s ease-out
}
.final-moment-overlay.win.revealed .final-moment-card{
  animation:winShake .55s ease-out;
}
.final-moment-overlay.win.revealed:before{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:radial-gradient(circle,#fff 0 2%,#b9f24d88 10%,#8d5cff33 34%,transparent 60%);
  animation:celebrationFlash .95s ease-out both
}
.final-moment-overlay.lose.revealed .final-particles i{
  top:auto;bottom:-15%;color:#ff8b35;opacity:1;animation-name:fireRise;
  text-shadow:0 0 10px #ff4b16,0 0 22px #e21c11
}
.final-moment-overlay.final-no-answer #finalPlayerAnswer{color:#ff94ae}
.final-moment-overlay.final-no-answer:not(.answer-revealed) #finalCorrectAnswer{opacity:0;visibility:hidden}
.final-moment-overlay.final-no-answer.answer-revealed #finalCorrectAnswer{color:#ff657f;text-shadow:0 0 14px #ff3f6677;animation:revealPop .45s cubic-bezier(.2,.9,.25,1.2) both}
@keyframes judgingPulse{to{transform:scale(1.018);filter:brightness(1.08)}}
@keyframes revealPop{0%{opacity:0;transform:scale(.72)}100%{opacity:1;transform:scale(1)}}
@keyframes explosionFlash{0%{opacity:0;transform:scale(.25)}18%{opacity:1}100%{opacity:0;transform:scale(2.2)}}
@keyframes loseShake{20%{transform:translateX(-8px) rotate(-1deg)}40%{transform:translateX(7px) rotate(1deg)}60%{transform:translateX(-5px)}80%{transform:translateX(3px)}}
@keyframes winShake{18%{transform:translateX(-7px) rotate(-.7deg) scale(1.01)}36%{transform:translateX(7px) rotate(.7deg) scale(1.015)}55%{transform:translateX(-4px) scale(1.01)}74%{transform:translateX(3px)}100%{transform:none}}
@keyframes celebrationFlash{0%{opacity:0;transform:scale(.2)}20%{opacity:1}100%{opacity:0;transform:scale(1.8)}}
@keyframes fireRise{0%{transform:translateY(0) scale(.6);opacity:0}18%{opacity:1}100%{transform:translateY(-115vh) scale(1.45) rotate(18deg);opacity:0}}

@media(max-width:600px){
  .slot-intro-card>h2{font-size:15px;letter-spacing:2px}
  .slot-result{min-height:31px;gap:8px}.slot-result b{font-size:22px}.slot-result i{font-size:14px}.slot-result strong{font-size:12px}
  .slot-reels{gap:4px;margin-right:20px}.reel-label{height:23px;font-size:6px;letter-spacing:.35px}.reel-label span{font-size:12px}
  .reel-window{height:108px;border-radius:8px}.reel-window:before{top:36px;height:34px}
  .reel-strip>span{height:36px}.reel-strip>span>i{font-size:12px}.reel-strip>span>b{font-size:9px}
  .multiplier-reel .reel-strip>span>b{font-size:14px}.rule-reel .reel-strip>span>b{font-size:6px}
  .slot-lever{right:-9px;top:31px;width:28px;height:99px;transform:scale(.88);transform-origin:right center}
  .slot-action-prompt{font-size:6px;letter-spacing:.65px}
  .game-bottom-controls{height:23px;margin-top:4px}
  #gameScreen .bottom-cancel{min-width:92px;height:19px!important;font-size:7px!important}
  body.keyboard-open #gameScreen .game-bottom-controls{margin-top:3px}
}

@media(max-width:600px){
  #finalIntroOverlay .slot-intro-card{max-height:calc(100svh - 16px);overflow-y:auto;overscroll-behavior:contain}
  #finalIntroOverlay .slot-machine-stage,#finalIntroOverlay .slot-lever,#finalIntroOverlay .slot-action-prompt{touch-action:manipulation}
  #finalIntroOverlay .slot-mobile-toolbar{
    position:static!important;bottom:auto!important;width:100%!important;height:40px!important;margin:8px auto 0!important;
    padding:3px 5px!important;transform:none!important;box-shadow:0 5px 18px #0007!important
  }
  #finalIntroOverlay .slot-mobile-toolbar #keyboardVoiceButton,
  #finalIntroOverlay .slot-mobile-toolbar #dontKnowButton,
  #finalIntroOverlay .slot-mobile-toolbar .bottom-cancel{height:32px!important}
  #finalIntroOverlay .slot-mobile-toolbar #dontKnowButton{opacity:.28}
  body.slot-overlay-active.keyboard-open .final-intro-overlay,
  body.slot-overlay-active .final-intro-overlay{
    height:100svh!important;align-items:center!important;place-items:center!important;padding:8px 14px!important;overflow:hidden!important
  }
  body.slot-overlay-active .slot-intro-card{max-height:calc(100svh - 16px)!important;padding-top:14px!important;padding-bottom:12px!important}
  #finalIntroOverlay .slot-mobile-toolbar{
    display:grid!important;grid-template-columns:minmax(0,1fr) 72px 32px!important;grid-template-rows:32px!important;gap:6px!important
  }
  #finalIntroOverlay .slot-mobile-toolbar #keyboardVoiceButton{
    display:flex!important;grid-column:1!important;grid-row:1!important;width:100%!important;height:32px!important;align-items:center!important;justify-content:center!important;
    gap:7px!important;padding:2px 8px!important;border:1px solid #7897d966!important;border-radius:10px!important;color:#cfe0ff!important;background:linear-gradient(145deg,#5d7cc827,#2339641b)!important;font-size:9px!important
  }
  #finalIntroOverlay .slot-mobile-toolbar #keyboardVoiceButton small{display:inline!important;font:800 8px Manrope!important}
  #finalIntroOverlay .slot-mobile-toolbar #dontKnowButton{display:none!important}
  #finalIntroOverlay .slot-mobile-toolbar .bottom-cancel{
    display:flex!important;grid-column:2!important;grid-row:1!important;width:72px!important;height:32px!important;align-items:center!important;justify-content:center!important;
    padding:0 6px!important;border-radius:10px!important;font:800 7px Manrope!important;white-space:nowrap!important
  }
  #finalIntroOverlay .slot-mobile-toolbar .game-sound-toggle{
    position:static!important;display:grid!important;grid-column:3!important;grid-row:1!important;width:32px!important;height:32px!important;margin:0!important;padding:6px!important;place-items:center!important;border-radius:50%!important
  }
}

/* One cancellation control: incomplete games never reach score saving. */
#gameScreen #desktopStopGameButton,
#gameScreen #endGameButton{
  display:none!important
}

/* Live Duel */
.duel-entry-button{
  width:100%;min-height:54px;margin:10px 0 13px;padding:8px 15px;border:1px solid #ff6fac88;border-radius:17px;
  display:grid;grid-template-columns:35px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;text-align:left;
  color:#fff;background:linear-gradient(120deg,#341b52,#641d4c 55%,#242055);box-shadow:0 0 18px #ff4fa22b;cursor:pointer
}
.duel-entry-button>span{grid-row:1/3;font-size:23px;text-align:center}.duel-entry-button strong{font:900 13px Manrope;letter-spacing:1.5px}.duel-entry-button small{color:#d2b9dc;font-size:9px}
.duel-entry-button:hover,.duel-entry-button:focus-visible{filter:brightness(1.18);box-shadow:0 0 25px #ff4fa267;transform:translateY(-1px)}
.duel-entry-button.has-invite{border-color:#ffd75e;box-shadow:0 0 0 1px #ffd75e44,0 0 24px #ff4fa255;animation:duelInvitePulse 1s ease-in-out infinite alternate}.duel-entry-button.has-invite small{color:#ffe47f}.duel-entry-button.has-invite small:after{content:" · INVITATION WAITING"}@keyframes duelInvitePulse{to{filter:brightness(1.2);transform:translateY(-1px)}}
.duel-overlay{position:fixed;z-index:90;inset:0;display:grid;place-items:center;padding:18px;background:#03040bdc;opacity:0;pointer-events:none;transition:.25s}
.duel-overlay.open{opacity:1;pointer-events:auto}.duel-card{position:relative;width:min(420px,100%);padding:25px;border:1px solid #a978ff77;border-radius:24px;background:radial-gradient(circle at 50% 0,#8d5cff36,transparent 42%),#111426;box-shadow:0 25px 80px #000d,0 0 35px #8d5cff35;text-align:center}
.duel-card h2{margin:4px 0 18px;font:900 30px Manrope}.duel-close{position:absolute;right:12px;top:10px;border:0;background:none;color:#aaaec0;font-size:28px;cursor:pointer}
#duelSetup{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;text-align:left}#duelSetup label{display:grid;gap:4px;min-width:0;color:#8e94a8;font:800 7px Manrope;letter-spacing:.7px}
#duelSetup[hidden],#duelLobby[hidden],#duelInvite[hidden]{display:none!important}
.duel-guide{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 8px}.duel-guide span{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:5px;min-width:0;color:#d1d3df}.duel-guide b{color:#d5c3ff;font:900 22px/1 Manrope;text-shadow:0 0 10px #8d5cff88}.duel-guide em{font:800 10px/1.2 Manrope;font-style:normal}
#duelSetup select,#joinDuelForm input{height:40px;padding:0 11px;border:1px solid #ffffff19;border-radius:11px;background:#090b16;color:#fff;font:700 11px Manrope}
.duel-primary{width:100%;height:44px;border:0;border-radius:12px;color:#fff;background:linear-gradient(100deg,#8d5cff,#ff4fa2);font:900 11px Manrope;letter-spacing:.8px;cursor:pointer}#createDuel{grid-column:1/-1;margin-top:5px}
.duel-host-note{grid-column:1/-1;display:block;margin:0 0 8px;color:#8dffd0;text-align:center;font:900 13px Manrope;letter-spacing:.8px;text-shadow:0 0 10px #47d99b55}
.duel-divider{grid-column:1/-1;display:flex;align-items:center;gap:8px;color:#686d80;font:800 7px Manrope}.duel-divider:before,.duel-divider:after{content:"";height:1px;flex:1;background:#ffffff12}
#joinDuelForm{grid-column:1/-1;display:grid;grid-template-columns:1fr 105px;gap:7px}#joinDuelForm button,.duel-share,.duel-copy{border:1px solid #a978ff66;border-radius:11px;background:#8d5cff1e;color:#ded2ff;font:800 9px Manrope;cursor:pointer}
#duelLobby{padding-top:7px}#duelLobby>small{display:block;margin:0 0 8px;color:#8f95aa;font:800 9px Manrope;letter-spacing:1.2px}.duel-code{display:block;margin:0 0 24px;color:#ffe27d;font:900 31px Manrope;letter-spacing:7px;text-shadow:0 0 14px #ffd75e}.duel-share-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;width:min(320px,100%);margin:0 auto}.duel-copy,.duel-share{display:block;width:100%;height:36px;margin:0;padding:0 10px}.duel-copy{border-color:#62dda577;background:#47d99b18;color:#9affd8}.duel-copy:hover,.duel-share:hover{filter:brightness(1.25);box-shadow:0 0 15px #8d5cff38}
.duel-players{display:grid;grid-template-columns:1fr 28px 1fr;align-items:center;gap:8px;margin:18px 0}.duel-players>div{min-height:91px;padding:10px 5px;border:1px solid #ffffff14;border-radius:14px;background:#080a14}.duel-players i{display:grid;width:34px;height:34px;margin:auto;border-radius:50%;place-items:center;background:#8d5cff;color:#fff;font:900 12px Manrope;font-style:normal}.duel-players strong,.duel-players small{display:block;margin-top:5px}.duel-players strong{font-size:10px}.duel-players small{color:#8f94a8;font-size:8px}.duel-players>b{color:#ff73b4;font:900 10px Manrope}
#duelStatus{min-height:30px;margin:4px 0 8px;color:#c5c8d7;font-size:10px}.duel-message{min-height:16px;margin-top:8px;color:#8e93aa;font-size:9px}.duel-message.error{color:#ff8da8}.duel-message.reconnecting{color:#ffe27d}
.duel-message.success{color:#8dffd0}.duel-abandon{display:block;min-width:130px;height:34px;margin:10px auto 0;padding:0 15px;border:1px solid #ff6f8a70;border-radius:11px;background:#ff416012;color:#ffafbf;font:800 9px Manrope;letter-spacing:.4px;cursor:pointer;transition:.18s}.duel-abandon:hover,.duel-abandon:focus-visible{color:#fff;background:#a5233f;box-shadow:0 0 18px #ff416066;transform:translateY(-1px)}.duel-abandon[hidden]{display:none!important}
.duel-confirm{position:absolute;z-index:10;inset:0;display:grid;padding:22px;border-radius:inherit;place-items:center;background:#050711f2;backdrop-filter:blur(7px)}.duel-confirm[hidden]{display:none!important}.duel-confirm-card{width:min(330px,100%);padding:25px 21px;border:1px solid #ff6f8a70;border-radius:18px;background:radial-gradient(circle at 50% 0,#ff416026,transparent 55%),#111426;box-shadow:0 20px 55px #000c,0 0 28px #ff41602e}.duel-confirm-icon{display:grid;width:40px;height:40px;margin:0 auto 9px;border-radius:50%;place-items:center;background:#ff41601c;color:#ff9db0;font:900 18px Manrope}.duel-confirm-card h3{margin:0 0 7px;font:900 20px Manrope}.duel-confirm-card p{margin:0 auto 18px;color:#bcc0d0;font:600 11px/1.5 Manrope}.duel-confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.duel-confirm-actions button{height:42px;border:1px solid #ffffff20;border-radius:11px;background:#ffffff0b;color:#d9dce8;font:900 10px Manrope;cursor:pointer}.duel-confirm-actions #duelConfirmYes{border-color:#ff6f8a7a;background:linear-gradient(120deg,#8f2945,#5a182b);color:#fff}.duel-confirm-actions button:hover,.duel-confirm-actions button:focus-visible{filter:brightness(1.22);box-shadow:0 0 15px #ff41603f}.duel-confirm-actions button:disabled{opacity:.6;cursor:wait}
.duel-invite{padding:5px 7px 2px}.duel-invite-avatar{display:grid;width:58px;height:58px;margin:15px auto 10px;border:1px solid #ff77b6aa;border-radius:50%;place-items:center;background:linear-gradient(145deg,#8d5cff,#ff4fa2);box-shadow:0 0 25px #ff4fa255;color:#fff;font:900 20px Manrope}.duel-invite h3{margin:6px 0 9px;font:900 20px Manrope}.duel-invite h3 span{color:#ffc3df}.duel-invite p{margin:0 0 14px;color:#c8bddf;font:800 10px/1.7 Manrope;letter-spacing:.8px}.duel-invite label{display:grid;gap:5px;margin:0 0 12px;color:#8e94a8;text-align:left;font:800 7px Manrope;letter-spacing:.7px}.duel-invite select{height:40px;padding:0 11px;border:1px solid #ffffff19;border-radius:11px;background:#090b16;color:#fff;font:700 11px Manrope}.duel-decline{height:34px;margin-top:7px;border:0;background:transparent;color:#959ab0;font:700 9px Manrope;cursor:pointer}.duel-decline:hover{color:#fff}
.duel-ready-stage{margin-top:12px;padding:13px 12px 12px;border:1px solid #ffffff15;border-radius:16px;background:#080a14;transition:.25s}.duel-ready-icon{display:grid;width:37px;height:37px;margin:0 auto 7px;border-radius:50%;place-items:center;background:#ffffff0c;color:#b8afcb;font:900 16px Manrope}.duel-ready-stage h3{margin:0 0 3px;font:900 15px Manrope}.duel-ready-stage #duelStatus{margin:0 0 9px;min-height:0;line-height:1.45}.duel-ready-stage.needs-ready{border-color:#ff6fac7d;background:radial-gradient(circle at 50% 0,#ff4fa226,transparent 60%),#080a14}.duel-ready-stage.needs-ready .duel-ready-icon{background:#ff4fa22b;color:#ff9bc8;box-shadow:0 0 16px #ff4fa24d}.duel-ready-stage.needs-ready #duelReady{animation:duelReadyPulse 1.35s ease-in-out infinite}.duel-ready-stage.self-ready{border-color:#62dda56e;background:radial-gradient(circle at 50% 0,#47d99b24,transparent 62%),#080a14}.duel-ready-stage.self-ready .duel-ready-icon,.duel-ready-stage.both-ready .duel-ready-icon{background:#47d99b2e;color:#8dffd0;box-shadow:0 0 16px #47d99b45}.duel-ready-stage.both-ready{border-color:#ffe27d80;background:radial-gradient(circle at 50% 0,#ffe27d25,transparent 62%),#080a14}.duel-ready-stage.both-ready h3{color:#ffe78f}.duel-ready-stage button:disabled{opacity:.72;cursor:default}
.duel-start-button{margin-top:8px;background:linear-gradient(100deg,#38c98d,#8edb57)!important;color:#06150e!important;box-shadow:0 0 22px #50df9b4f;font-size:12px!important}
.duel-start-button:not(:disabled){animation:duelStartPulse 1.25s ease-in-out infinite}
.duel-countdown{box-shadow:0 0 25px #ffe27d35}.duel-countdown .duel-ready-icon{animation:duelReadyPulse .75s ease-in-out infinite}
@keyframes duelReadyPulse{50%{filter:brightness(1.25);box-shadow:0 0 24px #ff4fa279;transform:translateY(-1px)}}
@keyframes duelStartPulse{50%{filter:brightness(1.18);box-shadow:0 0 30px #50df9b7a;transform:translateY(-1px)}}
.ready-player-strip{display:flex;align-items:center;justify-content:center;gap:7px;margin:7px 0 2px}.ready-player-strip strong{color:#8d92a8;font:800 7px Manrope;letter-spacing:1px}.ready-player-strip small{color:#fff;font:800 10px Manrope}.ready-game-logo{display:flex;align-items:baseline;justify-content:center;gap:5px;margin:5px 0 4px;color:#fff;font:900 14px Manrope;letter-spacing:1px}.ready-game-logo b{color:#ff70b8;font-size:25px;text-shadow:0 0 13px #ff4fa2}.ready-game-logo sup{font-size:.42em}.ready-card>p{color:#c7b2ff!important;font:800 8px Manrope!important;letter-spacing:1.4px!important}.nickname-form input[readonly]{opacity:.75;cursor:default;border-color:#ffffff10}
.ready-card{width:min(360px,100%);padding:25px 28px 23px}.ready-player-line{display:flex;align-items:center;justify-content:center;gap:11px;min-height:44px}.ready-card .ready-player-line .host-face{display:grid;place-items:center;width:42px;height:42px;margin:0;border-radius:50%;font-size:16px}.ready-player-line>strong{color:#fff;font:800 13px Manrope;letter-spacing:.8px}.ready-category-line{margin:14px 0 0;color:#bfa9ff;font:900 15px Manrope;letter-spacing:1.2px}.ready-format-line{display:flex;align-items:center;justify-content:center;gap:10px;margin:7px 0 15px;color:#8f94aa;font:800 9px Manrope;letter-spacing:1px}.ready-format-line i{width:3px;height:3px;border-radius:50%;background:#ff70b8;box-shadow:0 0 7px #ff70b8}.ready-card h2{margin:0 0 9px;font-size:27px}.ready-card .ready-game-logo{margin:0 0 3px;font-size:15px}.ready-card .ready-game-logo b{font-size:30px}.ready-card .ready-subtitle{margin:0!important;color:#c7b2ff!important;font-size:9px!important}.ready-card #startButton{display:block;width:100%;height:44px;margin:20px 0 0}.ready-card .ready-back-button{width:100%;margin:8px 0 0}
.ready-card .ready-game-logo{
  position:relative;display:flex;grid-column:auto;grid-row:auto;align-items:center;justify-content:center;
  gap:.28em;margin:1px 0 5px;color:#fff;white-space:nowrap;
  font:400 25px "Bruno Ace",Manrope,sans-serif;letter-spacing:.8px;
  text-shadow:0 0 8px #ffffff55,0 0 25px #8d5cff88
}
.ready-card .ready-game-logo .brand-number{
  position:relative;display:inline-block;color:#c9adff;font-size:1.18em;
  animation:elevenGlow 2.2s ease-in-out infinite alternate
}
.ready-card .ready-game-logo sup{
  position:absolute;left:100%;top:.06em;color:#ff78b8;font-size:.44em;line-height:1;letter-spacing:0;
  text-shadow:0 0 8px #ff4fa2,0 0 16px #ff4fa288
}
.ready-card .ready-game-logo .brand-question{margin-left:.35em}
.ready-card .ready-subtitle{color:#d8ff89!important;text-shadow:0 0 7px #b9f24d,0 0 19px #b9f24d77}
.ready-countdown{height:34px;margin:5px 0 -7px;color:#fff;font:900 30px/34px Manrope;text-shadow:0 0 9px #fff,0 0 24px #ff4fa2;opacity:0;transform:scale(.72);transition:opacity .12s,transform .18s}.ready-countdown.show{opacity:1;transform:scale(1)}
@media(max-width:600px){.ready-card{padding:21px 22px 18px}.ready-category-line{margin-top:11px}.ready-format-line{margin-bottom:12px}.ready-card #startButton{margin-top:16px}}
@media(max-width:600px){
  .duel-overlay{
    align-items:start;overflow-y:auto;padding:calc(10px + env(safe-area-inset-top)) 10px calc(10px + env(safe-area-inset-bottom));
    overscroll-behavior:contain;-webkit-overflow-scrolling:touch
  }
  .duel-card{
    width:100%;max-height:calc(100dvh - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
    margin:0 auto;padding:18px 14px 15px;border-radius:20px;overflow-y:auto;overscroll-behavior:contain
  }
  .duel-card>.overline{font-size:8px;letter-spacing:1.1px}.duel-card h2{margin-bottom:12px;font-size:24px}
  .duel-close{right:6px;top:5px;display:grid;width:44px;height:44px;padding:0;place-items:center;border-radius:50%;font-size:25px}
  #duelSetup{gap:10px}#duelSetup label{gap:5px;font-size:9px}
  #duelSetup select,#joinDuelForm input,.duel-invite select{height:46px;font-size:13px}
  .duel-primary{height:48px;font-size:12px}.duel-divider{font-size:8px}
  #joinDuelForm{grid-template-columns:minmax(0,1fr) 108px;gap:8px}#joinDuelForm button{font-size:10px;white-space:nowrap}
  .duel-guide{gap:5px;margin-bottom:7px}.duel-guide span{gap:4px}.duel-guide b{font-size:20px}.duel-guide em{font-size:8.5px}.duel-card #duelSetup select{padding-inline:5px;font-size:10px}.duel-host-note{font-size:12px}.duel-code{margin-bottom:22px;font-size:26px}.duel-copy,.duel-share{min-height:44px;font-size:10px}
  .duel-players{gap:6px;margin:13px 0}.duel-players>div{min-height:86px;padding:9px 4px}.duel-players strong{font-size:11px}.duel-players small{font-size:9px}.duel-players>b{font-size:9px}
  .duel-invite{padding:2px}.duel-invite-avatar{width:54px;height:54px;margin:10px auto 8px}.duel-invite h3{font-size:19px}.duel-invite p{font-size:11px}.duel-invite label{font-size:9px}.duel-decline{min-height:44px;font-size:10px}
  .duel-ready-stage{margin-top:10px;padding:12px 10px}.duel-ready-stage h3{font-size:16px}.duel-ready-stage #duelStatus{font-size:11px}.duel-ready-icon{width:35px;height:35px}
  .duel-abandon{min-width:145px;min-height:42px;font-size:10px}.duel-confirm{padding:14px}.duel-confirm-card{padding:22px 16px}.duel-confirm-card h3{font-size:19px}.duel-confirm-card p{font-size:11px}.duel-confirm-actions button{min-height:46px;font-size:10px}
  .duel-message{min-height:14px;margin:6px 0 0;font-size:10px;line-height:1.4}.duel-entry-button{margin-block:8px 11px}
}
@media(max-width:360px){
  .duel-card{padding-inline:11px}.duel-card h2{font-size:22px}#joinDuelForm{grid-template-columns:minmax(0,1fr) 96px}
  .duel-code{font-size:23px;letter-spacing:5px}.duel-players i{width:31px;height:31px}.duel-players strong{font-size:10px}
}
@media(max-width:600px) and (max-height:620px){
  .duel-card{padding-top:12px}.duel-card>.overline{display:none}.duel-card h2{margin-top:0;margin-bottom:8px;font-size:21px}
  .duel-players{margin:9px 0}.duel-players>div{min-height:75px}.duel-ready-icon{display:none}.duel-ready-stage{padding-block:9px}.duel-invite-avatar{width:43px;height:43px;margin-top:5px;font-size:16px}
}

/* Satin-gold three-dimensional slot cabinet v0.15.31 */
.slot-machine-stage{
  position:relative;width:calc(100% - 35px);margin:0 35px 0 0;perspective:800px
}
.slot-machine-stage .final-slot-machine{
  position:relative;padding:12px 13px 14px;border:1px solid #f5d3849c;border-radius:16px;
  background:
    linear-gradient(105deg,#5d4019 0%,#d9ad57 7%,#7a5525 15%,#e3bd69 50%,#79511f 85%,#d9a84e 94%,#51330f 100%);
  box-shadow:inset 0 1px 1px #fff4c7aa,inset 0 -8px 15px #2e1a08aa,0 10px 22px #000b,0 0 20px #dcae4a4d
}
.slot-machine-stage .slot-lights{display:none}
.slot-marquee{
  position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;
  height:29px;margin:0 3px 7px;border:1px solid #ffe3a3;border-radius:7px;overflow:hidden;
  background:linear-gradient(180deg,#261a0d,#070707 44%,#191008);
  box-shadow:inset 0 0 11px #000,0 1px 0 #fff2b899,0 0 9px #ffd77755
}
.slot-marquee span{
  display:flex;align-items:center;justify-content:center;gap:5px;color:#ffe8a4;
  font:900 8px Manrope;letter-spacing:1.3px;text-shadow:0 0 8px #ffcf65
}
.slot-marquee span+span{border-left:1px solid #bd893b88}
.slot-marquee span:nth-child(1):before{content:"●";color:#ffd05a;font-size:11px;text-shadow:5px 2px 0 #a87320}
.slot-marquee span:nth-child(2):before{content:"◷";color:#fff0bd;font-size:14px}
.slot-marquee span:nth-child(3):before{content:"♣";color:#d8ff83;font-size:14px;text-shadow:0 0 7px #9cff45}
.slot-machine-stage .slot-reels{
  margin:0;gap:5px;perspective:700px;transform-style:preserve-3d
}
.slot-machine-stage .slot-reel-shell{
  position:relative;padding:4px;border:1px solid #ffe5a4a6;background:linear-gradient(90deg,#614017,#dfb65d 48%,#634019);
  box-shadow:inset 0 0 7px #fff1bc59,0 4px 8px #2e1c0baa;transform-style:preserve-3d
}
.slot-machine-stage .multiplier-reel{
  border-radius:12px 3px 3px 12px;transform:rotateY(8deg) skewY(-.5deg);transform-origin:right center
}
.slot-machine-stage .time-reel{border-radius:3px;transform:translateZ(6px)}
.slot-machine-stage .rule-reel{
  border-radius:3px 12px 12px 3px;transform:rotateY(-8deg) skewY(.5deg);transform-origin:left center
}
.slot-machine-stage .reel-window{
  border:1px solid #f8dc97;border-radius:7px;
  background:
    linear-gradient(90deg,#62431e 0,#d7ad5b 9%,#f0d58e 22%,#c59445 50%,#f2d894 78%,#a57531 92%,#523415 100%);
  box-shadow:inset 12px 0 17px #4b2d1666,inset -12px 0 17px #4b2d1666,inset 0 17px 20px #3c250c70,inset 0 -17px 20px #3c250c70,0 0 4px #fff0b4
}
.slot-machine-stage .reel-window:after{
  background:linear-gradient(180deg,#4c301288 0,transparent 31%,transparent 68%,#4c30128c 100%)
}
.slot-machine-stage .reel-window:before{
  border-color:#fff1b8b5;background:#fff2c41b;box-shadow:0 0 8px #fff0b35c
}
.slot-machine-stage .reel-strip>span{color:#201507;text-shadow:0 1px 0 #fff0b377}
.slot-machine-stage .reel-strip>span>b{font-size:12px;color:#211506}
.slot-machine-stage .multiplier-reel .reel-strip>span>b{font-size:20px;color:#271707}
.slot-machine-stage .time-reel .reel-strip>span>b{font-size:15px;color:#251607}
.slot-machine-stage .rule-reel .reel-strip>span>b{font-size:8px;color:#281807}
.slot-machine-stage .reel-strip>span>i{display:none}
.slot-machine-stage .slot-lever{
  right:-41px;top:35px;width:37px;height:116px
}
.slot-machine-stage .lever-base{
  right:0;width:25px;background:linear-gradient(90deg,#4d3014,#e1b35a 48%,#684317);
  border-color:#ffe4a0;box-shadow:inset 2px 0 4px #fff8d47a,0 0 9px #ffc44d55
}
.slot-machine-stage .lever-stem{right:12px}
.slot-machine-stage .lever-knob{right:4px}

@media(max-width:600px){
  .slot-machine-stage{width:calc(100% - 27px);margin-right:27px}
  .slot-machine-stage .final-slot-machine{padding:8px 8px 10px;border-radius:13px}
  .slot-marquee{height:24px;margin:0 1px 5px}
  .slot-marquee span{gap:3px;font-size:6px;letter-spacing:.55px}
  .slot-marquee span:nth-child(1):before{font-size:8px;text-shadow:3px 1px 0 #a87320}
  .slot-marquee span:nth-child(2):before,.slot-marquee span:nth-child(3):before{font-size:11px}
  .slot-machine-stage .slot-reels{gap:3px}
  .slot-machine-stage .slot-reel-shell{padding:3px}
  .slot-machine-stage .slot-lever{right:-34px;top:27px;transform:scale(.82);transform-origin:left center}
  .slot-machine-stage .multiplier-reel .reel-strip>span>b{font-size:17px}
  .slot-machine-stage .time-reel .reel-strip>span>b{font-size:13px}
  .slot-machine-stage .rule-reel .reel-strip>span>b{font-size:6px}
}

@media(min-width:601px){
  #gameScreen>.input-mode-switch{
    display:none!important
  }
}

/* Prominent stop and exit controls v0.15.19 */
#gameScreen .round-exit{
  color:#ffd7df;border-color:#ff557777;background:linear-gradient(145deg,#9f2945,#5b1729);
  box-shadow:0 0 13px #ff416055,inset 0 1px #ffffff24;font-size:14px;line-height:1
}
#gameScreen .round-exit:hover,#gameScreen .round-exit:focus-visible{
  color:#fff;border-color:#ff9aae;background:linear-gradient(145deg,#d93b5e,#7e2038);
  box-shadow:0 0 22px #ff416088;transform:scale(1.08)
}
#gameScreen #desktopStopGameButton,
#gameScreen #endGameButton{
  color:#ffc4d0!important;border-color:#ff557766!important;
  background:linear-gradient(145deg,#8f294122,#4f142619)!important
}
#gameScreen #desktopStopGameButton:hover,#gameScreen #desktopStopGameButton:focus-visible,
#gameScreen #endGameButton:hover,#gameScreen #endGameButton:focus-visible{
  color:#fff!important;border-color:#ff8fa7!important;background:#b62f4f55!important;
  box-shadow:0 0 18px #ff4f7677!important
}
@media(max-width:600px){
  body.keyboard-open #gameScreen .game-top .round-exit{font-size:13px!important}
}

/* Home leaderboard access and exact home subtitle reference v0.15.18 */
.home-leaderboard-corner{
  position:absolute;z-index:5;left:10px;bottom:10px;display:grid;width:38px;height:38px;
  place-items:center;padding:0;border:1px solid #ffd75e66;border-radius:50%;color:#ffd75e;
  background:#17152be8;box-shadow:0 0 16px #ffd75e30;font-size:16px;cursor:pointer;
  transition:transform .16s ease,filter .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease
}
.home-leaderboard-corner:hover,.home-leaderboard-corner:focus-visible{
  color:#fff;border-color:#ffe99a;background:#4a3a20;box-shadow:0 0 22px #ffd75e77;transform:translateY(-1px) scale(1.06)
}
.home-leaderboard-corner:active{transform:scale(.94);filter:brightness(1.18)}
.home-brand-hero>p,.shared-brand-banner>p,.game-banner-tagline{
  font-size:12px;line-height:1.1;letter-spacing:3.4px
}
@media(max-width:600px){
  .home-leaderboard-corner{left:10px;bottom:10px;width:38px;height:38px}
  .home-brand-hero>p,.shared-brand-banner>p,.game-banner-tagline{
    font-size:11px;line-height:1.1;letter-spacing:2.7px
  }
}

/* Consistent banner subtitle scale and optical alignment v0.15.17 */
.home-brand-hero>p,
.shared-brand-banner>p,
.game-banner-tagline{
  width:min(260px,calc(100% - 82px));margin-left:auto;margin-right:auto;
  color:#d8ff89;font:800 12px/1.1 Manrope;letter-spacing:3.4px;text-align:center;
  white-space:nowrap;text-shadow:0 0 7px #b9f24d,0 0 22px #b9f24d88
}
.results-title-banner>p,.leaderboard-brand-banner>p{margin-top:0;margin-bottom:0}

@media(max-width:600px){
  .home-brand-hero>p,
  .shared-brand-banner>p,
  .game-banner-tagline{
    width:min(230px,calc(100% - 76px));font-size:11px;letter-spacing:2.7px
  }
  body.keyboard-open #gameScreen .game-banner-tagline{
    left:50%;right:auto;bottom:5px;width:min(230px,calc(100% - 82px));transform:translateX(-50%);
    font-size:11px;letter-spacing:2.7px;text-align:center
  }
}

/* Unified Keyboard/Voice switch and four-control alignment v0.15.15 */
#gameScreen .game-actions{grid-template-columns:repeat(4,minmax(0,1fr))}
#gameScreen .game-actions button{
  min-width:0;gap:4px;text-align:center;white-space:nowrap
}
#gameScreen .game-actions #keyboardVoiceButton{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
  padding:3px 5px;color:#cfe0ff;border-color:#7897d966;
  background:linear-gradient(145deg,#5d7cc827,#2339641b);box-shadow:none
}
#gameScreen .game-actions #keyboardVoiceButton.voice-active{
  color:#c4f6dd;border-color:#50df9b77;background:linear-gradient(145deg,#50df9b2b,#237a5b1c);
  box-shadow:0 0 15px #50df9b44
}
.mode-toggle-track{
  position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;width:48px;height:19px;
  padding:1px;border:1px solid #ffffff22;border-radius:10px;background:#080b15;line-height:1
}
.mode-toggle-track i{position:relative;z-index:2;font-style:normal;font-size:10px;line-height:1;text-align:center}
.mode-toggle-track b{
  position:absolute;z-index:1;left:2px;top:2px;width:21px;height:13px;border-radius:8px;
  background:#718fd2;box-shadow:0 0 8px #718fd288;transition:transform .2s ease,background .2s ease,box-shadow .2s ease
}
#keyboardVoiceButton.voice-active .mode-toggle-track b{
  transform:translateX(22px);background:#50cf94;box-shadow:0 0 9px #50df9b99
}
#keyboardVoiceButton small{
  display:block;color:inherit;font:800 7px/1 Manrope;letter-spacing:.25px
}

@media(min-width:601px){
  #resultsScreen.active{padding-top:8px}
  #gameScreen>.answer-area .game-actions{grid-template-columns:repeat(4,minmax(0,1fr));width:min(440px,100%)}
  #gameScreen>.answer-area .game-actions button{height:46px}
  #gameScreen>.input-mode-switch{
    display:flex;width:118px;margin:0 auto 18px;padding:0;border:0;background:none;box-shadow:none
  }
  #gameScreen>.input-mode-switch #keyboardModeButton,
  #gameScreen>.input-mode-switch #voiceModeButton,
  #gameScreen>.input-mode-switch #desktopSoundButton{display:none!important}
  #gameScreen>.input-mode-switch #desktopStopGameButton{
    display:block;width:118px;height:28px;border:1px solid #ff4f7630;border-radius:14px
  }
}

@media(max-width:600px){
  #gameScreen>.answer-area .game-actions{grid-template-columns:repeat(4,minmax(0,1fr))}
  #gameScreen>.answer-area .game-actions button{padding-inline:3px;line-height:1}
  #gameScreen>.answer-area .game-actions #keyboardVoiceButton{
    display:flex!important;background:linear-gradient(145deg,#5d7cc827,#2339641b);border-color:#7897d966;color:#cfe0ff
  }
  #gameScreen>.answer-area .game-actions #keyboardVoiceButton.voice-active{
    background:linear-gradient(145deg,#50df9b2b,#237a5b1c);border-color:#50df9b77;color:#c4f6dd
  }
  body.keyboard-open #gameScreen .game-top .game-title-brand{
    left:40px;right:40px;top:7px;width:auto;max-width:none;transform:none;
    display:flex!important;justify-content:center;text-align:center
  }
  body.keyboard-open #gameScreen .game-banner-tagline{
    left:40px;right:40px;width:auto;transform:none;text-align:center
  }
  body.keyboard-open #gameScreen .game-top .round-exit{
    position:absolute!important;left:6px!important;right:auto!important;top:auto!important;bottom:5px!important;
    display:grid!important;width:27px!important;height:27px!important;margin:0!important;padding:0!important;
    place-items:center;line-height:1
  }
  body.keyboard-open #gameScreen .banner-sound-toggle{
    position:absolute!important;right:6px!important;left:auto!important;top:auto!important;bottom:5px!important;
    display:grid!important;width:27px!important;height:27px!important;margin:0!important;padding:0!important
  }
}

/* Stronger curved marquee fade and two-axis home centering v0.15.14 */
.home-led-marquee{
  border-radius:12px;
  box-shadow:inset 0 1px #ffffff0a,inset 0 -1px #000,inset 14px 0 18px #05060d,inset -14px 0 18px #05060d,0 0 17px #8d5cff1c
}
.home-led-marquee:before{
  background:
    repeating-linear-gradient(0deg,transparent 0 2px,#0004 3px 4px),
    linear-gradient(90deg,
      #05060d 0,
      #05060df5 8px,
      #05060dbb 17px,
      #05060d55 27px,
      transparent 38px,
      transparent calc(100% - 38px),
      #05060d55 calc(100% - 27px),
      #05060dbb calc(100% - 17px),
      #05060df5 calc(100% - 8px),
      #05060d 100%)
}
#homeScreen.active{
  width:100%;margin-inline:auto;align-items:stretch;justify-content:space-between
}
#homeScreen.active .home-brand-hero,
#homeScreen.active .home-led-marquee,
#homeScreen.active .category-grid,
#homeScreen.active .home-utility-bar,
#homeScreen.active .home-version{width:100%;margin-left:auto;margin-right:auto}
#homeScreen.active .home-utility-bar{margin-top:16px}

@media(max-width:600px){
  .home-led-marquee{
    box-shadow:inset 0 1px #ffffff0a,inset 0 -1px #000,inset 11px 0 15px #05060d,inset -11px 0 15px #05060d,0 0 17px #8d5cff1c
  }
  .home-led-marquee:before{
    background:
      repeating-linear-gradient(0deg,transparent 0 2px,#0004 3px 4px),
      linear-gradient(90deg,#05060d 0,#05060df3 6px,#05060daa 14px,#05060d44 22px,transparent 30px,transparent calc(100% - 30px),#05060d44 calc(100% - 22px),#05060daa calc(100% - 14px),#05060df3 calc(100% - 6px),#05060d 100%)
  }
}

/* Full-height home and aligned pastel controls v0.15.13 */
#homeScreen.active{
  min-height:calc(100svh - 38px);
  display:flex;flex-direction:column
}
#homeScreen.active .home-utility-bar{margin-top:auto}
#homeScreen.active .home-version{flex:0 0 auto}

/* Four helps and electronic Lucky Bastard slot v0.16.12 */
#homeScreen.active .home-utility-bar{padding-top:12px}
#homeScreen.active .duel-entry-button{margin-top:11px}

#gameScreen>.answer-area .game-actions{grid-template-columns:repeat(5,minmax(0,1fr));width:min(560px,100%)}
#gameScreen .game-actions #anagramButton{
  color:#ffc8e7;border-color:#ff78b85f;background:linear-gradient(145deg,#ff4fa222,#92336517)
}
#gameScreen .game-actions button:disabled{filter:saturate(.25);opacity:.38}

.pre-slot-summary{
  display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:9px 0 10px
}
.pre-slot-summary>div{
  padding:8px 4px;border:1px solid #ffffff18;border-radius:10px;background:#080b17a8
}
.pre-slot-summary small,.pre-slot-summary strong{display:block}
.pre-slot-summary small{color:#8f95aa;font:800 7px Manrope;letter-spacing:.8px}
.pre-slot-summary strong{margin-top:2px;color:#fff;font:900 14px Manrope}
#slotBonusSummary.earned{color:#cfff7d;text-shadow:0 0 11px #9cff55}
.slot-intro-card.summary-phase .slot-machine-stage,
.slot-intro-card.summary-phase .slot-action-prompt,
.slot-intro-card.summary-phase .slot-result,
.slot-intro-card.summary-phase>p{opacity:.42;filter:saturate(.55) brightness(.72);pointer-events:none}
.slot-machine-stage,.slot-action-prompt,.slot-result,.slot-intro-card>p{transition:opacity .42s,filter .42s}

.slot-machine-stage{
  width:calc(100% - 52px);margin-right:52px;perspective:none
}
.slot-machine-stage .final-slot-machine{
  padding:11px 12px 13px;border-radius:15px 15px 3px 3px;
  background:linear-gradient(105deg,#493113,#d8ad57 8%,#725022 18%,#e0b65e 50%,#70491c 83%,#d3a34b 94%,#42290d);
  box-shadow:inset 0 1px 1px #fff4c7aa,inset 0 -3px 5px #25150599,0 8px 18px #000b,0 0 20px #dcae4a4d
}
.slot-machine-stage .slot-reels{gap:6px;perspective:none;transform-style:flat}
.slot-machine-stage .slot-reel-shell,
.slot-machine-stage .multiplier-reel,
.slot-machine-stage .time-reel,
.slot-machine-stage .rule-reel{
  padding:3px;border-radius:5px;transform:none;transform-style:flat;background:linear-gradient(180deg,#25304a,#101525)
}
.slot-machine-stage .reel-window{
  border-color:#52678d;border-radius:4px;background:linear-gradient(180deg,#10172a,#162846 50%,#10172a);
  box-shadow:inset 0 0 18px #000b,0 0 9px #42bfff22
}
.slot-machine-stage .reel-window:after{
  z-index:6;background:linear-gradient(180deg,rgba(2,5,14,.72) 0,rgba(2,5,14,.62) 29%,transparent 34%,transparent 66%,rgba(2,5,14,.62) 71%,rgba(2,5,14,.72) 100%)
}
.slot-machine-stage .reel-window:before{
  z-index:7;top:44px;height:44px;border-color:#61ddff9c;background:linear-gradient(90deg,#ff4fa217,#3b8cff26,#33e8ff1c);
  box-shadow:inset 0 0 15px #51cfff18,0 0 10px #55dfff50
}
.slot-machine-stage .reel-strip>span{
  display:grid;height:44px;margin:0;padding:0 2px;place-items:center;color:#dceaff;font-family:Manrope,sans-serif;font-weight:900;line-height:1;text-align:center;text-shadow:0 0 7px currentColor
}
.slot-machine-stage .reel-strip>span>b{
  display:grid;width:100%;height:44px;margin:0;padding:0;place-items:center;color:#dceaff;font:900 13px/1 Manrope,sans-serif;letter-spacing:.2px;text-align:center;vertical-align:middle;transform:none
}
.slot-machine-stage .multiplier-reel .reel-strip>span>b{color:#ff9bd4;font-size:21px}
.slot-machine-stage .time-reel .reel-strip>span>b{color:#70edff;font-size:13px;white-space:nowrap}
.slot-machine-stage .rule-reel .reel-strip>span>b{color:#ffe68c;font-size:10px;white-space:nowrap}
.slot-marquee span:nth-child(3):before{content:"✦"!important}
.slot-machine-stage .reel-strip>span.lucky-symbol>b{
  color:#bfff86!important;font:900 11px/1 Manrope,sans-serif!important;letter-spacing:.35px!important;white-space:nowrap!important;text-shadow:0 0 7px #52ff9a
}
.slot-reel-shell.stopped .reel-window{
  border-color:#a7efff;box-shadow:inset 0 0 17px #07101a,0 0 0 1px #52dfff55
}
.slot-reel-shell.stopped .reel-window:before{
  border-color:#eafcff;background:linear-gradient(90deg,#ff4fa21f,#4e82ff26,#24e7ff1f);
  box-shadow:inset 0 0 0 1px #ffffff18;animation:none
}
.reel-strip>span.selected{
  filter:none!important;text-shadow:0 1px 1px #000!important;animation:none!important;opacity:1!important
}
.reel-strip>span.selected>b{
  filter:none!important;text-shadow:0 1px 1px #000!important;animation:none!important;opacity:1!important
}
.slot-machine-stage .multiplier-reel .reel-strip>span.selected>b{color:#ff9bd4!important}
.slot-machine-stage .time-reel .reel-strip>span.selected>b{color:#70edff!important}
.slot-machine-stage .rule-reel .reel-strip>span.selected>b{color:#ffe68c!important}
.slot-machine-stage .reel-strip>span.selected.lucky-symbol>b{color:#bfff86!important}
.slot-result>b,.slot-result>i,.slot-result>strong{
  display:grid;min-height:30px;margin:0;place-items:center;font-family:Manrope,sans-serif;font-weight:900;line-height:1;text-align:center
}
.slot-result .lucky-result{
  color:#bfff86!important;font-size:16px!important;font-style:normal!important;letter-spacing:.35px;text-shadow:0 0 7px #52ff9a!important
}

.slot-machine-stage .slot-lever{
  right:-55px;top:3px;width:57px;height:153px;filter:drop-shadow(0 8px 7px #000d)
}
.slot-machine-stage .lever-base{
  right:auto;left:0;top:51px;bottom:auto;width:36px;height:80px;border:2px solid #ffe4a0;border-left:0;border-radius:0 17px 17px 0;
  background:linear-gradient(90deg,#3f280e,#b27b2e 28%,#e1b35a 51%,#704819 76%,#2b1a08);box-shadow:inset -3px 0 5px #fff8d47a,0 0 10px #ffc44d55
}
.slot-machine-stage .lever-base:before{
  content:"";position:absolute;left:-12px;top:10px;width:13px;height:54px;border-block:1px solid #f3d79188;background:linear-gradient(180deg,#d5a44f,#6e4317 52%,#c18b38);box-shadow:inset 0 1px #fff7
}
.slot-machine-stage .lever-base:after{
  content:"";position:absolute;z-index:5;left:8px;top:26px;width:17px;height:17px;border:2px solid #fff0bd;border-radius:50%;
  background:radial-gradient(circle at 36% 33%,#fff8d6,#b17a30 29%,#4a2b0c 70%);box-shadow:0 0 7px #ffd36b77,inset -2px -2px 3px #241306
}
.slot-machine-stage .lever-stem{
  right:auto;left:17px;top:83px;width:58px;height:8px;border:1px solid #fff9;border-radius:6px;
  background:linear-gradient(180deg,#4e5665,#f9fbff 39%,#adb5c3 65%,#353b48);box-shadow:0 2px 5px #0008;
  transform-origin:4px 50%;transform:rotate(calc(-62deg + var(--lever-angle,0deg)));transition:transform .42s cubic-bezier(.2,1.35,.35,1)
}
.slot-machine-stage .lever-stem:after{
  content:"";position:absolute;right:-15px;top:-14px;width:32px;height:32px;border:2px solid #ffd1df;border-radius:50%;
  background:radial-gradient(circle at 31% 24%,#fff 0 7%,#ff8aad 18%,#cf1d58 53%,#57021f 80%);
  box-shadow:inset -5px -6px 8px #430016aa,0 0 14px #ff4f91,0 4px 7px #000c
}
.slot-machine-stage .lever-knob{display:none!important}
.slot-lever.dragging .lever-stem{transition:none}
.slot-lever.pulled .lever-stem{transform:rotate(62deg)}

.slot-outcome-panel{
  position:absolute;z-index:12;inset:50% 18px auto;transform:translateY(-45%);padding:18px 16px;border:1px solid #72eaffaa;border-radius:17px;
  background:radial-gradient(circle at 50% 0,#8d5cff55,transparent 52%),#080c19f7;box-shadow:0 18px 55px #000e,0 0 30px #55dbff55;text-align:center
}
.slot-outcome-panel[hidden]{display:none}
.slot-outcome-panel>span{display:block;font-size:26px;filter:drop-shadow(0 0 9px #a8ff72)}
.slot-outcome-panel h3{margin:3px 0 10px;color:#fff;font:900 17px/1.1 Manrope;letter-spacing:1px}
.slot-outcome-panel p{display:grid;grid-template-columns:72px 1fr;gap:8px;margin:5px 0;padding:7px 9px;border-radius:8px;background:#ffffff08;text-align:left}
.slot-outcome-panel small{color:#7eeeff;font:900 7px Manrope;letter-spacing:.8px}.slot-outcome-panel strong{color:#fff;font:900 9px Manrope}
.slot-outcome-panel button{width:100%;height:41px;margin-top:10px;border:1px solid #fff8;border-radius:11px;color:#fff;background:linear-gradient(100deg,#8d5cff,#ff4fa2);font:900 10px Manrope;letter-spacing:.7px;cursor:pointer;box-shadow:0 0 18px #a963ff66}
.slot-outcome-panel button:hover,.slot-outcome-panel button:focus-visible{filter:brightness(1.2);box-shadow:0 0 25px #5de7ff88}
.lucky-bastard-win .final-moment-card{border-color:#9cff79;box-shadow:0 25px 90px #000d,0 0 48px #75ff8466}
.lucky-bastard-win #finalMomentTitle{color:#cfff8b;font-size:24px;text-shadow:0 0 14px #70ff81}
.lucky-bastard-win .final-answer-reveal{display:none}.lucky-bastard-win #finalMomentMessage{display:grid;gap:4px;margin:12px 0 15px;color:#ffe68c;font:800 13px/1.2 Manrope;letter-spacing:.45px}.lucky-bastard-win #finalMomentMessage>span{display:block}.lucky-bastard-win .lucky-popup-congrats{color:#fff;font-size:15px}.lucky-bastard-win .lucky-popup-brand{display:flex!important;align-items:center;justify-content:center;gap:.27em;margin:5px 0;color:#fff;font:400 19px/1 "Bruno Ace",Manrope,sans-serif;letter-spacing:.5px;text-shadow:0 0 7px #ffffff55,0 0 19px #8d5cff99}.lucky-bastard-win .lucky-popup-number{position:relative;color:#ccb3ff;font-size:1.18em;text-shadow:0 0 11px #8d5cff}.lucky-bastard-win .lucky-popup-number sup{position:absolute;left:100%;top:-.04em;color:#ff76b6;font-size:.43em;line-height:1;text-shadow:0 0 7px #ff4fa2}.lucky-bastard-win .lucky-popup-question{margin-left:.31em}
.lucky-bastard-win .final-particles .jackpot-coin{
  width:18px;height:18px;border:2px solid #fff0a0;border-radius:50%;color:#755000;background:radial-gradient(circle at 32% 28%,#fffbd0 0 8%,#ffd85d 25%,#c98612 67%,#6f4006 100%);
  box-shadow:inset 0 0 0 2px #ffec8a88,0 0 10px #ffd75eaa;text-indent:-999px;animation:jackpotCoinRain var(--fall,3s) linear infinite;animation-delay:var(--delay,0s)
}
.lucky-bastard-win .final-particles .jackpot-coin:nth-child(7n){
  width:auto;height:auto;border:0;border-radius:0;color:#a9ff82;background:none;box-shadow:none;text-indent:0;font-size:18px;filter:drop-shadow(0 0 7px #68ff80)
}
@keyframes jackpotCoinRain{
  0%{transform:translate3d(0,-15vh,0) rotateY(0) rotate(0);opacity:0}
  8%{opacity:1}
  100%{transform:translate3d(var(--drift,0),120vh,0) rotateY(1080deg) rotate(540deg);opacity:.85}
}

@media(max-width:600px){
  #gameScreen>.answer-area .game-actions,body.keyboard-open #gameScreen>.answer-area .game-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;width:100%}
  #gameScreen>.answer-area .game-actions button{font-size:8px;padding-inline:2px}
  #gameScreen>.answer-area .game-actions #keyboardVoiceButton{grid-column:1/-1;height:35px}
  .pre-slot-summary{gap:4px;margin:6px 0}.pre-slot-summary>div{padding:6px 2px}.pre-slot-summary strong{font-size:12px}
  .slot-machine-stage{width:calc(100% - 44px);margin-right:44px}
  .slot-machine-stage .final-slot-machine{padding:7px 7px 9px;border-radius:12px 12px 2px 2px}
  .slot-machine-stage .slot-reels{gap:3px}.slot-machine-stage .slot-reel-shell{padding:2px}
  .slot-machine-stage .reel-window:before{top:36px;height:36px}
  .slot-machine-stage .reel-strip>span,.slot-machine-stage .reel-strip>span>b{height:36px}
  .slot-machine-stage .rule-reel .reel-strip>span>b{font-size:8px}
  .slot-machine-stage .reel-strip>span.lucky-symbol>b{font-size:8px!important}
  .slot-result .lucky-result{min-height:24px;font-size:11px!important}
  .lucky-bastard-win #finalMomentMessage{font-size:11px}.lucky-bastard-win .lucky-popup-congrats{font-size:13px}.lucky-bastard-win .lucky-popup-brand{font-size:15px}
  .slot-machine-stage .slot-lever{right:-44px;top:1px;transform:scale(.82);transform-origin:left center}
  .slot-action-prompt{min-height:34px;padding:10px 5px;margin-top:4px;font-size:7px;line-height:1.25}
  .slot-outcome-panel{inset:50% 8px auto;padding:13px 10px}.slot-outcome-panel h3{font-size:14px}.slot-outcome-panel p{grid-template-columns:62px 1fr;padding:6px}.slot-outcome-panel button{height:38px;font-size:9px}
}

#gameScreen .game-actions button{
  display:flex;align-items:center;justify-content:center;line-height:1.05
}
#gameScreen .game-actions #hintButton{
  color:#ffe9a0;border-color:#ffd75e55;background:linear-gradient(145deg,#ffd75e1d,#8f6d1814)
}
#gameScreen .game-actions #swapButton{
  color:#dccbff;border-color:#a982ff66;background:linear-gradient(145deg,#9d70ff25,#5f3eb516)
}
#gameScreen .game-actions #skipButton{
  color:#aeefff;border-color:#58d9ef5c;background:linear-gradient(145deg,#48d8e724,#267c9815);
  display:flex;align-items:center;justify-content:center;gap:5px;line-height:1
}
#gameScreen .game-actions #skipButton .help-button-icon{display:inline-grid;width:14px;height:14px;place-items:center;font-size:13px;line-height:1}
#gameScreen .game-actions #keyboardVoiceButton{
  color:#bff7dc;border-color:#50df9b66;background:linear-gradient(145deg,#50df9b24,#237a5b18)
}
#gameScreen .game-actions button:not(:disabled):hover,
#gameScreen .game-actions button:not(:disabled):focus-visible{
  color:#fff;filter:brightness(1.22);border-color:currentColor;box-shadow:0 0 20px #8d5cff66
}

@media(min-width:601px){
  #gameScreen.active{padding-top:8px}
  #gameScreen .game-top{min-height:88px;margin-top:0;padding-top:13px;padding-bottom:23px}
}

@media(max-width:600px){
  #homeScreen.active{min-height:calc(100svh - max(8px,env(safe-area-inset-bottom)))}
  body.keyboard-open #gameScreen #roundCategory{
    width:100%;justify-content:center;justify-self:stretch;text-align:center
  }
  body.keyboard-open #gameScreen .game-top .round-exit,
  body.keyboard-open #gameScreen .banner-sound-toggle{
    bottom:5px;width:27px;height:27px;padding:0;place-items:center
  }
  body.keyboard-open #gameScreen .game-top .round-exit{left:6px}
  body.keyboard-open #gameScreen .banner-sound-toggle{right:6px}
  body.keyboard-open #gameScreen>.answer-area .game-actions button{
    display:flex;align-items:center;justify-content:center;line-height:1;font-size:9px
  }
}

/* One bottom control bar and persistent mobile keyboard layout */
#gameScreen>.input-mode-switch{display:none!important}
#gameScreen .banner-sound-toggle,
#gameScreen .compact-sound-toggle{display:none!important}
#gameScreen>.answer-area .game-actions,
body.keyboard-open #gameScreen>.answer-area .game-actions{
  grid-template-columns:repeat(4,minmax(0,1fr));width:min(480px,100%);gap:6px
}
#gameScreen>.answer-area .game-actions #keyboardVoiceButton{display:none!important}
#gameScreen .game-bottom-controls{
  position:sticky;z-index:42;bottom:3px;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,2.2fr) minmax(0,2fr) 32px;
  align-items:center;gap:7px;width:min(440px,100%);height:42px;margin:7px auto 3px;padding:4px 6px;
  border:1px solid #ffffff17;border-radius:15px;background:#0b0e18f2;box-shadow:0 -5px 20px #03040aa8
}
#gameScreen .game-bottom-controls #keyboardVoiceButton{
  grid-column:1;
  display:flex!important;height:32px;min-width:0;padding:2px 8px;align-items:center;justify-content:center;gap:8px;
  border:1px solid #7897d966;border-radius:10px;color:#cfe0ff;background:linear-gradient(145deg,#5d7cc827,#2339641b);cursor:pointer
}
#gameScreen .game-bottom-controls #keyboardVoiceButton.voice-active{
  color:#c4f6dd;border-color:#50df9b77;background:linear-gradient(145deg,#50df9b2b,#237a5b1c);box-shadow:0 0 13px #50df9b3d
}
#gameScreen .game-bottom-controls #keyboardVoiceButton small{font-size:8px}
#gameScreen .game-bottom-controls .game-sound-toggle{
  grid-column:4;
  position:static!important;display:grid!important;width:32px!important;height:32px!important;margin:0!important;padding:6px!important;
  place-items:center;border:1px solid #8f78c766!important;border-radius:50%!important;background:#171a2d!important
}
#gameScreen .game-bottom-controls .game-sound-toggle svg{width:17px!important;height:17px!important}
#gameScreen .game-bottom-controls .bottom-cancel{
  grid-column:3;
  display:flex!important;width:100%!important;min-width:0!important;height:32px!important;margin:0!important;padding:0 8px!important;
  align-items:center;justify-content:center;border-radius:10px!important;font-size:8px!important;white-space:nowrap
}

@media(max-width:600px){
  #gameScreen .game-bottom-controls{
    bottom:max(2px,env(safe-area-inset-bottom));grid-template-columns:minmax(0,5fr) minmax(0,2.2fr) minmax(0,2fr) 32px;
    gap:5px;width:100%;height:40px;margin-top:5px;padding:3px 5px
  }
  #gameScreen .game-bottom-controls #keyboardVoiceButton,
  #gameScreen .game-bottom-controls .bottom-cancel{height:32px!important}
  #gameScreen .game-bottom-controls .game-sound-toggle{width:32px!important;height:32px!important}
  body.keyboard-open #gameScreen .game-bottom-controls{flex:0 0 40px;margin-top:4px}
  body.keyboard-open #gameScreen>.answer-area .game-actions{margin-bottom:2px}
}

/* Responsive gameplay consolidation v0.16.28
   The keyboard view has one authoritative layout so the active word,
   countdown, four helps and utility controls always own separate rows. */
@media(max-width:600px){
  body.keyboard-open .app-shell{
    height:var(--visible-height,100dvh);min-height:0;padding:0 8px max(2px,env(safe-area-inset-bottom));overflow:hidden
  }
  body.keyboard-open #gameScreen.active{
    display:grid!important;width:100%;height:var(--visible-height,100dvh);min-height:0;padding:4px 0 2px;overflow:hidden!important;
    grid-template-columns:minmax(0,7fr) minmax(72px,3fr);
    grid-template-rows:52px 17px 17px minmax(43px,1fr) 40px 27px auto;
    column-gap:6px;row-gap:3px;align-content:stretch
  }
  body.keyboard-open #gameScreen .game-top{
    grid-column:1/-1;grid-row:1;width:100%;height:52px;min-height:52px;margin:0;padding:4px 38px 14px;border-radius:14px
  }
  body.keyboard-open #gameScreen .game-top .game-title-brand{top:5px;font-size:14px}
  body.keyboard-open #gameScreen .game-banner-tagline{bottom:4px;font-size:9px;letter-spacing:2.1px}
  body.keyboard-open #gameScreen>.round-label,
  body.keyboard-open #gameScreen>.round-label .round-category-row{display:contents}
  body.keyboard-open #gameScreen #roundCategory{
    grid-column:1/-1;grid-row:2;align-self:center;justify-self:stretch;justify-content:center;width:100%;margin:0;text-align:center
  }
  body.keyboard-open #gameScreen #roundCategory .category-name,
  body.keyboard-open #gameScreen #roundCategory .level-name{font-size:9px;letter-spacing:.75px}
  body.keyboard-open #gameScreen .question-info-row{
    grid-column:1/-1;grid-row:3;align-self:center;width:100%;height:17px;margin:0;padding:0 5px
  }
  body.keyboard-open #gameScreen .question-info-row strong,
  body.keyboard-open #gameScreen .question-info-row span{font-size:8px;line-height:1}
  body.keyboard-open #gameScreen>.question-area{
    grid-column:1;grid-row:4;align-self:stretch;min-height:0;margin:0;padding:3px 6px;border-radius:9px;overflow:hidden
  }
  body.keyboard-open #gameScreen>.question-area h2{
    display:-webkit-box;width:100%;margin:0;font-size:clamp(13px,4vw,16px);line-height:1.12;
    -webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-wrap:balance
  }
  body.keyboard-open #gameScreen>.question-area .hint-box.visible{
    max-width:100%;margin:3px 0 0;padding:3px 5px;font-size:9px;line-height:1.1;white-space:normal
  }
  body.keyboard-open #gameScreen .round-category-row .game-timer{
    grid-column:2;grid-row:4;align-self:stretch;min-width:0;height:auto;margin:0;padding:3px;border-radius:9px
  }
  body.keyboard-open #gameScreen .round-category-row .game-timer small{font-size:5px;letter-spacing:.7px}
  body.keyboard-open #gameScreen .round-category-row .game-timer b{font-size:clamp(22px,7.5vw,29px)}
  body.keyboard-open #gameScreen>.word-board-wrap,
  body.keyboard-open #gameScreen.final-round>.final-board-wrap{
    grid-column:1/-1;grid-row:5;align-self:stretch;min-height:0;margin:0;padding:2px 3px;border-radius:8px;overflow:hidden
  }
  body.keyboard-open #gameScreen .board-row.active{
    display:grid;min-height:35px;height:35px;grid-template-columns:13px minmax(0,1fr) 31px;gap:2px;padding:0 2px
  }
  body.keyboard-open #gameScreen .final-word-board .board-row.active{grid-template-columns:minmax(0,1fr) 31px}
  body.keyboard-open #gameScreen .board-row.active .letter-track{
    justify-content:center;gap:2px;max-width:100%;padding-bottom:1px;overflow:hidden
  }
  body.keyboard-open #gameScreen .board-row.active .letter-box{
    width:clamp(18px,6.15vw,27px);height:31px;flex:0 1 clamp(18px,6.15vw,27px);font-size:clamp(14px,4.3vw,17px)
  }
  body.keyboard-open #gameScreen .board-row.active .letter-gap{width:2px;flex-basis:2px}
  body.keyboard-open #gameScreen>.time-flow{
    grid-column:1/-1;grid-row:6;align-self:stretch;width:100%;height:27px;margin:0;padding:0 4px
  }
  body.keyboard-open #gameScreen>.time-flow .time-flow-heading{height:17px;margin:0 3px 2px;align-items:center}
  body.keyboard-open #gameScreen>.time-flow .time-flow-heading small{font-size:6px;letter-spacing:1.4px}
  body.keyboard-open #gameScreen>.time-flow .time-flow-heading strong{font-size:14px}
  body.keyboard-open #gameScreen>.time-flow .time-flow-rail{height:6px}
  body.keyboard-open #gameScreen>.answer-area{
    grid-column:1/-1;grid-row:7;align-self:end;display:grid;grid-template-rows:43px 39px;row-gap:3px;min-height:85px;margin:0;padding:0;overflow:visible
  }
  body.keyboard-open #gameScreen>.answer-area .game-actions{
    grid-row:1;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;width:100%;height:43px;margin:0;padding:0
  }
  body.keyboard-open #gameScreen>.answer-area .game-actions button{
    display:flex;height:43px;min-height:43px;padding:2px;font-size:clamp(7px,2.25vw,9px);line-height:1.05;white-space:normal
  }
  body.keyboard-open #gameScreen .game-bottom-controls{
    position:static;grid-row:2;grid-template-columns:minmax(0,5fr) minmax(0,2.2fr) minmax(0,2fr) 31px;width:100%;height:39px;margin:0;padding:3px 5px;box-shadow:none
  }
  body.keyboard-open #gameScreen .game-bottom-controls #keyboardVoiceButton,
  body.keyboard-open #gameScreen .game-bottom-controls .bottom-cancel{height:31px!important}
  body.keyboard-open #gameScreen .game-bottom-controls .game-sound-toggle{width:31px!important;height:31px!important}
  body.keyboard-open #gameScreen>.question-progress,
  body.keyboard-open #gameScreen>.keyboard-progress-dots,
  body.keyboard-open #gameScreen>.time-rules,
  body.keyboard-open #gameScreen>.input-mode-switch,
  body.keyboard-open #gameScreen>.game-build-footer{display:none!important}
}

@media(max-width:380px) and (max-height:700px){
  body.keyboard-open #gameScreen.active{
    grid-template-rows:48px 15px 15px minmax(38px,1fr) 36px 24px auto;row-gap:2px
  }
  body.keyboard-open #gameScreen .game-top{height:48px;min-height:48px;padding-bottom:13px}
  body.keyboard-open #gameScreen .game-top .game-title-brand{font-size:13px}
  body.keyboard-open #gameScreen .game-banner-tagline{font-size:8px}
  body.keyboard-open #gameScreen>.question-area h2{font-size:12px}
  body.keyboard-open #gameScreen .board-row.active{height:32px;min-height:32px}
  body.keyboard-open #gameScreen .board-row.active .letter-box{height:28px;font-size:14px}
  body.keyboard-open #gameScreen>.time-flow{height:24px}
  body.keyboard-open #gameScreen>.time-flow .time-flow-heading{height:14px}
}

/* Unified notices, anagram presentation and answer-length guard v0.16.33 */
.score-toast{
  z-index:70;width:min(360px,calc(100vw - 32px));min-height:54px;padding:14px 20px;
  display:flex;align-items:center;justify-content:center;text-align:center;
  border:1px solid #c6a9ff66;border-radius:17px;background:#111426db;
  box-shadow:0 18px 55px #000b,0 0 24px #8d5cff33;backdrop-filter:blur(9px);
  font:900 clamp(15px,4.5vw,20px)/1.15 Manrope;letter-spacing:.8px
}
.score-toast.answer-fading{transition-duration:1s!important;transition-timing-function:ease!important}
.score-toast.help-notice{flex-direction:column;gap:8px;min-height:88px}
.help-notice-primary{
  display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:148px;padding:8px 16px;
  border:1px solid;border-radius:13px;font:900 clamp(15px,4.5vw,20px)/1.1 Manrope;letter-spacing:.6px
}
.help-notice-primary i{font-style:normal;font-size:.9em}.help-notice-primary span{white-space:nowrap}
.help-notice-first{color:#ffe9a0;border-color:#ffd75e77;background:linear-gradient(145deg,#ffd75e2c,#8f6d1822);box-shadow:0 0 15px #ffd75e26}
.help-notice-anagram{color:#ffc8e7;border-color:#ff78b87a;background:linear-gradient(145deg,#ff4fa233,#92336522);box-shadow:0 0 15px #ff4fa228}
.help-notice-swap{color:#dccbff;border-color:#a982ff80;background:linear-gradient(145deg,#9d70ff37,#5f3eb526);box-shadow:0 0 15px #9d70ff2b}
.help-notice-skip{color:#aeefff;border-color:#58d9ef78;background:linear-gradient(145deg,#48d8e735,#267c9824);box-shadow:0 0 15px #48d8e72b}
.help-notice-secondary{color:#f5f1ff;font:800 clamp(13px,4vw,17px)/1.2 Manrope;letter-spacing:.35px}
.help-notice-tertiary{color:#ffe36e;font:900 clamp(14px,4.2vw,18px)/1.15 Manrope;letter-spacing:.7px}
.hint-box.anagram-hint{
  display:grid;grid-template-rows:auto auto;gap:5px;align-items:center;justify-items:center;text-align:center
}
.hint-box.anagram-hint>span{color:#d7d9e3;font:700 12px/1 Manrope;letter-spacing:.4px;text-transform:none}
.hint-box.anagram-hint>strong{color:#ffe36e;font:900 clamp(18px,5vw,24px)/1 Manrope;letter-spacing:.17em;text-shadow:0 0 13px #ffd75e66}
.board-row.input-limit-hit .letter-box{
  animation:inputLimitHit .3s ease;border-color:#ff6487!important;background:#ff4f762d!important;box-shadow:0 0 13px #ff4f7677!important
}
@keyframes inputLimitHit{0%,100%{transform:translateX(0)}25%{transform:translateX(-2px)}75%{transform:translateX(2px)}}
@media(max-width:600px){
  .score-toast{width:min(330px,calc(100vw - 24px));min-height:50px;padding:12px 15px;border-radius:15px;font-size:16px}
  body.keyboard-open #gameScreen>.question-area .hint-box.anagram-hint{padding:4px 6px;gap:3px}
  body.keyboard-open #gameScreen>.question-area .hint-box.anagram-hint>span{font-size:9px}
  body.keyboard-open #gameScreen>.question-area .hint-box.anagram-hint>strong{font-size:clamp(15px,4.5vw,19px);letter-spacing:.13em}
}

/* Hidden service screen: five Home-logo taps or Ctrl/Cmd + Shift + 1. */
#serviceScreen{min-height:100svh;padding:clamp(28px,8vh,74px) 0 34px}
#serviceScreen.active{display:grid;place-items:center}
.service-panel{position:relative;overflow:hidden;width:100%;padding:30px 24px 24px;border:1px solid #a879ff77;border-radius:26px;background:radial-gradient(circle at 50% 5%,#8d5cff38,transparent 42%),linear-gradient(145deg,#17142b,#0d1020);box-shadow:0 24px 80px #000b,0 0 30px #8d5cff2f;text-align:center}
.service-panel:before{content:"";position:absolute;inset:-30% 55% 25% -20%;background:#4d8dff33;filter:blur(34px);pointer-events:none}
.service-brand{position:relative;z-index:1;display:flex;grid-column:auto;grid-row:auto;margin:12px auto 17px;font-size:clamp(20px,6vw,31px)}
.service-panel h1{position:relative;margin:0;color:#fff;font:900 clamp(30px,9vw,48px)/1 Manrope;letter-spacing:-1.5px;text-shadow:0 0 22px #8d5cff88}
.service-panel>p{max-width:380px;margin:13px auto 22px;color:#aeb2c5;font:600 12px/1.5 Manrope}
.service-actions{display:grid;gap:11px}
.service-actions button{min-height:74px;padding:13px 16px;display:flex;align-items:center;gap:14px;text-align:left;color:#fff;border:1px solid #ffffff1b;border-radius:17px;background:linear-gradient(135deg,#ffffff0c,#ffffff05);box-shadow:0 9px 24px #0006;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s,filter .2s}
.service-actions button:first-child{border-color:#57dff05e;background:linear-gradient(135deg,#43ddec1c,#4d71ff10)}
.service-actions button:last-child{border-color:#b9f24d66;background:linear-gradient(135deg,#b9f24d1b,#57d9730d)}
.service-actions button:hover,.service-actions button:focus-visible{transform:translateY(-2px);filter:brightness(1.15);box-shadow:0 12px 30px #0008,0 0 22px #8d5cff38}
.service-actions button>b{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:13px;background:#ffffff0c;font-size:21px}
.service-actions button span,.service-actions button strong,.service-actions button small{display:block}.service-actions button strong{font:900 14px Manrope}.service-actions button small{margin-top:3px;color:#9196ab;font:600 9px Manrope}
.service-warning{display:block;margin:17px 0 13px;color:#ffe36e;font:900 8px Manrope;letter-spacing:1.45px}
.service-home-button{width:100%;height:43px;border:1px solid #ffffff17;border-radius:14px;color:#aeb2c4;background:#ffffff08;font:800 11px Manrope;cursor:pointer}
.service-test-return{position:fixed;z-index:160;top:max(8px,env(safe-area-inset-top));left:max(8px,env(safe-area-inset-left));height:30px;padding:0 11px;border:1px solid #ffe36e77;border-radius:15px;color:#ffe98d;background:#121525e8;box-shadow:0 5px 18px #0009;font:900 8px Manrope;letter-spacing:.5px;cursor:pointer}
.service-test-return[hidden]{display:none!important}
body.service-test-active .game-build-footer:before{content:"SERVICE MODE · ";color:#ffe36e}

/* Compact legal navigation v0.16.65 */
.legal-footer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:3px 12px;margin:8px auto 0;padding:4px 8px 1px;color:#666b80;font:700 7px Manrope,sans-serif;letter-spacing:.35px}
.legal-footer a{color:#73788e;text-decoration:none;transition:color .16s ease,text-shadow .16s ease}
.legal-footer a:hover,.legal-footer a:focus-visible{color:#d6c7ff;text-shadow:0 0 9px #9d6cff77;outline:none}
@media(max-width:600px){.legal-footer{gap:2px 10px;margin-top:6px;font-size:6.5px}}
@media(max-width:600px){
  #serviceScreen{padding:18px 0 24px}.service-panel{padding:23px 16px 18px;border-radius:22px}.service-actions button{min-height:66px}.service-test-return{height:27px;font-size:7px}
}

/* Mobile energy profile: preserve the visual identity while avoiding permanent GPU work. */
body.app-backgrounded *,
.final-intro-overlay:not(.open) *,
.final-moment-overlay:not(.open) *,
.unlock-overlay:not(.open) *{animation-play-state:paused!important}

@media(max-width:600px){
  .category-card,
  .game-actions button:not(:disabled):not(#endGameButton),
  .time-flow-rail i,
  .time-flow-rail span{animation:none!important}
  .home-brand-hero:before,.home-brand-hero:after,.brand-magic-fog,
  #gameScreen .game-top:before,#gameScreen .game-top:after,#gameScreen .game-banner-fog,
  body.keyboard-open #gameScreen .game-top:before,body.keyboard-open #gameScreen .game-top:after,
  body.keyboard-open #gameScreen .game-banner-fog{animation:none!important}
  .home-main-logo .brand-number{animation-duration:4.4s}
  .led-track{animation-duration:38s}
  .mic-button.listening{animation-duration:1.6s}
}

@media(prefers-reduced-motion:reduce){
  .category-card,.game-actions button,.home-main-logo .brand-number,
  .home-brand-hero:before,.home-brand-hero:after,.brand-magic-fog,
  .shared-brand-banner:before,.shared-brand-banner:after,
  .time-flow-rail i,.time-flow-rail span{animation:none!important}
  .led-track{animation-duration:55s}
}

/* Authoritative bottom toolbar proportions — v0.16.72 */
#gameScreen .game-bottom-controls,
body.keyboard-open #gameScreen .game-bottom-controls{
  grid-template-columns:minmax(0,5fr) minmax(0,2.2fr) minmax(0,2fr) 32px!important
}
#gameScreen .game-bottom-controls #keyboardVoiceButton{grid-column:1!important}
#gameScreen .game-bottom-controls #dontKnowButton{grid-column:2!important}
#gameScreen .game-bottom-controls .bottom-cancel{grid-column:3!important}
#gameScreen .game-bottom-controls .game-sound-toggle{grid-column:4!important}
#gameScreen .game-bottom-controls #keyboardVoiceButton,
#gameScreen .game-bottom-controls #dontKnowButton,
#gameScreen .game-bottom-controls .bottom-cancel,
#gameScreen .game-bottom-controls .game-sound-toggle{grid-row:1!important}
@media(max-width:600px){
  #gameScreen .game-bottom-controls,
  body.keyboard-open #gameScreen .game-bottom-controls{grid-template-columns:minmax(0,5fr) minmax(0,2.2fr) minmax(0,2fr) 31px!important}
}

/* Clear scoring instructions — v0.16.90 */
.home-how-to-button{
  width:100%;min-height:42px;margin:0 0 13px;padding:7px 12px;display:grid;
  grid-template-columns:28px auto 1fr 14px;align-items:center;gap:8px;text-align:left;
  color:#fff;border:1px solid #8d5cff58;border-radius:12px;cursor:pointer;
  background:linear-gradient(100deg,#8d5cff18,#48d8e70b);box-shadow:inset 0 1px #ffffff0c
}
.home-how-to-button:hover,.home-how-to-button:focus-visible{border-color:#b78cff;box-shadow:0 0 18px #8d5cff2b,inset 0 1px #ffffff18;outline:0}
.home-how-to-button>span{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;color:#090b16;background:#b9f24d;font:900 14px Manrope}
.home-how-to-button strong{font:800 11px Manrope;letter-spacing:.3px}.home-how-to-button small{color:#969bb0;font-size:9px}.home-how-to-button>b{color:#b9f24d;font-size:18px}
#homeScreen.active .home-how-to-button{flex:0 0 auto}
.rules-backdrop{align-items:center;padding:18px}.rules-modal{width:min(100%,600px);max-height:min(760px,92svh);padding:10px 22px 24px;border:1px solid #8d5cff55;border-radius:24px;overflow:auto;background:linear-gradient(160deg,#171a31,#0d101e 72%);box-shadow:0 24px 80px #000b,0 0 34px #8d5cff2b}
.rules-lead{margin:10px 0 15px;color:#c9cada;font-size:13px;line-height:1.45}.rules-modal section{margin:10px 0;padding:12px 14px;border:1px solid #ffffff10;border-radius:14px;background:#ffffff05}.rules-modal section h3{margin:0 0 7px;color:#b9f24d;font:800 12px Manrope;letter-spacing:.4px}.rules-modal ul{margin:0;padding-left:18px}.rules-modal li{margin:5px 0;color:#aeb2c3;font-size:11px;line-height:1.42}.rules-modal li strong{color:#f7f6fb}.rules-done{margin-top:14px}
@media(max-width:600px){
  .home-how-to-button{grid-template-columns:27px auto 1fr 12px;margin-bottom:11px}.home-how-to-button small{font-size:8px}
  .rules-backdrop{align-items:flex-end;padding:0}.rules-modal{max-height:91svh;border-radius:24px 24px 0 0;padding:9px 18px calc(22px + env(safe-area-inset-bottom))}.rules-modal section{padding:10px 12px}.rules-modal li{font-size:10.5px}
}