*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-family:Inter,sans-serif;margin:0;padding:0;overflow:hidden;background-color:#020617;-webkit-user-select:none;user-select:none;touch-action:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.font-game{font-family:Bungee,cursive}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#f973164d;border-radius:9999px}.touch-target{min-height:44px;min-width:44px}.h-dvh{height:100vh;height:100dvh}.text-fluid-xs{font-size:clamp(.625rem,1.5vw,.75rem)}.text-fluid-sm{font-size:clamp(.75rem,2vw,.875rem)}.text-fluid-base{font-size:clamp(.875rem,2.5vw,1rem)}.text-fluid-lg{font-size:clamp(1rem,3vw,1.25rem)}.text-fluid-xl{font-size:clamp(1.25rem,4vw,1.75rem)}.text-fluid-2xl{font-size:clamp(1.75rem,5vw,2.5rem)}.text-fluid-3xl{font-size:clamp(2rem,6vw,3.5rem)}.text-countdown{font-size:clamp(5rem,20vw,12rem)}@media(max-width:374px){.glass-panel{padding:12px!important}.btn-premium{padding:10px 16px!important;font-size:11px!important}}@media(min-width:375px)and (max-width:428px){.glass-panel{padding:14px}}@media(min-width:429px)and (max-width:768px){.glass-panel{padding:20px}}@media(min-width:769px)and (max-width:1024px){.glass-panel{max-width:480px;margin:0 auto}}@media(max-height:600px){.countdown-section{transform:scale(.7)}}@media(min-height:800px)and (max-width:428px){.start-screen-spacing{gap:1rem}}@keyframes meshGradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.mesh-gradient-bg{background:linear-gradient(135deg,#020617,#0f172a,#0d1225,#12082a,#020617);background-size:400% 400%;animation:meshGradientMove 18s ease infinite}@keyframes floatingBlobs{0%,to{transform:translate(0) scale(1)}33%{transform:translate(45px,-55px) scale(1.12)}66%{transform:translate(-35px,25px) scale(.92)}}.floating-blob{animation:floatingBlobs 14s ease-in-out infinite;will-change:transform}.text-gradient-orange{background:linear-gradient(135deg,#fb923c,#f97316 45%,#dc2626);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-indigo{background:linear-gradient(135deg,#818cf8,#6366f1,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-rainbow{background:linear-gradient(90deg,#f97316,#a855f7,#6366f1,#10b981,#f97316);background-size:250% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:meshGradientMove 4s linear infinite}.text-gradient-emerald{background:linear-gradient(135deg,#34d399,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-panel{background:#0f172a80;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px -8px #000000b3,inset 0 1px #ffffff0d;transition:border-color .4s ease,box-shadow .4s ease}.glass-panel-dark{background:#020617a6;backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);border:1px solid rgba(255,255,255,.06);box-shadow:0 12px 40px -10px #000c,inset 0 1px #ffffff0a}@keyframes borderShimmer{0%,to{border-color:#ffffff14}50%{border-color:#f9731638}}.glass-panel-animated{animation:borderShimmer 9s infinite ease-in-out}.glass-card-glow-indigo{box-shadow:0 0 40px #6366f11f,inset 0 0 20px #6366f10a;border:1px solid rgba(99,102,241,.22)}.glass-card-glow-indigo:hover{box-shadow:0 0 55px #6366f138,inset 0 0 25px #6366f112;border-color:#6366f161}.glass-card-glow-orange{box-shadow:0 0 40px #f973161f,inset 0 0 20px #f973160a;border:1px solid rgba(249,115,22,.22)}.glass-card-glow-orange:hover{box-shadow:0 0 55px #f9731638,inset 0 0 25px #f9731612;border-color:#f9731661}.glass-card-glow-emerald{box-shadow:0 0 40px #10b9811f,inset 0 0 20px #10b9810a;border:1px solid rgba(16,185,129,.22)}.glass-card-glow-emerald:hover{box-shadow:0 0 55px #10b98138,inset 0 0 25px #10b98112;border-color:#10b98161}.btn-premium{position:relative;overflow:hidden;font-family:Bungee,cursive;text-transform:uppercase;letter-spacing:1px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .18s cubic-bezier(.25,.8,.25,1.2)}.btn-premium:before{content:"";position:absolute;top:-50%;left:-75%;width:50%;height:200%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transform:skew(-15deg);transition:left .5s ease}.btn-premium:hover:before{left:125%}.btn-premium:hover{transform:translateY(-2px)}.btn-premium:active{transform:translateY(1px)}.btn-premium-orange{background:linear-gradient(135deg,#1e1b29e6,#14121ef2)!important;border:1.5px solid rgba(249,115,22,.45)!important;box-shadow:0 4px 20px #0006,0 6px #f97316bf!important;border-radius:9999px!important;color:#fff!important;transition:all .18s cubic-bezier(.25,.8,.25,1.2)!important}.btn-premium-orange:hover{border-color:#f97316a6!important;box-shadow:0 6px 28px #f9731638,0 8px #f97316e6!important;transform:translateY(-2px)!important}.btn-premium-orange:active{box-shadow:0 1px 8px #0000004d,0 2px #f97316e6!important;transform:translateY(4px)!important}.btn-premium-indigo{background:linear-gradient(135deg,#1e1b29e6,#14121ef2)!important;border:1.5px solid rgba(99,102,241,.45)!important;box-shadow:0 4px 20px #0006,0 6px #6366f1bf!important;border-radius:9999px!important;color:#fff!important;transition:all .18s cubic-bezier(.25,.8,.25,1.2)!important}.btn-premium-indigo:hover{border-color:#6366f1a6!important;box-shadow:0 6px 28px #6366f138,0 8px #6366f1e6!important;transform:translateY(-2px)!important}.btn-premium-indigo:active{box-shadow:0 1px 8px #0000004d,0 2px #6366f1e6!important;transform:translateY(4px)!important}.btn-premium-emerald{background:linear-gradient(135deg,#10b981,#059669);border:1.5px solid rgba(16,185,129,.6);box-shadow:0 4px 20px #0000004d,0 6px #059669d9;border-radius:9999px;color:#021c10;font-weight:900;transition:all .18s cubic-bezier(.25,.8,.25,1.2)}.btn-premium-emerald:hover{background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 6px 28px #10b9814d,0 8px #059669f2;transform:translateY(-2px)}.btn-premium-emerald:active{box-shadow:0 1px 8px #0000004d,0 2px #059669f2;transform:translateY(4px)}@keyframes borderPulseOrange{0%,to{border-color:#f9731666}50%{border-color:#f97316d9}}@keyframes borderPulsePurple{0%,to{border-color:#a855f766}50%{border-color:#a855f7d9}}@keyframes borderPulseEmerald{0%,to{border-color:#10b98166}50%{border-color:#10b981d9}}.voice-btn-active-orange{background:#f9731624!important;border:1px solid rgba(249,115,22,.5)!important;color:#ffedd5!important;animation:borderPulseOrange 1.6s infinite ease-in-out}.voice-btn-active-purple{background:#a855f724!important;border:1px solid rgba(168,85,247,.5)!important;color:#faf5ff!important;animation:borderPulsePurple 1.6s infinite ease-in-out}.voice-btn-active-emerald{background:#10b98124!important;border:1px solid rgba(16,185,129,.5)!important;color:#ecfdf5!important;animation:borderPulseEmerald 1.6s infinite ease-in-out}.genz-input{transition:all .25s cubic-bezier(.175,.885,.32,1.275)}.genz-input:focus{transform:scale(1.015)}.genz-tab{transition:all .28s cubic-bezier(.175,.885,.32,1.275)}.genz-tab:hover{transform:scale(1.04)}@keyframes float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-6px) rotate(-.8deg)}50%{transform:translateY(-10px) rotate(0)}75%{transform:translateY(-5px) rotate(.8deg)}}.animate-float{animation:float 4.5s ease-in-out infinite}@keyframes logoPulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.04);opacity:1}}.logo-pulse{animation:logoPulse 2.5s ease-in-out infinite}@keyframes countdownPop{0%{transform:scale(.3) rotate(-8deg);opacity:0;filter:blur(12px)}40%{transform:scale(1.25) rotate(3deg);opacity:1;filter:blur(0)}65%{transform:scale(.92) rotate(-1deg)}85%{transform:scale(1.04) rotate(.5deg)}to{transform:scale(1) rotate(0);opacity:1}}.countdown-pop{animation:countdownPop .6s cubic-bezier(.34,1.56,.64,1)}@keyframes glowPulse{0%,to{text-shadow:0 0 40px rgba(249,115,22,.6),0 0 80px rgba(249,115,22,.3)}50%{text-shadow:0 0 60px rgba(249,115,22,.9),0 0 120px rgba(249,115,22,.5)}}.glow-pulse{animation:glowPulse 1.2s ease-in-out infinite}@keyframes pulseRing{0%,to{transform:scale(.96);opacity:.35}50%{transform:scale(1.04);opacity:.85}}.pulse-ring-glow{animation:pulseRing 2.5s ease-in-out infinite;will-change:transform}@keyframes reticleRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.calibration-reticle{animation:reticleRotate 14s linear infinite;will-change:transform}@keyframes shake{0%{transform:translateZ(0) rotate(0)}10%{transform:translate3d(-3px,0,0) rotate(-.5deg)}20%{transform:translate3d(4px,0,0) rotate(.5deg)}30%{transform:translate3d(-5px,0,0) rotate(-1deg)}40%{transform:translate3d(5px,0,0) rotate(1deg)}50%{transform:translate3d(-4px,0,0) rotate(-.5deg)}60%{transform:translate3d(3px,0,0) rotate(.5deg)}70%{transform:translate3d(-2px,0,0) rotate(0)}80%{transform:translate3d(1px,0,0)}90%{transform:translate3d(-1px,0,0)}to{transform:translateZ(0) rotate(0)}}.animate-shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes flashRed{0%{opacity:.8;transform:scale(1.02)}30%{opacity:.4;transform:scale(1)}to{opacity:0;transform:scale(1)}}.animate-flash-red{animation:flashRed .45s ease-out forwards}@keyframes scoreAlertPop{0%{transform:scale(.3) translateY(15px);opacity:0}25%{transform:scale(1.5) translateY(-8px);opacity:1}50%{transform:scale(1.1) translateY(-3px);opacity:1}75%{transform:scale(1) translateY(-5px);opacity:.8}to{transform:scale(.85) translateY(-12px);opacity:0}}.animate-score-alert{animation:scoreAlertPop 1s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes blinkingRecord{0%,to{opacity:1;transform:scale(1)}50%{opacity:.25;transform:scale(.8)}}.blink-record{animation:blinkingRecord 1.6s ease-in-out infinite}@keyframes neonBorderShift{0%,to{border-color:#ef4444bf}33%{border-color:#a855f7bf}66%{border-color:#3b82f6bf}}.hyper-drive-glow{position:relative;animation:neonBorderShift 1.8s linear infinite!important;border:3px solid rgba(239,68,68,.75)!important}.hyper-drive-glow:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;background:conic-gradient(from 0deg,#ef444433,#a855f733,#3b82f633,#ef444433);opacity:.6;animation:hyperGlowRotate 3s linear infinite;pointer-events:none;z-index:-1;filter:blur(12px)}@keyframes hyperGlowRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes textHyperPulse{0%,to{transform:scale(1) translateY(0)}25%{transform:scale(1.08) translateY(-1px)}50%{transform:scale(1.12) translateY(-2px)}75%{transform:scale(1.06) translateY(-1px)}}.animate-hyper-text{animation:textHyperPulse .6s ease-in-out infinite}@keyframes speedLines{0%{transform:translateY(-100%) scaleY(.5);opacity:0}15%{opacity:.5;transform:translateY(-50%) scaleY(1)}85%{opacity:.4}to{transform:translateY(100vh) scaleY(1.5);opacity:0}}.speed-line{position:absolute;width:2px;height:100px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.35),rgba(255,255,255,.1),transparent);animation:speedLines .35s linear infinite;pointer-events:none;z-index:5;border-radius:2px}.webcam-feed-clear{filter:brightness(1.06) contrast(1.07) saturate(1.05);image-rendering:auto;object-fit:cover;transition:filter .5s ease,transform .3s ease}.scanline{width:100%;height:100px;z-index:5;background:linear-gradient(0deg,#0000,#ffffff1a,#0000);opacity:.08;position:absolute;bottom:100%;animation:scanline 7s linear infinite}@keyframes scanline{0%{bottom:100%}to{bottom:-100px}}.local-camera-glow{position:relative;border:3px solid rgba(244,63,94,.15)!important;animation:localBorderColor 3.2s cubic-bezier(.4,0,.2,1) infinite}.local-camera-glow:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;background:radial-gradient(ellipse at center,rgba(244,63,94,.12) 0%,transparent 70%);opacity:0;animation:glowOpacityPulse 3.2s cubic-bezier(.4,0,.2,1) infinite;pointer-events:none;z-index:-1}.remote-camera-glow{position:relative;border:3px solid rgba(6,182,212,.15)!important;animation:remoteBorderColor 3.2s cubic-bezier(.4,0,.2,1) infinite}.remote-camera-glow:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;background:radial-gradient(ellipse at center,rgba(6,182,212,.12) 0%,transparent 70%);opacity:0;animation:glowOpacityPulse 3.2s cubic-bezier(.4,0,.2,1) infinite;pointer-events:none;z-index:-1}@keyframes localBorderColor{0%,to{border-color:#f43f5e14}50%{border-color:#f43f5eb3}}@keyframes remoteBorderColor{0%,to{border-color:#06b6d414}50%{border-color:#06b6d4b3}}@keyframes glowOpacityPulse{0%,to{opacity:0}50%{opacity:1}}@keyframes matchFoundReveal{0%{transform:scale(.15) rotate(-15deg);opacity:0;filter:blur(20px)}40%{transform:scale(1.08) rotate(2deg);opacity:1;filter:blur(0)}60%{transform:scale(.96) rotate(-1deg)}80%{transform:scale(1.02) rotate(.5deg)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes matchFoundPulse{0%,to{border-color:#10b98180;transform:scale(1)}50%{border-color:#10b981f2;transform:scale(1.02)}}@keyframes vsSlideLeft{0%{transform:translate(-80px) scale(.8);opacity:0}60%{transform:translate(8px) scale(1.03);opacity:1}to{transform:translate(0) scale(1);opacity:1}}@keyframes vsSlideRight{0%{transform:translate(80px) scale(.8);opacity:0}60%{transform:translate(-8px) scale(1.03);opacity:1}to{transform:translate(0) scale(1);opacity:1}}@keyframes vsBadgePop{0%{transform:scale(0) rotate(-20deg);opacity:0}50%{transform:scale(1.4) rotate(8deg);opacity:1}70%{transform:scale(.85) rotate(-3deg)}85%{transform:scale(1.05) rotate(1deg)}to{transform:scale(1) rotate(0);opacity:1}}.animate-match-reveal{animation:matchFoundReveal .6s cubic-bezier(.175,.885,.32,1.275) forwards}.animate-match-pulse{animation:matchFoundPulse 1.1s ease-in-out infinite}.animate-vs-left{animation:vsSlideLeft .45s cubic-bezier(.25,.8,.25,1) .35s both}.animate-vs-right{animation:vsSlideRight .45s cubic-bezier(.25,.8,.25,1) .35s both}.animate-vs-badge{animation:vsBadgePop .55s cubic-bezier(.175,.885,.32,1.275) .65s both}@keyframes verdictPop{0%{transform:scale(.3) translateY(30px);opacity:0}40%{transform:scale(1.15) translateY(-8px);opacity:1}65%{transform:scale(.95) translateY(2px)}85%{transform:scale(1.03) translateY(-1px)}to{transform:scale(1) translateY(0);opacity:1}}.animate-verdict-pop{animation:verdictPop .65s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes crownFloat{0%,to{transform:translateY(0) rotate(-4deg) scale(1)}25%{transform:translateY(-8px) rotate(2deg) scale(1.05)}50%{transform:translateY(-14px) rotate(5deg) scale(1.1)}75%{transform:translateY(-8px) rotate(-2deg) scale(1.05)}}.animate-crown{animation:crownFloat 2s ease-in-out infinite}@keyframes winnerGlow{0%,to{border-color:#10b9818c;transform:scale(1)}50%{border-color:#10b981f2;transform:scale(1.01)}}.winner-panel{animation:winnerGlow 1.9s ease-in-out infinite;border:2px solid rgba(16,185,129,.55);background:#10b9810d}@keyframes glitchShake{0%,to{transform:translate(0) skew(0)}20%{transform:translate(-2px,1px) skew(-1.5deg)}40%{transform:translate(2px,-1px) skew(1.5deg)}60%{transform:translate(-1.5px,2px) skew(.5deg)}80%{transform:translate(1.5px,-1.5px) skew(-.5deg)}}@keyframes glitchColor{0%,to{text-shadow:2.5px 0 rgba(239,68,68,.85),-2.5px 0 rgba(59,130,246,.85)}33%{text-shadow:-2.5px 0 rgba(239,68,68,1),2.5px 0 rgba(59,130,246,1)}66%{text-shadow:1.5px 0 rgba(168,85,247,.9),-1.5px 0 rgba(239,68,68,.9)}}.glitch-text{animation:glitchColor .28s linear infinite}.loser-panel{animation:glitchShake .48s linear infinite;border:2px solid rgba(239,68,68,.5);background:#ef44440d}@keyframes searchingPulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.03);opacity:.72}to{transform:scale(1);opacity:1}}.animate-searching{animation:searchingPulse .85s ease-in-out infinite}@keyframes roastCardEntry{0%{transform:scale(.5) translateY(50px) rotate(-3deg);opacity:0}35%{transform:scale(1.06) translateY(-8px) rotate(1deg);opacity:1}55%{transform:scale(.97) translateY(3px) rotate(-.5deg)}75%{transform:scale(1.02) translateY(-2px) rotate(0)}to{transform:scale(1) translateY(0) rotate(0);opacity:1}}.animate-roast-card{animation:roastCardEntry .8s cubic-bezier(.34,1.56,.64,1) both}.skribbl-ad-sidebar{width:160px;background:#0f172a66;border:2px dashed rgba(255,255,255,.05);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#ffffff1f;font-size:10px;text-transform:uppercase;letter-spacing:2px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;transition:all .3s ease}.skribbl-ad-bottom{height:90px;background:#0f172a66;border:2px dashed rgba(255,255,255,.05);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#ffffff1f;font-size:10px;text-transform:uppercase;letter-spacing:2px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;transition:all .3s ease}.skribbl-ad-placeholder{position:relative;overflow:hidden}.skribbl-ad-placeholder:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 45%,rgba(255,255,255,.025) 50%,transparent 55%);animation:adGlow 3s infinite linear}@keyframes adGlow{0%{transform:translate(-30%,-30%) rotate(0)}to{transform:translate(30%,30%) rotate(360deg)}}@keyframes loadingLogoGlow{0%,to{transform:scale(1);opacity:.85}50%{transform:scale(1.05);opacity:1}}.loading-logo-pulse{animation:loadingLogoGlow 2s ease-in-out infinite}@keyframes loadingBar{0%{width:0%}to{width:100%}}.loading-bar-anim{animation:loadingBar 2.4s ease-in-out forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .6s ease-out forwards}.fade-in-up-delay-1{animation:fadeInUp .6s ease-out .15s forwards;opacity:0}.fade-in-up-delay-2{animation:fadeInUp .6s ease-out .3s forwards;opacity:0}.fade-in-up-delay-3{animation:fadeInUp .6s ease-out .45s forwards;opacity:0}@keyframes hudBadgePop{0%{transform:scale(.7);opacity:0}60%{transform:scale(1.08);opacity:1}to{transform:scale(1);opacity:1}}.hud-badge-pop{animation:hudBadgePop .4s cubic-bezier(.34,1.56,.64,1) forwards}.corner-bracket-tl{position:absolute;top:14px;left:14px;width:26px;height:26px;border-left:2px solid;border-top:2px solid}.corner-bracket-tr{position:absolute;top:14px;right:14px;width:26px;height:26px;border-right:2px solid;border-top:2px solid}.corner-bracket-bl{position:absolute;bottom:14px;left:14px;width:26px;height:26px;border-left:2px solid;border-bottom:2px solid}.corner-bracket-br{position:absolute;bottom:14px;right:14px;width:26px;height:26px;border-right:2px solid;border-bottom:2px solid}.neon-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(249,115,22,.5),transparent);margin:0 auto}.badge-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:9999px;font-size:9px;font-family:Bungee,cursive;font-weight:400;text-transform:uppercase;letter-spacing:.1em}.duel-lobby-card{background:#0a081cb3;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(99,102,241,.18);box-shadow:0 8px 32px -8px #000000b3,inset 0 1px #ffffff0a,0 0 #6366f100;transition:border-color .4s ease,box-shadow .4s ease}@keyframes duelLobbyPulse{0%,to{border-color:#6366f12e}50%{border-color:#6366f16b}}.duel-lobby-card-animated{animation:duelLobbyPulse 6s ease-in-out infinite}.room-code-display{background:#020617f2;border:2px solid rgba(99,102,241,.35);border-radius:16px;box-shadow:inset 0 4px 20px #00000080,0 0 0 4px #6366f10d;transition:border-color .3s ease,box-shadow .3s ease}.room-code-display:hover{border-color:#eab3088c;box-shadow:inset 0 4px 20px #00000080,0 0 20px #eab3081f}@keyframes crashBannerDrop{0%{transform:translateY(-50px) scale(.8);opacity:0}40%{transform:translateY(8px) scale(1.05);opacity:1}60%{transform:translateY(-4px) scale(.98)}80%{transform:translateY(2px) scale(1.01)}to{transform:translateY(0) scale(1);opacity:1}}.crash-banner{animation:crashBannerDrop .55s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes crashFlash{0%,to{opacity:1}50%{opacity:.55}}.crash-flash{animation:crashFlash .45s ease-in-out 3}@keyframes verdictCardSlideLeft{0%{transform:translate(-40px) scale(.85) rotate(-2deg);opacity:0}50%{transform:translate(5px) scale(1.02) rotate(.5deg);opacity:1}to{transform:translate(0) scale(1) rotate(0);opacity:1}}@keyframes verdictCardSlideRight{0%{transform:translate(40px) scale(.85) rotate(2deg);opacity:0}50%{transform:translate(-5px) scale(1.02) rotate(-.5deg);opacity:1}to{transform:translate(0) scale(1) rotate(0);opacity:1}}.verdict-card-left{animation:verdictCardSlideLeft .55s cubic-bezier(.34,1.56,.64,1) .1s both}.verdict-card-right{animation:verdictCardSlideRight .55s cubic-bezier(.34,1.56,.64,1) .25s both}@keyframes autoNextBorder{0%,to{border-color:#6366f12e}50%{border-color:#6366f173}}.auto-next-ring{animation:autoNextBorder 1.2s ease-out infinite}@keyframes winnerBorderShift{0%,to{border-color:#10b98180}33%{border-color:#fbbf24b3}66%{border-color:#10b981cc}}.winner-celebration{position:relative;animation:winnerBorderShift 2.2s ease-in-out infinite;border:2px solid rgba(16,185,129,.5);background:#10b9810a;overflow:hidden}.winner-celebration:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 50%,rgba(16,185,129,.1) 0%,transparent 70%);opacity:.5;animation:glowOpacityPulse 2.2s ease-in-out infinite;pointer-events:none}@keyframes loserShake{0%,to{transform:translate(0)}20%{transform:translate(-1.5px,.5px)}40%{transform:translate(1.5px,-.5px)}60%{transform:translate(-1px,1px)}80%{transform:translate(1px,-.5px)}}.loser-drama{animation:loserShake .6s linear infinite;border:2px solid rgba(239,68,68,.45);background:#ef44440a}@keyframes scoreReveal{0%{transform:scale(.2) rotateX(90deg);opacity:0}40%{transform:scale(1.2) rotateX(-8deg);opacity:1}60%{transform:scale(.95) rotateX(3deg)}80%{transform:scale(1.05) rotateX(-1deg)}to{transform:scale(1) rotateX(0);opacity:1}}.score-reveal{animation:scoreReveal .7s cubic-bezier(.34,1.56,.64,1) .2s both}@keyframes countdownShrink{0%{width:100%}to{width:0%}}.countdown-bar{animation:countdownShrink linear forwards}.active-press:active{transform:scale(.95)!important;transition:transform .08s ease!important}button:focus-visible,input:focus-visible{outline:2px solid rgba(249,115,22,.7);outline-offset:2px}@media(min-width:768px)and (max-width:1024px){.start-screen-spacing{padding-top:2rem;padding-bottom:2rem}}@media(min-width:1280px){.start-screen-spacing .glass-panel{max-width:420px}}.start-screen-spacing{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none}.start-screen-spacing::-webkit-scrollbar{display:none}.room-code-display:active{transform:scale(.97);border-color:#eab308a6;box-shadow:inset 0 4px 20px #00000080,0 0 25px #eab30833}@keyframes waitingPulse{0%,to{opacity:.6}50%{opacity:1}}.waiting-pulse{animation:waitingPulse 1.5s ease-in-out infinite}.animate-float,.animate-shake,.animate-flash-red,.animate-score-alert,.animate-bounce,.animate-spin,.animate-verdict-pop,.animate-roast-card,.animate-crown,.animate-match-reveal,.animate-vs-left,.animate-vs-right,.animate-vs-badge,.countdown-pop,.glow-pulse,.logo-pulse,.loading-logo-pulse,.score-reveal,.verdict-card-left,.verdict-card-right,.crash-banner,.btn-premium,.speed-line{will-change:transform;transform:translateZ(0);backface-visibility:hidden}.floating-blob{contain:layout style}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.floating-blob,.animate-float,.logo-pulse,.loading-logo-pulse,.animate-crown,.animate-hyper-text,.hyper-drive-glow,.speed-line,.scan-sweep,.calibration-reticle,.status-dot,.pulse-ring-glow{animation:none!important}.speed-line{display:none!important}}.glass-panel{contain:layout style paint}@media(max-width:768px){.floating-blob{animation-duration:20s!important}}canvas{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;transform:translateZ(0);will-change:contents}video{transform:translateZ(0);backface-visibility:hidden}.font-game{font-display:block;text-rendering:optimizeSpeed}.game-canvas-container{contain:strict;isolation:isolate}.webcam-feed-clear{contain:layout paint;will-change:transform}@keyframes overlayFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}}.overlay-enter{animation:overlayFadeIn .35s ease-out forwards}@keyframes staggerFadeUp{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.stagger-child{animation:staggerFadeUp .4s ease-out both}.stagger-child:nth-child(1){animation-delay:.05s}.stagger-child:nth-child(2){animation-delay:.1s}.stagger-child:nth-child(3){animation-delay:.15s}.stagger-child:nth-child(4){animation-delay:.2s}.stagger-child:nth-child(5){animation-delay:.25s}.btn-premium:active{transform:translateY(3px) scale(.97)!important;transition:transform .06s ease!important}@keyframes scanSweepSmooth{0%{top:-60px;opacity:.4}50%{opacity:.8}to{top:100%;opacity:.3}}.scan-sweep{position:absolute;left:0;width:100%;height:60px;background:linear-gradient(to bottom,transparent,rgba(16,185,129,.08),transparent);animation:scanSweepSmooth 1.8s linear infinite;pointer-events:none}@keyframes smoothPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.status-dot{animation:smoothPulse 1.6s ease-in-out infinite}@keyframes waveDot1{0%,to{transform:translateY(0) scale(.7);opacity:.3}30%{transform:translateY(-5px) scale(1);opacity:1}}@keyframes waveDot2{0%,to{transform:translateY(0) scale(.7);opacity:.3}40%{transform:translateY(-5px) scale(1);opacity:1}}@keyframes waveDot3{0%,to{transform:translateY(0) scale(.7);opacity:.3}50%{transform:translateY(-5px) scale(1);opacity:1}}.connecting-dot-1{animation:waveDot1 1.2s ease-in-out infinite}.connecting-dot-2{animation:waveDot2 1.2s ease-in-out infinite}.connecting-dot-3{animation:waveDot3 1.2s ease-in-out infinite}@keyframes roastShimmerFast{0%{background-position:-200% center}to{background-position:200% center}}.roast-shimmer-text{background:linear-gradient(90deg,#ffffffd9 35%,#f97316f2,#ffffffd9 65%);background-size:250% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:roastShimmerFast 3.5s linear infinite}.countdown-bar{animation:countdownShrink linear forwards;transition:background .5s ease}@media(hover:hover){.glass-panel:hover{transform:translateY(-1px);border-color:#ffffff1f;transition:transform .3s ease,border-color .3s ease}}