.game-timer{position:relative;grid-column:1/-1;text-align:center;min-width:142px;margin-top:2px}
body:has(#gameScreen.active) header{display:none}
#gameScreen .game-top{height:auto;margin:0 -22px;padding:8px 22px 10px;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:"THE 11TH QUESTION";grid-column:2;grid-row:1;font:800 13px Manrope;letter-spacing:2px}
#gameScreen .round-exit{grid-column:1;grid-row:1;width:28px;height:28px;font-size:19px}
#gameScreen .round-label{grid-column:1/-1;grid-row:2;margin-top:2px}.round-label span{font-size:8px}.round-label strong{font:800 9px Manrope;letter-spacing:1.1px;color:#aeb2c4}
.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}
.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 1.35s cubic-bezier(.2,.85,.25,1) both}
@keyframes impactLoss{0%{opacity:0;transform:translate(-50%,-50%) scale(.4) rotate(-5deg)}18%{opacity:1;transform:translate(-50%,-50%) scale(1.12) rotate(1deg)}35%,72%{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{height:88px}.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:flex;justify-content:center;gap:9px;margin-top:13px}
.game-actions button{height:28px;border-radius:15px;padding:0 11px;background:#ffffff08;border:1px solid var(--border);color:#aaaec1;font:600 9px "DM Sans";cursor:pointer}
.game-actions button:hover{color:#fff;border-color:#ffffff2c}
.game-actions #endGameButton{color:#ff94c5;border-color:#ff4fa233}
.word-board-wrap{margin:7px 0 2px;padding:7px 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:21px;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(21px,4.4vw);height:21px;flex:0 1 21px;border-radius:4px;background:#202437;border:1px solid #30354a;display:grid;place-items:center;font:800 10px 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-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{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 1.5s cubic-bezier(.13,.72,.14,1)}
.penalty-wheel.spinning{transform:rotate(var(--wheel-turn,1440deg))}
.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}
.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-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%),#060711f2}.final-moment-overlay.lose{background:radial-gradient(circle,#40202c66,transparent 55%),#060711f2}
.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}}
#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}