*{box-sizing:border-box}body{color:#222;background:#f5f6fa;margin:0;font-family:Inter,system-ui,sans-serif}button,input,textarea{font:inherit}.center{background:radial-gradient(circle at top,#7357ff,#4027a7 65%);place-items:center;min-height:100dvh;padding:20px;display:grid}.card{background:#fff;border-radius:24px;width:min(100%,520px);padding:28px;box-shadow:0 18px 60px #22155b55}.auth,.intro{text-align:center}.mark{color:#7257ff;font-size:44px}.big{font-size:64px}.card h1{margin:8px 0}.card p{color:#555;line-height:1.55}.card input,.card textarea{border:2px solid #ddd;border-radius:14px;width:100%;margin:10px 0;padding:15px}.card>button,.auth button,.intro button,.survey>button{color:#fff;cursor:pointer;background:#5a3fd8;border:0;border-radius:14px;width:100%;padding:16px;font-weight:800}.error{color:#c33;display:block}.game{max-width:760px;min-height:100dvh;margin:auto;padding:16px 16px 28px}.game header{justify-content:space-between;font-weight:800;display:flex}.topProgress{background:#ddd;border-radius:8px;height:8px;margin:12px 0 22px;overflow:hidden}.topProgress i{background:#6949df;height:100%;display:block}.question{text-align:center;background:#fff;border-radius:22px;place-items:center;min-height:150px;margin-bottom:18px;padding:28px 18px;display:grid;position:relative;box-shadow:0 8px 28px #0000000d}.question h2{margin:0;font-size:clamp(22px,6vw,34px)}.timer{color:#fff;background:#251b55;border-radius:999px;padding:7px 11px;font-weight:900;position:absolute;top:12px;right:12px}.answers{grid-template-columns:1fr 1fr;gap:12px;display:grid}.answer{text-align:left;cursor:pointer;background:#e9e9ee;border:0;border-radius:18px;align-items:center;gap:12px;min-height:112px;padding:16px;font-size:18px;font-weight:700;display:flex;position:relative;overflow:hidden;box-shadow:0 5px #c9c9d0}.answer b,.answer span{z-index:2;position:relative}.answer b{font-size:25px}.answer.chosen{animation:.18s tapshake}.fill{transition:width .22s;inset:0 auto 0 0;z-index:1!important;position:absolute!important}.fill.yellow{background:#ffd84d}.fill.orange{background:#ff9f43}.fill.green{background:#35c76f}.fill.neutral{background:#bbb}.lock{color:#777;background:#c8c8ce;border:0;border-radius:15px;width:100%;margin-top:18px;padding:17px;font-size:18px;font-weight:900;position:relative;overflow:hidden}.lock.ready{color:#fff;cursor:pointer;background:#2b2450}.lock strong{z-index:2;position:relative}.danger{z-index:1;background:#e34242;transition:width 40ms linear;position:absolute;top:0;bottom:0;left:0}.sad{text-align:center;z-index:20;background:#fff;border-radius:18px;padding:12px 16px;animation:.3s pop;position:fixed;top:70px;right:16px;box-shadow:0 8px 35px #0003}.sad div{font-size:42px;animation:1s infinite tear}.sad span{font-weight:800}.confetti{pointer-events:none;z-index:30;position:fixed;inset:0;overflow:hidden}.confetti i{background:hsl(calc(var(--x,1)*40),85%,55%);width:8px;height:14px;animation:1.6s ease-in forwards fall;position:absolute;top:-20px}.confetti i:nth-child(3n){background:#ffca28}.confetti i:nth-child(3n+1){background:#ec407a}.confetti i:nth-child(3n+2){background:#42a5f5}.survey{max-height:92dvh;overflow:auto}.survey h2{text-align:center}.field{margin:20px 0}.field>b{margin-bottom:9px;display:block}.chips,.scale{flex-wrap:wrap;gap:7px;display:flex}.chips button,.scale button{background:#fff;border:2px solid #ddd;border-radius:12px;padding:10px 12px}.chips button.on,.scale button.on{background:#eee9ff;border-color:#6547d8}.scale button{flex:1}.survey label{font-weight:700;display:block}.survey textarea{resize:vertical;min-height:120px}@keyframes tapshake{0%,to{transform:translate(0)}30%{transform:translate(-2px)}70%{transform:translate(2px)}}@keyframes pop{0%{opacity:0;transform:scale(.6)}}@keyframes tear{50%{transform:translateY(3px)}}@keyframes fall{to{opacity:.9;transform:translateY(105dvh)rotate(620deg)}}@media (width<=560px){.game{padding:12px}.answers{grid-template-columns:1fr}.answer{min-height:82px}.question{min-height:135px;padding:35px 14px 20px}.question h2{font-size:24px}.card{border-radius:20px;padding:22px}}.card select{border:2px solid #ddd;border-radius:14px;width:100%;margin:10px 0;padding:14px}.notice{background:#f4f0ff;border:1px solid #d8cdfd;border-radius:12px;padding:12px}.soft{background:#fff;border:1px solid #bbb;border-radius:9px;margin-top:8px;padding:8px 10px}.timerStage{background:#17152d;border-radius:20px;margin:8px 0 16px;padding:14px 16px;box-shadow:0 10px 30px #17152d33}.timerDial{color:#fff;justify-content:center;align-items:baseline;gap:7px;display:flex}.timerDial span{font-size:28px}.timerDial b{font-size:44px;line-height:1}.timerDial small{opacity:.72;font-size:14px;font-weight:700}.timerBar{background:#3e3a59;border-radius:999px;height:12px;margin-top:10px;overflow:hidden}.timerBar i{background:linear-gradient(90deg,#ff3d57,#ffb02e);height:100%;transition:width 1s linear;display:block}@keyframes shakeOne1{0%,to{transform:translate(0)}40%{transform:translate(-1px)}70%{transform:translate(1px)}}@keyframes shakeOne2{0%,to{transform:translate(0)}30%{transform:translate(-3px)}65%{transform:translate(3px)}}@keyframes shakeOne3{0%,to{transform:translate(0)}25%{transform:translate(-5px)}60%{transform:translate(5px)}}.game.round-1{background:linear-gradient(#f6f2ff 0%,#eee9ff 100%)}.game.round-2{background:linear-gradient(#eefaf6 0%,#e0f6ee 100%)}.game.round-3{background:linear-gradient(#fff5ec 0%,#ffe9d4 100%)}.gameHeader{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;display:grid!important}.roundDots{justify-content:center;gap:14px;display:flex}.roundDots i{background:#c8c8cf;border-radius:50%;width:13px;height:13px;box-shadow:inset 0 0 0 2px #fff8}.roundDots i.done{background:#35c76f}.answer.shake-step-1{animation:.18s cubic-bezier(.4,0,.2,1) electric1}.answer.shake-step-2{animation:.2s cubic-bezier(.4,0,.2,1) electric2}.answer.shake-step-3{animation:.23s cubic-bezier(.4,0,.2,1) electric3}@keyframes electric1{0%,to{transform:translate(0)}30%{transform:translate(-1px,1px)}55%{transform:translate(2px,-1px)}75%{transform:translate(-1px)}}@keyframes electric2{0%,to{transform:translate(0)}18%{transform:translate(-3px,1px)}34%{transform:translate(3px,-2px)}50%{transform:translate(-2px,2px)}68%{transform:translate(3px,-1px)}84%{transform:translate(-1px,1px)}}@keyframes electric3{0%,to{transform:translate(0)}12%{transform:translate(-5px,2px)}24%{transform:translate(5px,-3px)}38%{transform:translate(-4px,3px)}52%{transform:translate(6px,-2px)}68%{transform:translate(-5px,1px)}82%{transform:translate(3px,-1px)}}.confetti i{animation:1.8s ease-out forwards burst;bottom:-18px;top:auto!important}.confetti i:nth-child(2n){left:2%!important}.confetti i:nth-child(odd){left:96%!important}@keyframes burst{0%{opacity:1;transform:translate(0)rotate(0)}35%{transform:translate(var(--dx,0),-42vh) rotate(260deg);opacity:1}to{transform:translate(calc(var(--dx,0)*1.35),-108vh) rotate(720deg);opacity:.2}}.tutorialPage{background:linear-gradient(#5f43df,#35277f);flex-direction:column;gap:18px;min-height:100dvh;padding:18px;display:flex}.tutorialMock{background:#f5f6fa;border-radius:24px;width:100%;max-width:640px;margin:0 auto;padding:16px;box-shadow:0 20px 60px #241b6b55}.coach{align-items:flex-end;gap:12px;width:100%;max-width:640px;margin:0 auto;display:flex}.avatar{background:#fff;border-radius:50%;place-items:center;width:62px;height:62px;font-size:34px;display:grid;box-shadow:0 8px 25px #0002}.bubble{background:#fff;border-radius:20px;flex:1;padding:16px 18px;position:relative;box-shadow:0 8px 25px #0002}.bubble:before{content:"";border:10px solid #0000;border-left-width:0;border-right-color:#fff;position:absolute;bottom:18px;left:-10px}.bubble h3{margin:0 0 6px}.bubble p{color:#555;margin:0;line-height:1.45}.tutorialNav{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;width:100%;max-width:640px;margin:0 auto;display:grid}.tutorialNav .primary,.tutorialNav .soft{border-radius:12px;padding:12px 16px}.stepDots{justify-content:center;gap:8px;display:flex}.stepDots i{background:#9b8be5;border-radius:50%;width:9px;height:9px}.stepDots i.on{background:#fff;transform:scale(1.25)}@media (width<=560px){.roundDots{gap:9px}.roundDots i{width:11px;height:11px}.tutorialMock{padding:12px}.coach{align-items:flex-start}.avatar{width:52px;height:52px;font-size:28px}.tutorialNav{grid-template-columns:1fr 1fr}.stepDots{grid-area:1/1/auto/-1}.tutorialNav button{width:100%}}.tutorialSection{transition:opacity .25s,filter .25s,transform .25s}.tutorialDim{opacity:.24;filter:saturate(.5);transform:scale(.985)}.tutorialFocus{z-index:3;position:relative;transform:scale(1.015);opacity:1!important;filter:none!important}.tutorialFocus:after{content:"";pointer-events:none;border:3px solid #ffe36e;border-radius:18px;position:absolute;inset:-8px;box-shadow:0 0 0 7px #ffe36e2e,0 0 28px #ffe36e73}.tutorialConfidenceLegend{flex-wrap:wrap;justify-content:center;gap:7px;margin:12px 0 2px;display:flex}.tutorialConfidenceLegend span{background:#fff;border:1px solid #ddd;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800}.tutorialLock{margin-top:10px}.tutorialTopbar{color:#fff;justify-content:space-between;align-items:center;width:100%;max-width:640px;margin:0 auto;font-weight:800;display:flex}.skipTutorial{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff24;border:1px solid #ffffff8c;border-radius:999px;padding:9px 14px;font-weight:800}.skipTutorial:hover{background:#ffffff38}.adminHeading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:10px;display:flex}.adminHeading h1{margin:0}.adminLogout{color:#555;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #d8d8df;border-radius:10px;padding:9px 12px;font-weight:800}.adminLogout:hover{background:#f4f4f7}@media (width<=480px){.adminHeading{flex-direction:column;align-items:flex-start}.adminLogout{width:100%}}.scoreBoard{background:#ffffffc2;border:1px solid #2823501a;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin:10px 0 12px;padding:9px 13px;font-weight:800;display:flex;box-shadow:0 5px 15px #1e19460f}.scoreBoard span{color:#555;font-size:13px}.scoreBoard strong{color:#27233f;font-size:21px}.tutorialScore{margin:10px 0}.scoreHint{gap:6px;margin:8px 0 4px;display:grid}.scoreHint span{background:#fff;border-radius:11px;padding:8px 10px;font-size:12px;font-weight:800}html,body,#root{min-height:100dvh}body{overscroll-behavior-y:none;min-height:100svh}.game{width:100%;height:100dvh;min-height:0;padding:max(10px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));grid-template-rows:auto auto auto auto minmax(0,1fr) auto;align-content:start;gap:clamp(6px,1.3dvh,12px);display:grid;overflow-y:auto}.game .scoreBoard{min-height:34px;margin:0;padding:6px 12px}.game .scoreBoard strong{font-size:18px}.game .topProgress{height:clamp(5px,.9dvh,8px);margin:0}.game .timerStage{border-radius:18px;margin:0;padding:clamp(8px,1.4dvh,12px) 16px}.game .timerDial span{font-size:clamp(22px,3.5dvh,28px)}.game .timerDial b{font-size:clamp(34px,6dvh,44px)}.game .timerBar{height:clamp(8px,1.4dvh,12px);margin-top:clamp(6px,1dvh,9px)}.game .question{border-radius:18px;min-height:clamp(76px,14dvh,126px);margin:0;padding:clamp(10px,2dvh,18px)}.game .question h2{font-size:clamp(19px,4.8vw,30px);line-height:1.15}.game .answers{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(7px,1.2dvh,11px);min-height:0}.game .answer{border-radius:15px;gap:9px;min-height:clamp(54px,9.5dvh,92px);padding:clamp(9px,1.5dvh,14px);font-size:clamp(15px,3.8vw,18px);line-height:1.15}.game .answer b{flex:none;font-size:clamp(19px,4vw,24px)}.game .lock{min-height:48px;margin:0;padding:clamp(12px,2dvh,16px);font-size:clamp(15px,4vw,18px)}.answerFeedback{z-index:35;text-align:left;background:#fffffff7;border:2px solid #d8d8df;border-radius:17px;justify-content:center;align-items:center;gap:12px;width:min(100% - 28px,520px);padding:12px 16px;animation:.25s pop;display:flex;position:fixed;top:clamp(118px,24dvh,210px);left:50%;transform:translate(-50%);box-shadow:0 12px 40px #17152d55}.answerFeedback.correct{color:#176a37;border-color:#35c76f}.answerFeedback.wrong{border-color:#ef9a9a}.answerFeedback .feedbackIcon{color:#16813d;background:#e7f8ed;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-size:25px;font-weight:950;display:grid}.answerFeedback.wrong .feedbackIcon{background:#fff0f0;font-size:27px}.answerFeedback p{color:#4d4d56;margin:3px 0 0;font-size:clamp(13px,3.6vw,16px);line-height:1.3}.tutorialPage{height:100dvh;min-height:0;padding:max(10px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));gap:clamp(8px,1.5dvh,16px);overflow:hidden}.tutorialMock{min-height:0;padding:clamp(9px,1.5dvh,14px);overflow:hidden}.tutorialPage .gameHeader{font-size:clamp(12px,3vw,16px)}.tutorialPage .topProgress{margin:7px 0 10px}.tutorialPage .scoreBoard{margin:6px 0;padding:6px 10px}.tutorialPage .timerStage{margin:5px 0 8px;padding:8px 12px}.tutorialPage .timerDial b{font-size:clamp(30px,5dvh,40px)}.tutorialPage .timerBar{height:8px;margin-top:6px}.tutorialPage .question{min-height:clamp(55px,8dvh,80px);margin-bottom:8px;padding:8px}.tutorialPage .question h2{font-size:clamp(17px,4vw,23px)}.tutorialPage .answers{gap:7px}.tutorialPage .answer{min-height:clamp(48px,7dvh,68px);padding:8px 10px;font-size:clamp(13px,3.3vw,16px)}.coach{flex:none;align-items:center}.avatar{flex:none;width:clamp(44px,7dvh,58px);height:clamp(44px,7dvh,58px);font-size:clamp(24px,4dvh,32px)}.bubble{padding:clamp(10px,1.8dvh,15px) clamp(12px,3vw,18px)}.bubble h3{margin-bottom:3px;font-size:clamp(16px,4vw,20px)}.bubble p{font-size:clamp(13px,3.4vw,16px);line-height:1.3}.tutorialNav{padding-bottom:env(safe-area-inset-bottom);flex:none}.tutorialNav .primary,.tutorialNav .soft{min-height:42px;margin:0;padding:9px 13px}@media (width<=560px){.game{padding-left:max(9px,env(safe-area-inset-left));padding-right:max(9px,env(safe-area-inset-right))}.game .answers{grid-template-columns:repeat(2,minmax(0,1fr))}.game .answer{min-height:54px}.game .question{min-height:74px;padding:9px 12px}.game .question h2{font-size:clamp(18px,5.5vw,23px)}.answerFeedback{top:clamp(104px,22dvh,180px)}.tutorialPage .answers{grid-template-columns:1fr}.tutorialPage .answer{min-height:46px}.tutorialNav{grid-template-columns:1fr 1fr}.stepDots{grid-area:1/1/auto/-1}}@media (height<=900px){.tutorialPage .tutorialDim,.tutorialPage .question{display:none}.tutorialPage.tutorial-answer .question,.tutorialPage.tutorial-confidence .question{display:grid}.tutorialMock{flex-direction:column;justify-content:center;display:flex}.tutorialFocus{transform:none}.tutorialFocus:after{inset:-5px}}@media (height<=680px){.game{gap:5px}.game .gameHeader{font-size:12px}.game .scoreBoard{min-height:28px;padding:3px 9px}.game .timerStage{padding:6px 12px}.game .timerDial b{font-size:31px}.game .timerBar{height:7px;margin-top:4px}.game .question{min-height:62px}.game .question h2{font-size:clamp(17px,5vw,21px)}.game .answer{min-height:48px;padding:7px 8px;font-size:14px;box-shadow:0 3px #c9c9d0}.game .lock{min-height:43px;padding:9px}.tutorialPage{padding-top:max(7px,env(safe-area-inset-top));padding-bottom:max(7px,env(safe-area-inset-bottom));gap:6px}.tutorialTopbar{font-size:13px}.skipTutorial{padding:7px 11px}.coach{gap:8px}.avatar{width:42px;height:42px;font-size:23px}.bubble{padding:8px 10px}.bubble p{font-size:12px}.tutorialNav .primary,.tutorialNav .soft{min-height:38px;padding:7px 10px}}@media (height<=520px){.game{height:auto;min-height:100dvh;overflow-y:auto}}.roundIntro{height:100dvh;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));text-align:center;place-items:center;display:grid;overflow:hidden}.roundIntro>div{color:#2b2450;text-transform:uppercase;letter-spacing:.08em;place-items:center;gap:clamp(8px,2dvh,18px);font-weight:950;display:grid}.roundIntro span{font-size:clamp(26px,7vw,54px)}.roundIntro small{letter-spacing:.2em;font-size:clamp(13px,3vw,19px)}.roundIntro strong{font-size:clamp(76px,24vw,150px);line-height:1;animation:.68s ease-out countBeat}.loadingPulse{border:4px solid #2b245044;border-top-color:#2b2450;border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}@keyframes countBeat{0%{opacity:.15;transform:scale(.45)}45%{transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}.timerDial b{position:relative}.timerDial b>i{font:inherit;color:#ff596c;pointer-events:none;z-index:0;font-style:normal;animation:.92s ease-out forwards timerGhost;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.timerDial b{z-index:1}.timerDial.urgent b{color:#ffedf0;text-shadow:0 0 14px #ff3d5788}@keyframes timerGhost{0%{opacity:.9;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(2.45)}}.confetti{pointer-events:none;z-index:30;contain:strict;position:fixed;inset:0;overflow:hidden}.confetti i,.confetti i:nth-child(n){will-change:transform,opacity;border-radius:2px;left:var(--origin-x)!important;animation-name:absorbParticle!important;animation-timing-function:cubic-bezier(.18,.62,.28,1)!important;animation-fill-mode:forwards!important;position:absolute!important;top:auto!important}@keyframes absorbParticle{0%{opacity:1;transform:translate(0,0)rotate(0)}48%{transform:translate3d(var(--apex-x),var(--apex-y),0) rotate(var(--rotation-mid));opacity:1}72%{opacity:1}to{transform:translate3d(var(--target-x),var(--target-y),0) rotate(var(--rotation)) scale(.18);opacity:0}}.scoreBoard.scorePulse{animation:.26s ease-out scoreAbsorb}@keyframes scoreAbsorb{0%,to{transform:scale(1)}45%{transform:scale(1.07);box-shadow:0 5px 22px #6949df57}}.answerFeedback.timeout{border-color:#ffb02e}.answerFeedback.timeout .feedbackIcon{background:#fff4dc}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}.answer,.tutorialSection,.timerBar i,.fill{transition:none!important}.answer.shake-step-1,.answer.shake-step-2,.answer.shake-step-3,.roundIntro strong,.timerDial b>i,.scoreBoard.scorePulse{animation:none!important}.confetti{display:none!important}.loadingPulse{animation-duration:1.5s}}.companionLayer{z-index:12;right:clamp(-18px,1vw,18px);bottom:max(62px,calc(env(safe-area-inset-bottom) + 54px));pointer-events:none;contain:strict;opacity:.9;filter:drop-shadow(0 10px 14px #22155b33);width:clamp(96px,15vw,210px);height:clamp(142px,29dvh,310px);position:fixed;overflow:hidden}.companionLayer canvas{display:block;pointer-events:none!important;background:0 0!important;width:100%!important;height:100%!important}.game .answers,.game .lock,.game .scoreBoard,.game .timerStage,.tutorialTopbar,.tutorialMock,.coach,.tutorialNav{z-index:13;position:relative}@media (width<=560px){.companionLayer{opacity:.82;width:clamp(96px,28vw,122px);height:clamp(142px,25dvh,180px);right:-18px}}@media (height<=680px){.companionLayer{bottom:max(55px,calc(env(safe-area-inset-bottom) + 48px));width:92px;height:132px;right:-20px}}@media (prefers-reduced-motion:reduce){.companionLayer{opacity:.76}}:root{--game-bg:#020817;--panel-bg:#06182d;--panel-bg-2:#082443;--panel-border:#0c5ca8;--panel-bright:#1685df;--text-primary:#f7f3e9;--text-secondary:#c9d3df;--gold:#ffbf22;--success:#8bd52a;--danger:#e34242}.game,.game.round-1,.game.round-2,.game.round-3{background:radial-gradient(circle at 50% 26%,#0a2b50 0,#031225 43%,var(--game-bg) 100%);max-width:760px;color:var(--text-primary);grid-template-rows:auto auto auto auto minmax(108px,1fr) auto auto;gap:clamp(5px,1.1dvh,10px)}.gameHeader{color:#fff;text-shadow:0 2px 7px #000;font-size:clamp(12px,3vw,16px)}.roundDots i{background:#06162a;border:2px solid #205581;box-shadow:inset 0 0 0 2px #03101f}.roundDots i.done{background:var(--success);border-color:#b9ff56;box-shadow:0 0 12px #8bd52a99}.game .scoreBoard{border:1px solid var(--panel-bright);color:#fff;background:linear-gradient(135deg,#071a31,#09284a);box-shadow:inset 0 0 18px #147bcc20,0 5px 16px #0008}.game .scoreBoard span{color:var(--text-secondary)}.gameScoreHud svg{width:20px;height:20px;fill:var(--gold);filter:drop-shadow(0 0 5px #ffbf2266)}.scoreLabel,.scoreValue{align-items:center;gap:7px;display:flex}.game .gameScoreHud .scoreValue strong{color:#fff;font-size:20px}.game .gameScoreHud .scoreLabel b{color:var(--text-primary)}.game .topProgress{background:#07182d;border:1px solid #173c61}.game .topProgress i{background:linear-gradient(90deg,#7254db,#aa7cff);box-shadow:0 0 10px #8d6cf3}.game .timerStage{border:1px solid var(--panel-border);background:linear-gradient(#071a31,#061326);box-shadow:inset 0 0 20px #0b6db82c,0 8px 22px #0007}.timerIcon{place-items:center;display:grid!important}.timerIcon svg{fill:#43b3ff;filter:drop-shadow(0 0 6px #1685df);width:27px;height:27px}.game .timerBar{background:#03101f;border:1px solid #17466f}.game .timerBar i{background:linear-gradient(90deg,#e63c56,#ffbf22);box-shadow:0 0 10px #ff9f43}.challengeStage{isolation:isolate;background-image:linear-gradient(90deg,#01081414,#0108144d),var(--stage-background);background-position:50% 67%;background-size:cover;border:1px solid #1476bf;border-radius:18px;grid-template-columns:minmax(88px,32%) 1fr;min-height:clamp(108px,23dvh,225px);display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 35px #020817,0 10px 25px #0009}.stageEnvironment{z-index:0;pointer-events:none;background:linear-gradient(#0411241f,#0208171f 52%,#020817bf);position:absolute;inset:0}.stageCompanion{z-index:2;align-self:stretch;min-width:0;position:relative;overflow:hidden}.stageQuestion{z-index:3;text-align:center;place-items:center;padding:clamp(10px,2.2vw,22px);display:grid;position:relative}.stageQuestion h2{color:var(--text-primary);text-wrap:balance;text-shadow:0 2px 4px #000,0 0 18px #00152d;margin:0;font-size:clamp(17px,4.6vw,30px);line-height:1.14}.stageQuestion p{color:#dbeeff;font-weight:800}.stageLoadingOrb{border:3px solid #58b8ff44;border-top-color:#66c5ff;border-radius:50%;width:27px;height:27px;animation:.8s linear infinite spin}.companionLayer,.companionLayer-stage,.companionLayer-tutorial{filter:drop-shadow(0 10px 11px #0009);pointer-events:none;width:100%;height:100%;bottom:auto;right:auto;overflow:hidden;z-index:auto!important;opacity:1!important;position:relative!important;inset:auto!important}.companionLayer canvas{width:100%!important;height:100%!important}.companionLayer-stage{min-height:100%}.game .answers{gap:clamp(7px,1.2dvh,11px)}.game .answer{color:var(--text-primary);background:linear-gradient(#0a2747,#06182e);border:1px solid #136aad;font-weight:800;box-shadow:inset 0 0 16px #1486df1f,0 4px #03101e}.game .answer:hover:not(:disabled){background:#0c3158;border-color:#4eb7ff}.game .answer:disabled{cursor:default}.game .answer.chosen{border-color:#7dc8ff;box-shadow:inset 0 0 18px #1c8de552,0 0 12px #1685df55}.game .answer>b{color:var(--gold);text-shadow:0 0 7px #ffbf2266}.game .fill.yellow{background:#b58217cc}.game .fill.orange{background:#b55b18cc}.game .fill.green{background:#2c841fd9}.game .answerPlaceholder{opacity:.42}.game .answerPlaceholder span{color:#8da0b4}.game .lock{color:#8193a7;background:#071426;border:1px solid #1b3957;box-shadow:inset 0 0 14px #0008}.game .lock.ready{color:#f8fff0;background:linear-gradient(#246d24,#174d1c);border-color:#87d548;box-shadow:0 0 15px #70bd3855,inset 0 0 13px #a7ec372d}.game .lock .danger{background:linear-gradient(90deg,#a81d2d,#e34242)}.answerFeedback{color:var(--text-primary);background:#06182df5;border-color:#1685df;box-shadow:0 15px 45px #000b}.answerFeedback p{color:#d6deea}.answerFeedback.correct{color:#dfffbe;background:#0b2c21f5}.answerFeedback.wrong,.answerFeedback.timeout{background:#27151af5}.roundIntro{background:radial-gradient(circle,#0b3561,#020817 70%)}.roundIntro>div{color:#f5f0e6;text-shadow:0 0 20px #1685df}.loadingPulse{border-color:#67bfff #67bfff44 #67bfff44}.confidenceTutorial{height:100dvh;min-height:0;padding:max(10px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));color:var(--text-primary);background:radial-gradient(circle at 50% 15%,#0b3a6d,#031326 48%,#020817);grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(8px,1.5dvh,15px);display:grid;overflow:hidden}.confidenceTutorial>header,.confidenceTutorial>nav,.tutorialLesson{width:min(100%,680px);margin:auto}.confidenceTutorial>header{justify-content:space-between;align-items:center;display:flex}.confidenceTutorial>header b{font-size:clamp(16px,4vw,21px)}.confidenceTutorial button{color:#f7f3e9;cursor:pointer;background:#08233f;border:1px solid #2a76ad;border-radius:12px;padding:10px 14px;font-weight:850}.confidenceTutorial button:hover:not(:disabled){background:#0c3158;border-color:#70c7ff}.confidenceTutorial button:disabled{opacity:.42;cursor:default}.tutorialLesson{background:linear-gradient(135deg,#06172c,#082746);border:1px solid #116bb0;border-radius:22px;grid-template-columns:minmax(105px,30%) 1fr;min-height:0;display:grid;overflow:hidden;box-shadow:0 18px 45px #0009}.tutorialPresenter{background:radial-gradient(circle at 50% 55%,#165b8a55,#0000 60%);min-height:0;position:relative}.tutorialPresenter .companionLayer{position:absolute!important;inset:clamp(42px,8dvh,70px) 0 0!important}.tutorialContextIcon{z-index:2;background:#0b3157;border:1px solid #38a4eb;border-radius:50%;place-items:center;width:44px;height:44px;font-size:25px;display:grid;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 0 15px #1685df66}.tutorialSpeech{min-height:0;padding:clamp(14px,3vw,25px);overflow:auto}.tutorialSpeech h2{color:#fff;text-wrap:balance;margin:0 0 8px;font-size:clamp(19px,4.5vw,30px)}.tutorialSpeech p{color:var(--text-secondary);margin:7px 0;line-height:1.42}.tutorialPractice h3{margin:12px 0 9px;font-size:clamp(15px,3.6vw,20px)}.tutorialAnswerGrid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.tutorialAnswerGrid button{text-align:center;min-height:48px;position:relative;overflow:visible}.tutorialAnswerGrid button>span{z-index:2;position:relative}.tutorialAnswerGrid button.chosen{border-color:#73c9ff;box-shadow:0 0 10px #1685df66}.tutorialFill{background:linear-gradient(90deg,#2c7c25,#74b82c);border-radius:10px;transition:width .25s;inset:0 auto 0 0;z-index:1!important;position:absolute!important}.tapHand{z-index:4;filter:drop-shadow(0 2px 3px #000);font-size:29px;font-style:normal;animation:1.2s ease-in-out infinite tutorialTap;position:absolute;bottom:-12px;right:-7px}.tapHand.demo{bottom:-17px;right:5px}.confidenceDemo{place-items:center;gap:10px;margin-top:14px;display:grid}.confidenceDemo button{width:min(100%,280px);min-height:60px;position:relative;overflow:hidden}.confidenceDemo button span{background:linear-gradient(90deg,#a17712,#3e962a);transition:width .4s;position:absolute;inset:0 auto 0 0}.confidenceDemo button b{z-index:2;position:relative}.confidenceDemo>strong,.practiceState{color:#fff;text-align:center}.slowConfidence{text-align:center;gap:11px;margin-top:18px;display:grid}.confidenceMeter{background:#020b17;border:1px solid #266390;border-radius:999px;height:18px;overflow:hidden}.confidenceMeter span{background:linear-gradient(90deg,#e4ad24,#77c232);height:100%;transition:width .5s;display:block}.slowConfidence small{color:#a8e971;font-weight:900}.tutorialCallout{color:#ffe08b;text-align:center;background:#6b4b102e;border:1px solid #d5a323;border-radius:12px;margin-top:12px;padding:11px;font-weight:850}.tutorialCheck{grid-template-columns:1fr auto auto;align-items:center;gap:9px;margin-top:15px;display:grid}.tutorialCheck button.on{background:#23782b;border-color:#9ade4c}.confidenceTutorial>nav{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;display:grid}.confidenceTutorial .stepDots i{background:#244a6d}.confidenceTutorial .stepDots i.on{background:#6fc7ff;box-shadow:0 0 8px #50b9ff}@keyframes tutorialTap{0%,to{transform:translateY(5px)}50%{transform:translateY(-5px)}}@media (width<=520px){.challengeStage{background-position:50% 68%;grid-template-columns:minmax(84px,31%) 1fr}.game{grid-template-rows:auto auto auto auto minmax(104px,1fr) auto auto}.tutorialLesson{grid-template-columns:minmax(88px,25%) 1fr}.tutorialSpeech{padding:12px}.tutorialAnswerGrid{gap:6px}.tutorialAnswerGrid button{padding:8px;font-size:13px}.confidenceTutorial>nav button{padding:9px 10px}.tutorialContextIcon{width:38px;height:38px;font-size:21px}.tutorialPresenter .companionLayer{inset:38px 0 0!important}}@media (height<=680px){.challengeStage{min-height:94px}.stageQuestion h2{font-size:clamp(16px,4vw,22px)}.tutorialSpeech p{font-size:13px;line-height:1.3}.tutorialSpeech h2{font-size:19px}.tutorialPractice h3{margin:7px 0}.tutorialAnswerGrid button{min-height:38px;padding:6px}.tutorialCallout{margin-top:7px;padding:7px}.confidenceDemo{margin-top:7px}.slowConfidence{gap:6px;margin-top:8px}.confidenceTutorial{gap:6px}}@media (height<=520px){.confidenceTutorial{height:auto;min-height:100dvh;overflow:auto}.tutorialLesson{min-height:420px}}@media (prefers-reduced-motion:reduce){.tapHand,.stageLoadingOrb{animation:none!important}.confidenceMeter span,.tutorialFill,.confidenceDemo button span{transition:none!important}.companionLayer{opacity:1!important}}