@font-face{font-family:Unbounded;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/unbounded-latin-600-normal-oRSANpZr.woff2) format("woff2"),url(/assets/unbounded-latin-600-normal-BPdB_PEv.woff) format("woff")}@font-face{font-family:Unbounded;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/unbounded-latin-700-normal-CaoNriVp.woff2) format("woff2"),url(/assets/unbounded-latin-700-normal-CZtriu5h.woff) format("woff")}@font-face{font-family:Unbounded;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/unbounded-latin-800-normal-CN2Hxyoo.woff2) format("woff2"),url(/assets/unbounded-latin-800-normal-Cjred_zf.woff) format("woff")}@font-face{font-family:Unbounded;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/unbounded-latin-900-normal-DrIEwloP.woff2) format("woff2"),url(/assets/unbounded-latin-900-normal-4cp7xOrc.woff) format("woff")}@font-face{font-family:Hanken Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/hanken-grotesk-latin-400-normal-BG6hkEXj.woff2) format("woff2"),url(/assets/hanken-grotesk-latin-400-normal-CjyVwvJV.woff) format("woff")}@font-face{font-family:Hanken Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/hanken-grotesk-latin-500-normal-DrDcrrxK.woff2) format("woff2"),url(/assets/hanken-grotesk-latin-500-normal-Bo-NxEKf.woff) format("woff")}@font-face{font-family:Hanken Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/hanken-grotesk-latin-600-normal-CIXX6EOa.woff2) format("woff2"),url(/assets/hanken-grotesk-latin-600-normal-NEn2C4Q3.woff) format("woff")}@font-face{font-family:Hanken Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/hanken-grotesk-latin-700-normal-CeQ8H3UY.woff2) format("woff2"),url(/assets/hanken-grotesk-latin-700-normal-6IGCzoPh.woff) format("woff")}@font-face{font-family:Hanken Grotesk;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/hanken-grotesk-latin-800-normal-KQ5tvtTT.woff2) format("woff2"),url(/assets/hanken-grotesk-latin-800-normal-BTy3IUcF.woff) format("woff")}@font-face{font-family:Hanken Grotesk;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/hanken-grotesk-latin-900-normal-DPe31O5t.woff2) format("woff2"),url(/assets/hanken-grotesk-latin-900-normal-Biw0gdBk.woff) format("woff")}:root{--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px);--sar: env(safe-area-inset-right, 0px);--you: #F5A623;--you-soft: rgba(245,166,35,.16);--rival: #38E1D6;--rival-soft: rgba(56,225,214,.16);--win: #FFD700;--arena-edge: rgba(140,170,220,.14)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:Hanken Grotesk,system-ui,sans-serif;font-feature-settings:"ss01";transition:background .3s ease,color .3s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;text-size-adjust:100%}input,textarea{font-family:Hanken Grotesk,system-ui,sans-serif}button{outline:none;font-family:Hanken Grotesk,system-ui,sans-serif}::-webkit-scrollbar{width:0;height:0}.font-display{font-family:Unbounded,Hanken Grotesk,sans-serif}.tnum{font-variant-numeric:tabular-nums;letter-spacing:-.01em}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;opacity:.035;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}@keyframes arena-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.arena-rise{animation:arena-rise .5s cubic-bezier(.2,.7,.2,1) both}@keyframes arena-pulse{0%,to{opacity:.55}50%{opacity:.9}}.arena-pulse{animation:arena-pulse 4.5s ease-in-out infinite}.arena-cta{transition:transform .12s cubic-bezier(.2,.7,.2,1),box-shadow .2s ease}.arena-cta:active{transform:translateY(1px) scale(.985);box-shadow:0 4px 12px #f5a6234d}@media (prefers-reduced-motion: reduce){.arena-rise,.arena-pulse{animation:none!important}.arena-cta:active{transform:none}*{scroll-behavior:auto!important}}[style*="overflow-y: auto"],[style*="overflow-y: scroll"],[style*="overflow: auto"],[style*="overflow: scroll"],[style*="overflow-x: auto"],[style*="overflow-x: scroll"],.scroll-smooth,.scroll-smooth-x{-webkit-overflow-scrolling:touch}.scroll-smooth{overflow-y:auto}.scroll-smooth-x{overflow-x:auto}.opt-pressed{transform:scale(.96)}@media (max-width: 768px){input:focus,textarea:focus{scroll-margin-bottom:env(safe-area-inset-bottom,0px)}}.fade-in{animation:fadeIn .35s ease}.slide-up{animation:slideUp .35s cubic-bezier(.22,1,.36,1)}.bounce-in{animation:bounceIn .5s cubic-bezier(.22,1,.36,1)}.pulse-text{animation:pulseColor 1.2s ease infinite}.spinner{animation:spin .75s linear infinite}.timer-shake{animation:timerUrg .4s ease infinite}.screen-shake{animation:screenShake .4s ease}.correct-flash{animation:correctFlash .5s ease}.wrong-flash{animation:wrongFlash .4s ease}.opt-correct-anim{animation:optBounce .45s ease-out}.opt-wrong-anim{animation:optShake .4s ease-out}.score-pop{animation:scorePop .6s cubic-bezier(.22,1,.36,1)}.glow-pulse{animation:glowPulse 2s ease infinite}.timer-pulse{animation:timerPulse .6s ease-in-out infinite}.timer-svg-ring{transition:stroke-dashoffset 1s linear,stroke .5s ease}.dot{width:9px;height:9px;border-radius:50%;animation:dotB .85s ease infinite}.opt-ripple{transition:transform .15s ease,background .15s ease,border-color .2s ease}.opt-ripple:not([disabled]):hover{transform:translate(4px);background:#ffffff12!important}.topic-card:hover .play-overlay{opacity:1!important}.topic-card button:hover{transform:scale(1.04)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes pulseColor{0%,to{opacity:1}50%{opacity:.4}}@keyframes dotB{0%,to{transform:translateY(0);opacity:.3}50%{transform:translateY(-7px);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bounceIn{0%{transform:scale(0)}55%{transform:scale(1.2)}78%{transform:scale(.95)}to{transform:scale(1)}}@keyframes timerUrg{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes screenShake{0%,to{transform:translate(0)}15%{transform:translate(-6px)}30%{transform:translate(5px)}45%{transform:translate(-4px)}60%{transform:translate(3px)}75%{transform:translate(-1px)}}@keyframes correctFlash{0%{box-shadow:0 0 #46e2a699}50%{box-shadow:0 0 30px 10px #46e2a633}to{box-shadow:none}}@keyframes wrongFlash{0%{box-shadow:0 0 #ff577599}50%{box-shadow:0 0 30px 10px #ff577533}to{box-shadow:none}}@keyframes scorePop{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}@keyframes glowPulse{0%,to{filter:drop-shadow(0 0 4px currentColor)}50%{filter:drop-shadow(0 0 12px currentColor)}}@keyframes optBounce{0%{transform:scale(1)}30%{transform:scale(1.06)}50%{transform:scale(.97)}70%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes optShake{0%,to{transform:translate(0)}15%{transform:translate(-6px)}30%{transform:translate(5px)}45%{transform:translate(-4px)}60%{transform:translate(3px)}75%{transform:translate(-2px)}}@keyframes timerPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.12);opacity:.85}}@keyframes streak-fire-glow{0%,to{box-shadow:0 0 8px #ff8c0066,0 0 16px #ff8c0033}50%{box-shadow:0 0 14px #ff8c0099,0 0 28px #ff8c004d}}@keyframes floatUp{0%{opacity:1;transform:translateY(0) scale(.8)}30%{opacity:1;transform:translateY(-20px) scale(1.1)}to{opacity:0;transform:translateY(-70px) scale(.9)}}@keyframes floatUpPay{0%{opacity:0;transform:translateY(8px) scale(.5)}16%{opacity:1;transform:translateY(-6px) scale(1.25)}32%{transform:translateY(-14px) scale(1)}to{opacity:0;transform:translateY(-92px) scale(.95)}}@keyframes emoteSlam{0%{opacity:0;transform:scale(0) rotate(10deg)}10%{opacity:1;transform:scale(1.3) rotate(-7deg)}18%{transform:scale(.94) rotate(5deg)}26%{transform:scale(1.08) rotate(-3deg)}34%{transform:scale(1) rotate(0)}84%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.7) translateY(-10px)}}@keyframes comboPulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.combo-badge{animation:comboPulse .5s ease}@keyframes pageIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:pageIn .3s ease-out}.press-effect:active{transform:scale(.96)!important;transition:transform .1s!important}@keyframes rankSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.rank-enter{animation:rankSlideIn .3s ease-out both}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes victory-scale{0%{transform:scale(0);opacity:0}60%{transform:scale(1.3);opacity:1}80%{transform:scale(.9)}to{transform:scale(1)}}@keyframes victory-glow{0%,to{box-shadow:0 0 20px #ffd7004d}50%{box-shadow:0 0 60px #ffd70099,0 0 100px #ffd7004d}}@keyframes elo-count-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes victory-flash{0%{opacity:.8}to{opacity:0}}@keyframes score-reveal{0%{transform:scale(.5) rotateX(90deg);opacity:0}50%{transform:scale(1.1) rotateX(-10deg);opacity:1}to{transform:scale(1) rotateX(0);opacity:1}}@keyframes defeat-shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes sparkle{0%,to{opacity:0;transform:scale(0) rotate(0)}50%{opacity:1;transform:scale(1) rotate(180deg)}}@keyframes stat-slide-in{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes combo-pop{0%{transform:scale(0) rotate(-10deg);opacity:0}60%{transform:scale(1.3) rotate(5deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes combo-fire{0%,to{text-shadow:0 0 10px #FF8C00,0 0 20px #FF8C00}50%{text-shadow:0 0 20px #FFD700,0 0 40px #FF8C00,0 0 60px #FF8C00}}@keyframes combo-golden-pulse{0%,to{box-shadow:0 0 10px #ffd7004d}50%{box-shadow:0 0 30px #ffd70099,0 0 60px #ffd7004d}}@keyframes glass-enter{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes glass-press{0%{transform:scale(1)}50%{transform:scale(.96)}to{transform:scale(1)}}@keyframes glass-ripple{0%{transform:scale(0);opacity:.5}to{transform:scale(2.5);opacity:0}}.glass-option:not([disabled]):hover .glass-reflet{background-position:-50% 0!important}.glass-option:not([disabled]):hover{transform:translate(3px)}@keyframes winFlash{0%{opacity:0}22%{opacity:1}to{opacity:0}}@keyframes comboCallout{0%{opacity:0;transform:translate(-50%) scale(.5) translateY(12px)}20%{opacity:1;transform:translate(-50%) scale(1.12) translateY(0)}78%{opacity:1;transform:translate(-50%) scale(1) translateY(0)}to{opacity:0;transform:translate(-50%) scale(1) translateY(-10px)}}.win-overlay{animation:winFlash .85s ease-out both}.combo-callout{animation:comboCallout 1.15s ease-out both}@keyframes bellRing{0%,38%,to{transform:rotate(0)}4%{transform:rotate(15deg)}10%{transform:rotate(-13deg)}16%{transform:rotate(10deg)}22%{transform:rotate(-7deg)}28%{transform:rotate(4deg)}33%{transform:rotate(0)}}.bell-ring{animation:bellRing 2.8s ease-in-out infinite;transform-origin:50% 12%}@keyframes streakDanger{0%,to{opacity:.55;transform:scale(.94)}50%{opacity:1;transform:scale(1.06)}}.streak-danger-flame{animation:streakDanger 1.3s ease-in-out infinite}@keyframes vsSlideL{0%{opacity:0;transform:translate(-110px)}to{opacity:1;transform:translate(0)}}@keyframes vsSlideR{0%{opacity:0;transform:translate(110px)}to{opacity:1;transform:translate(0)}}.vs-slide-l{animation:vsSlideL .45s cubic-bezier(.22,1,.36,1) both}.vs-slide-r{animation:vsSlideR .45s cubic-bezier(.22,1,.36,1) both;animation-delay:.08s}@keyframes countPop{0%{opacity:0;transform:scale(1.5)}25%{opacity:1;transform:scale(1)}85%{opacity:1;transform:scale(1)}to{opacity:.85;transform:scale(.96)}}.count-pop{animation:countPop .55s cubic-bezier(.22,1,.36,1) both}.eclat-ring{position:absolute;left:-30px;top:-30px;width:60px;height:60px;border-radius:50%;border:3px solid #FFD700;opacity:0;animation:eclatRing .6s ease-out forwards}@keyframes eclatRing{0%{transform:scale(.3);opacity:0}25%{opacity:.85}to{transform:scale(3.4);opacity:0}}.eclat-spark{position:absolute;width:7px;height:7px;border-radius:50%;opacity:0;animation:eclatSpark .7s ease-out forwards}@keyframes eclatSpark{0%{transform:translate(0) scale(1);opacity:0}15%{opacity:1}30%{transform:translate(var(--dx),var(--dy)) scale(1);opacity:1}to{transform:translate(calc(var(--dx)*1.5),calc(var(--dy)*1.5)) scale(0);opacity:0}}@keyframes brCurtain{0%{opacity:0}8%{opacity:1}82%{opacity:1}to{opacity:0}}.br-curtain{animation:brCurtain 2.4s ease-out both}@keyframes trophyPop{0%{transform:scale(.3);opacity:0}55%{transform:scale(1.15);opacity:1}75%{transform:scale(.94)}to{transform:scale(1)}}.trophy-pop{animation:trophyPop .7s cubic-bezier(.2,.9,.3,1.3) both}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}