*{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}