@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700;800&display=swap";:root{--neo-bg:#f4f0ea;--neo-black:#111;--neo-white:#fff;--neo-blue:#05f;--neo-yellow:#d4ff00;--neo-pink:#ff00a0;--neo-green:#00e676;--border-width:4px;--shadow-color:var(--neo-black);--shadow-offset:8px;--font-mono:"JetBrains Mono", monospace;--font-heading:"Space Grotesk", sans-serif;--z-bg:-10;--z-base:0;--z-flat:1;--z-content:10;--z-ui:100;--z-game-overlay:200;--z-header:300;--z-odometer:400;--z-footer:500;--z-modal:1000;--z-preloader:150;--z-noise:3000}body{font-family:var(--font-heading);background-color:var(--neo-bg);color:var(--neo-black);background-image:radial-gradient(var(--neo-black) .8px, transparent .8px), linear-gradient(45deg, transparent 48%, #11111105 49%, #11111105 51%, transparent 52%), linear-gradient(-45deg, transparent 48%, #11111105 49%, #11111105 51%, transparent 52%);-ms-overflow-style:none;scrollbar-width:none;background-size:24px 24px,20px 20px,20px 20px;min-height:100vh;margin:0;overflow-x:hidden}::-webkit-scrollbar{display:none}*{box-sizing:border-box}html.is-animating,body.is-animating{overflow:hidden!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.marquee-3d-container{perspective:1200px;width:100%;height:clamp(36px,5vw + 12px,56px);z-index:var(--z-header);border-bottom:var(--border-width) solid var(--neo-black);position:relative}.marquee-3d-drum{width:100%;height:100%;transform-style:preserve-3d;transform-origin:50%;transition:transform .9s cubic-bezier(.75,0,.25,1);position:relative;transform:translateZ(-28px)rotateX(0)}.marquee-3d-drum.is-flipped{transform:translateZ(-28px)rotateX(90deg)}.marquee-face{backface-visibility:hidden;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0;overflow:hidden}.marquee-face--front{background:var(--neo-black);color:var(--neo-yellow);transform:rotateX(0)translateZ(28px)}.marquee-face--bottom{background:var(--neo-yellow);color:var(--neo-black);transform:rotateX(-90deg)translateZ(28px)}.marquee-content{width:200%;display:flex}.marquee-track{white-space:nowrap;align-items:center;animation:15s linear infinite scrollMarquee;display:flex}.marquee-track span{text-transform:uppercase;padding:0 clamp(.8rem,2vw,2rem);font-size:clamp(.85rem,1.5vw + .4rem,1.5rem);font-weight:900}@keyframes marqueeDrop{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.marquee-content{display:flex;overflow:hidden}.marquee-track{white-space:nowrap;flex-shrink:0;animation:20s linear infinite marquee;display:flex}.fire-mode .marquee-container{background:var(--neo-black);color:var(--neo-green);border-color:var(--neo-green)}.fire-mode .marquee-track{animation:8s linear infinite marquee}.marquee-track span{padding:0 2rem}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}.app-container{flex-direction:column;min-height:100vh;transition:background-color .5s;display:flex;overflow-x:hidden}.header{text-align:center;z-index:var(--z-content);padding:clamp(.5rem,1.2vw,1rem) clamp(1rem,2.5vw,2rem) clamp(.75rem,1.5vw,1.5rem);position:relative}.hero-67{-webkit-user-select:none;user-select:none;z-index:var(--z-header);will-change:transform;justify-content:center;align-items:center;gap:0;margin:0;padding:.3rem 2rem;transition:transform .9s cubic-bezier(.75,0,.25,1);display:flex;position:relative;transform:translateY(0)scale(1)}.header--preloading,.header--preloader-exiting{z-index:var(--z-header);pointer-events:none;position:relative}.header--preloading .hero-67{transform:translateY(var(--pl-hero-offset,min(18vh, 150px))) scale(var(--pl-hero-scale,1.3))}.header--preloader-exiting .hero-67{transform:translateY(0)scale(1)!important}.header.header--returning .hero-67 .hero-six{animation:.8s cubic-bezier(.175,.885,.32,1.275) both heroReturnSix}.header.header--returning .hero-67 .hero-seven{animation:.8s cubic-bezier(.175,.885,.32,1.275) .1s both heroReturnSeven}@keyframes heroReturnSix{0%{opacity:0;transform:rotate(-10deg)translateY(-40px)scale(.85)}to{opacity:1;transform:rotate(-4deg)translateY(0)scale(1)}}@keyframes heroReturnSeven{0%{opacity:0;transform:rotate(10deg)translateY(-40px)translate(10px)scale(.85)}to{opacity:1;transform:rotate(3deg)translateY(-8px)translate(0)scale(1)}}.hero-six,.hero-seven{font-size:clamp(3.5rem,15vw,10rem);font-weight:900;font-family:var(--font-heading);color:var(--neo-white);-webkit-text-stroke:3px var(--neo-black);text-shadow:6px 6px 0px var(--neo-black);letter-spacing:-4px;line-height:.85;display:inline-block;position:relative}.hero-six{background:var(--neo-blue);border:var(--border-width) solid var(--neo-black);will-change:transform;box-shadow:6px 6px 0px var(--neo-black);border-radius:16px 4px;padding:.1em .15em .1em .25em;animation:.6s cubic-bezier(.175,.885,.32,1.275) both heroSixEntry;transform:rotate(-4deg)translateY(0)scale(1)}.hero-67.is-floating .hero-six{animation:4s ease-in-out infinite subtleFloat}.hero-seven{background:var(--neo-pink);border:var(--border-width) solid var(--neo-black);will-change:transform;box-shadow:6px 6px 0px var(--neo-black);border-radius:4px 16px;padding:.1em .25em .1em .15em;animation:.6s cubic-bezier(.175,.885,.32,1.275) .15s both heroSevenEntry;transform:rotate(3deg)translateY(-8px)scale(1)}.hero-67.is-floating .hero-seven{animation:4s ease-in-out infinite subtleFloatSeven}.hero-game-label-wrapper{z-index:calc(var(--z-header) + 1);margin-top:clamp(-1rem,-1.2vw,-1.5rem);position:relative}.hero-game-label{background:var(--neo-white);border:clamp(2px, .3vw, 3px) solid var(--neo-black);box-shadow:clamp(2px, .4vw, 4px) clamp(2px, .4vw, 4px) 0px var(--neo-black);font-family:var(--font-mono);letter-spacing:.2em;color:var(--neo-black);opacity:0;pointer-events:none;border-radius:99px;padding:clamp(.25rem,.5vw,.4rem) clamp(.8rem,1.5vw,1.5rem);font-size:clamp(.75rem,1.5vw + .2rem,1.4rem);font-weight:800;display:inline-block}@keyframes heroSixEntry{0%{opacity:0;transform:rotate(-4deg)translateY(-60px)scale(.7)}to{opacity:1;transform:rotate(-4deg)translateY(0)scale(1)}}@keyframes heroSevenEntry{0%{opacity:0;transform:rotate(3deg)translateY(-60px)translate(10px)scale(.7)}to{opacity:1;transform:rotate(3deg)translateY(-8px)translate(0)scale(1)}}@keyframes subtleFloat{0%,to{transform:rotate(-4deg)translateY(0)scale(1)}50%{transform:rotate(-4deg)translateY(-6px)scale(1)}}@keyframes subtleFloatSeven{0%,to{transform:rotate(3deg)translateY(-8px)scale(1)}50%{transform:rotate(3deg)translateY(-2px)scale(1)}}@keyframes labelFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.glow-text{color:var(--neo-black);text-transform:uppercase;letter-spacing:-1px;margin-bottom:.8rem;font-size:2.2rem;font-weight:900;line-height:1.1}.card-header-editorial{border-bottom:3px solid var(--neo-black);margin-bottom:1.5rem;padding-bottom:.8rem}.card-overline{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:2px;margin-bottom:.4rem;font-size:.9rem;font-weight:800;display:block}.card-title{text-transform:uppercase;letter-spacing:-2px;color:var(--neo-black);margin:0;font-size:clamp(2.5rem,5vw,4rem);font-weight:900;line-height:.95}.glow-text-small{color:var(--neo-black);text-transform:uppercase;border-bottom:4px solid var(--neo-black);margin-bottom:1.5rem;padding-bottom:.25rem;font-size:1.75rem;font-weight:900;display:inline-block}.main-content{z-index:var(--z-base);flex:1;justify-content:center;align-items:center;padding:clamp(.25rem,.5vw,.5rem) clamp(1rem,2.5vw,2rem) clamp(.5rem,1vw,1rem);display:flex;position:relative;overflow:visible}.card{background:var(--neo-white);border:var(--border-width) solid var(--neo-black);box-shadow:var(--shadow-offset) var(--shadow-offset) 0px var(--neo-black);contain:layout style;border-radius:16px;width:100%;max-width:600px;padding:2.5rem 2rem 2rem;position:relative;overflow:visible}.card:before,.leaderboard-container:before{content:"";border-radius:inherit;pointer-events:none;width:100%;height:100%;z-index:var(--z-base);mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.04'/%3E%3C/svg%3E");position:absolute;top:0;left:0}.card>*,.leaderboard-container>*{z-index:var(--z-flat);position:relative}.text-center{text-align:center}p{color:var(--neo-black);margin-bottom:1rem;font-size:1.1rem;font-weight:600;line-height:1.4}.btn-primary{background:var(--neo-blue);color:var(--neo-white);border:var(--border-width) solid var(--neo-black);cursor:pointer;box-shadow:inset 0 6px 0 #fff6, inset 0 -6px 0 #00000026, 6px 6px 0px var(--neo-black);text-transform:uppercase;border-radius:99px;padding:1rem 3rem;font-family:Space Grotesk,sans-serif;font-size:1.5rem;font-weight:900;transition:all .1s}.btn-primary:hover:not(:disabled){box-shadow:inset 0 6px 0 #fff6, inset 0 -6px 0 #00000026, 8px 8px 0px var(--neo-black);transform:translate(-2px,-2px)}.btn-primary:active:not(:disabled){box-shadow:inset 0 4px 0 #fff3, inset 0 -4px 0 #00000026, 0px 0px 0px var(--neo-black);transform:translate(6px,6px)}.btn-secondary{background:var(--neo-white);color:var(--neo-black);border:var(--border-width) solid var(--neo-black);cursor:pointer;box-shadow:6px 6px 0px var(--neo-black);text-transform:uppercase;border-radius:99px;padding:1rem 3rem;font-family:Space Grotesk,sans-serif;font-size:1.5rem;font-weight:900;transition:all .1s}.btn-secondary:hover{background:var(--neo-yellow);box-shadow:4px 4px 0px var(--neo-black);transform:translate(2px,2px)}.btn-secondary:active{box-shadow:0px 0px 0px var(--neo-black);transform:translate(6px,6px)}.result-actions{flex-direction:column;gap:1.5rem;margin-top:2rem;display:flex}.start-footer{pointer-events:none;z-index:var(--z-footer);justify-content:space-between;align-items:flex-start;display:flex;position:fixed;top:clamp(60px,5vw + 40px,80px);left:clamp(12px,2vw,24px);right:clamp(12px,2vw,24px)}.start-footer>*{pointer-events:auto}.start-footer.is-exiting-fixed{animation:.4s cubic-bezier(.75,0,.25,1) forwards brutalistCardExit}.admin-btn{box-shadow:clamp(2px, .4vw, 4px) clamp(2px, .4vw, 4px) 0px var(--neo-black)!important;width:auto!important;padding:clamp(.35rem,.8vw,.5rem) clamp(.6rem,1.2vw,1rem)!important;font-size:clamp(.8rem,1.2vw + .3rem,1rem)!important}.start-layout{justify-content:center;align-items:center;gap:2rem;width:100%;max-width:1100px;display:flex}.start-card{background:var(--neo-pink);opacity:0;pointer-events:none;flex:2;min-height:500px;position:relative}@keyframes brutalistCardDrop{0%{opacity:0;transform:translateY(80px)rotate(-4deg)}to{opacity:1;transform:translateY(0)rotate(0)}}.leaderboard-container{background:var(--neo-white);border:var(--border-width) solid var(--neo-black);min-width:300px;min-height:540px;box-shadow:var(--shadow-offset) var(--shadow-offset) 0px var(--neo-black);opacity:0;pointer-events:none;border-radius:16px;flex-direction:column;flex:1.5;padding:2.5rem 1.5rem 1.5rem;display:flex;position:relative;overflow:visible}@keyframes brutalistLeaderboardDrop{0%{opacity:0;transform:translateY(80px)rotate(4deg)}to{opacity:1;transform:translateY(0)rotate(0)}}.leaderboard-list{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.leaderboard-item{background:var(--neo-white);border:3px solid var(--neo-black);box-shadow:3px 3px 0px var(--neo-black);border-radius:8px;align-items:center;padding:1rem;font-weight:800;display:flex}.leaderboard-item:first-child{background:var(--neo-yellow);transform:rotate(-1deg)}.leaderboard-item:nth-child(2){background:#e5e7eb}.leaderboard-item:nth-child(3){background:#fca5a5;transform:rotate(1deg)}.leaderboard-item .rank{color:var(--neo-black);width:50px;font-size:1.5rem}.leaderboard-item .name{letter-spacing:2px;text-transform:uppercase;flex:1;font-size:1.5rem}.leaderboard-item .score{color:var(--neo-black);font-size:2rem}.leaderboard-item.empty-slot{opacity:.4;box-shadow:0px 0px 0px var(--neo-black);border-style:dashed;background:var(--neo-white)!important;transform:none!important}.name-input-container{flex-direction:column;align-items:center;display:flex}.arcade-input{gap:1rem;margin:2rem 0;display:flex}.char-slot{background:var(--neo-white);border:var(--border-width) solid var(--neo-black);color:#ccc;width:60px;height:75px;box-shadow:4px 4px 0px var(--neo-black);border-radius:12px;justify-content:center;align-items:center;font-size:3rem;font-weight:900;transition:color .15s,background .15s;display:flex}.char-slot.char-filled{color:var(--neo-black);background:var(--neo-yellow)}.char-slot.char-active{border-color:var(--neo-pink);box-shadow:4px 4px 0px var(--neo-black), 0 0 0 2px var(--neo-pink);animation:1.2s ease-in-out infinite slotPulse}@keyframes slotPulse{0%,to{box-shadow:4px 4px 0px var(--neo-black), 0 0 0 2px var(--neo-pink)}50%{box-shadow:4px 4px 0px var(--neo-black), 0 0 8px 3px #ff00a080}}.name-hidden-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.consent-box{text-align:left;border:2px solid var(--neo-black);background:#0006;border-radius:8px;max-width:400px;margin-top:1.5rem;margin-left:auto;margin-right:auto;padding:1rem}.consent-label{cursor:pointer;align-items:flex-start;gap:10px;font-size:.85rem;line-height:1.4;display:flex}.consent-checkbox{accent-color:var(--neo-pink);flex-shrink:0;margin-top:3px;transform:scale(1.2)}.arcade-btn:disabled{opacity:.5;box-shadow:none;cursor:not-allowed;transform:none}.game-area{contain:layout style;flex-direction:column;align-items:center;width:100%;max-width:900px;display:flex;overflow:visible}.stats-bar{background:var(--neo-yellow);border:var(--border-width) solid var(--neo-black);width:100%;box-shadow:6px 6px 0px var(--neo-black);min-height:clamp(70px,10vw,96px);z-index:var(--z-base);contain:layout paint style;border-radius:16px 16px 0 0;justify-content:space-between;align-items:center;gap:clamp(.5rem,1vw,1rem);margin-bottom:0;padding:clamp(.6rem,1.2vw,1rem) clamp(1rem,2vw,2rem);transition:background .5s cubic-bezier(.4,0,.2,1),box-shadow .3s;animation:.6s cubic-bezier(.175,.885,.32,1.275) both statsBarDropIn;display:flex;position:relative}.stats-bar--calibration{background:var(--neo-green)}.stats-bar--countdown{background:#ffb347;animation:.6s cubic-bezier(.175,.885,.32,1.275) both statsBarDropIn,1.2s ease-in-out infinite countdownPulse}.stats-bar--playing{background:var(--neo-yellow)}@keyframes countdownPulse{0%,to{box-shadow:6px 6px 0px var(--neo-black)}50%{box-shadow:6px 6px 0px var(--neo-black), 0 0 20px #f59e0b66}}@keyframes statsBarDropIn{0%{opacity:0;filter:blur(4px);transform:translateY(-60px)rotate(-2deg)}to{opacity:1;filter:blur();transform:translateY(0)rotate(0)}}.stats-bar__left{flex-shrink:0;min-width:clamp(60px,10vw,120px)}.stats-bar__state-label{font-family:var(--font-mono);letter-spacing:2px;text-transform:uppercase;color:var(--neo-black);background:var(--neo-white);border:2px solid var(--neo-black);border-radius:6px;align-items:center;gap:.3rem;padding:clamp(.25rem,.5vw,.4rem) clamp(.4rem,.8vw,.8rem);font-size:clamp(.55rem,.8vw + .2rem,.75rem);font-weight:800;animation:.4s cubic-bezier(.175,.885,.32,1.275) both labelEntry;display:inline-flex}.stats-bar__state-label--countdown{color:var(--neo-white);background:var(--neo-black);border-color:var(--neo-black)}@keyframes labelEntry{0%{opacity:0;transform:scale(.7)rotate(-5deg)}to{opacity:1;transform:scale(1)rotate(0)}}.stats-bar__pulse-icon{animation:1.5s ease-in-out infinite iconPulse;display:inline-block}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.live-dot{font-family:var(--font-mono);letter-spacing:2px;color:var(--neo-white);text-transform:uppercase;background:var(--neo-black);border:2px solid var(--neo-black);border-radius:6px;align-items:center;gap:.3rem;padding:clamp(.25rem,.5vw,.4rem) clamp(.4rem,.8vw,.8rem);font-size:clamp(.55rem,.8vw + .2rem,.75rem);font-weight:800;animation:.4s cubic-bezier(.175,.885,.32,1.275) both labelEntry;display:inline-flex}.live-dot:before{content:"";background:#ff2d2d;border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite livePulse}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.stats-bar__center{flex:1;justify-content:center;display:flex}.stats-bar__value-group{align-items:center;gap:clamp(.3rem,.5vw,.5rem);animation:.3s cubic-bezier(.175,.885,.32,1.275) both valueEntry;display:flex}@keyframes valueEntry{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.stats-bar__value-label{font-family:var(--font-heading);color:var(--neo-black);text-transform:uppercase;letter-spacing:.05em;font-size:clamp(.8rem,1.2vw + .2rem,1.3rem);font-weight:800}.stats-bar__value-box{font-family:var(--font-mono);color:var(--neo-black);background:var(--neo-white);border:3px solid var(--neo-black);border-radius:8px;justify-content:center;align-items:center;min-width:clamp(2rem,4vw,3.5rem);padding:0 clamp(.5rem,1vw,1rem);font-size:clamp(1.5rem,3vw,2.8rem);font-weight:900;line-height:1.2;display:inline-flex}.stats-bar__value-total{font-family:var(--font-mono);color:var(--neo-black);opacity:.5;font-size:clamp(1.2rem,2vw,2rem);font-weight:800}.stats-bar__value-group--countdown .stats-bar__value-label{letter-spacing:.15em;color:var(--neo-white);text-shadow:1px 1px #0000004d;font-size:clamp(1rem,1.5vw + .3rem,1.6rem);animation:1.2s ease-in-out infinite countdownTextPulse}@keyframes countdownTextPulse{0%,to{opacity:1}50%{opacity:.5}}.stats-bar__right{flex-shrink:0;width:clamp(56px,8vw,90px);height:clamp(56px,8vw,90px)}.calibration-ring{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.calibration-ring__value{font-family:var(--font-mono);color:var(--neo-black);z-index:var(--z-flat);font-size:clamp(1.2rem,2vw,2rem);font-weight:900;position:absolute}.stats-bar__right .circular-timer{width:100%;height:100%}@keyframes scorePunch{0%{transform:scale(1)}50%{color:var(--neo-pink);transform:scale(1.4)rotate(5deg)}to{transform:scale(1)rotate(0)}}.score-punch{animation:.2s cubic-bezier(.175,.885,.32,1.275) scorePunch;display:inline-block}@keyframes cameraBump{0%{transform:translateY(0)scale(1)}50%{box-shadow:4px 4px 0px var(--neo-black);transform:translateY(8px)scale(.98)}to{box-shadow:12px 12px 0px var(--neo-black);transform:translateY(0)scale(1)}}.camera-bump{animation:.15s ease-out cameraBump}.instruction-box{color:var(--neo-black);background:var(--neo-green);border:3px solid var(--neo-black);box-shadow:4px 4px 0px var(--neo-black);border-radius:12px;padding:clamp(.7rem,1.2vw,1rem) clamp(1rem,2vw,2rem);font-size:clamp(.9rem,1.2vw + .2rem,1.3rem);font-weight:800;display:inline-block;transform:rotate(-1deg)}.fire-mode .camera-container{border-color:var(--neo-pink);box-shadow:16px 16px 0px var(--neo-black), 0 0 30px #ff00a066, 0 0 60px #ff00a026;transition:box-shadow .5s}.fire-mode .camera-container:before{content:"";pointer-events:none;z-index:22;border-radius:20px;animation:3s ease-in-out infinite chromaPulse;position:absolute;inset:0;box-shadow:inset 3px 0 #ff006440,inset -3px 0 #00ffff40,inset 0 2px #ff00ff26,inset 0 -2px #00ff6426}@keyframes chromaPulse{0%,to{opacity:.7}50%{opacity:1}}.fire-mode .camera-container:after{content:"";pointer-events:none;z-index:23;background:repeating-linear-gradient(0deg,#0000,#0000 3px,#0000000a 3px 6px);border-radius:20px;animation:8s linear infinite scanScroll;position:absolute;inset:0}@keyframes scanScroll{0%{background-position-y:0}to{background-position-y:60px}}.fire-mode .camera-inner{animation:5s step-end infinite glitchShift}@keyframes glitchShift{0%,87%,90%,93%,96%,to{filter:none;transform:none}88%{filter:hue-rotate(30deg);transform:translate(-3px)skew(-.4deg)}89%{filter:hue-rotate(-20deg);transform:translate(2px)}94%{filter:hue-rotate(60deg);transform:translate(-2px)skew(.3deg)}95%{filter:none;transform:translate(1px)}}.fire-mode .camera-video{filter:contrast(1.25)saturate(1.4);transition:filter .5s}.glow-warm .camera-container{box-shadow:12px 12px 0px var(--neo-black), 0 0 20px #d4ff004d;transition:box-shadow .5s}.flames-canvas{pointer-events:none;z-index:var(--z-bg);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.particle-canvas{pointer-events:none;width:100%;height:100%;z-index:var(--z-content);position:absolute;top:0;left:0}.aura-canvas{object-fit:cover;pointer-events:none;z-index:5;mix-blend-mode:normal;width:100%;height:100%;image-rendering:pixelated;filter:drop-shadow(4px 4px 0px var(--neo-black));animation:.5s ease-out both auraFadeIn;position:absolute;top:0;left:0;transform:scaleX(-1)}@keyframes auraFadeIn{0%{opacity:0;transform:scaleX(-1)scaleY(1.02)}to{opacity:1;transform:scaleX(-1)scaleY(1)}}.fire-mode .aura-canvas{mix-blend-mode:screen;filter:saturate(1.3)brightness(1.1)}.shockwave-ring{border:4px solid var(--neo-yellow);opacity:.8;pointer-events:none;width:60px;height:60px;z-index:var(--z-game-overlay);border-radius:50%;animation:.5s ease-out forwards shockwaveExpand;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.3);box-shadow:0 0 12px #d4ff0080,inset 0 0 8px #d4ff004d}@keyframes shockwaveExpand{0%{opacity:.8;border-width:6px;transform:translate(-50%,-50%)scale(.3)}70%{opacity:.3;border-width:2px}to{opacity:0;border-width:1px;transform:translate(-50%,-50%)scale(8)}}.floating-scores-layer{pointer-events:none;width:100%;height:100%;z-index:var(--z-game-overlay);position:absolute;top:0;left:0;overflow:visible}.floating-score{color:var(--neo-yellow);-webkit-text-stroke:2px var(--neo-black);text-shadow:4px 4px 0px var(--neo-black);pointer-events:none;white-space:nowrap;font-size:3rem;font-weight:900;animation:1s cubic-bezier(.25,.46,.45,.94) forwards floatUp;position:absolute;bottom:40%}.floating-score.drift-left{animation:1s cubic-bezier(.25,.46,.45,.94) forwards floatUpLeft}.floating-score.drift-right{animation:1s cubic-bezier(.25,.46,.45,.94) forwards floatUpRight}@keyframes floatUpLeft{0%{opacity:1;transform:translateY(0)scale(1.2)rotate(-5deg)}to{opacity:0;transform:translateY(-120px)translate(-30px)scale(.6)rotate(-15deg)}}@keyframes floatUpRight{0%{opacity:1;transform:translateY(0)scale(1.2)rotate(5deg)}to{opacity:0;transform:translateY(-120px)translate(30px)scale(.6)rotate(15deg)}}.combo-counter{border:3px solid var(--neo-black);box-shadow:4px 4px 0px var(--neo-black);pointer-events:none;z-index:var(--z-game-overlay);border-radius:12px;flex-direction:column;align-items:center;padding:.4rem 1.2rem;font-family:Space Grotesk,sans-serif;animation:.3s cubic-bezier(.175,.885,.32,1.275) comboAppear;display:flex;position:absolute;top:10px;right:10px;transform:rotate(3deg)}.combo-warm{background:var(--neo-yellow);color:var(--neo-black)}.combo-hot{background:var(--neo-green);color:var(--neo-black)}.combo-epic{background:var(--neo-pink);color:var(--neo-white);box-shadow:4px 4px 0px var(--neo-black), 0 0 15px #ff00a066}.combo-legendary{background:var(--neo-blue);color:var(--neo-white);box-shadow:4px 4px 0px var(--neo-black), 0 0 20px #0055ff80;animation:.3s cubic-bezier(.175,.885,.32,1.275) comboAppear,1.5s ease-in-out infinite comboPulse}.combo-label{letter-spacing:3px;text-transform:uppercase;opacity:.7;font-size:.7rem;font-weight:800}.combo-value{font-size:1.8rem;font-weight:900;line-height:1;animation:.2s cubic-bezier(.175,.885,.32,1.275) comboBounce;display:inline-block}.marquee-3d-container{perspective:1000px;width:100%;overflow:hidden}.marquee-3d-drum{transform-style:preserve-3d;animation:10s linear infinite rotateDrum;display:flex}.marquee-face{flex:0 0 100%}@keyframes comboAppear{0%{opacity:0;transform:rotate(3deg)scale(.5)}to{opacity:1;transform:rotate(3deg)scale(1)}}@keyframes comboBounce{0%{transform:scale(1)}40%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes comboPulse{0%,to{box-shadow:4px 4px 0px var(--neo-black), 0 0 20px #0055ff4d}50%{box-shadow:4px 4px 0px var(--neo-black), 0 0 35px #05f9}}.fire-mode .stats-bar{background:var(--neo-black);border-color:var(--neo-green);box-shadow:6px 6px 0px var(--neo-green);transition:all .5s}.fire-mode .stats-bar__value-label{color:var(--neo-green)}.fire-mode .stats-bar__value-box{color:var(--neo-green);background:var(--neo-black);border-color:var(--neo-green)}.fire-mode .stats-bar__value-total{color:var(--neo-green);opacity:.7}.fire-mode .calibration-ring__value{color:var(--neo-green)}.final-score{margin:2rem 0;font-size:2rem;font-weight:800}.huge-number{font-family:var(--font-mono);color:var(--neo-yellow);-webkit-text-stroke:4px var(--neo-black);text-shadow:8px 8px 0px var(--neo-black);margin:1rem 0;font-size:10rem;font-weight:900;line-height:1;display:block}.camera-container{background:var(--neo-black);width:640px;height:480px;box-shadow:12px 12px 0px var(--neo-black);border:var(--border-width) solid var(--neo-black);contain:layout paint style;border-radius:24px;transition:border-color .5s,box-shadow .5s;position:relative;overflow:hidden}.camera-video{object-fit:cover;filter:contrast(1.1)saturate(1.2);width:100%;height:100%;transition:filter .5s;position:absolute;top:0;left:0;transform:scaleX(-1)}.camera-canvas{object-fit:cover;width:100%;height:100%;z-index:var(--z-content);filter:drop-shadow(4px 4px 0px var(--neo-black));position:absolute;top:0;left:0;transform:scaleX(-1)}.countdown-overlay{width:100%;height:100%;color:var(--neo-pink);-webkit-text-stroke:4px var(--neo-black);text-shadow:8px 8px 0px var(--neo-black);z-index:var(--z-game-overlay);background:#1111118c;border-radius:24px;justify-content:center;align-items:center;font-size:15rem;font-weight:900;animation:.3s forwards bgFadeIn;display:flex;position:absolute;top:0;left:0}@keyframes bgFadeIn{0%{opacity:0}to{opacity:1}}.countdown-text{animation:.6s cubic-bezier(.175,.885,.32,1.275) forwards popInBounceOnce;display:inline-block}@keyframes popInBounceOnce{0%{opacity:0;transform:scale(.5)rotate(-10deg)}to{opacity:1;transform:scale(1)rotate(0)}}.camera-inner{border-radius:24px;position:relative;overflow:visible}.camera-glow-ring{display:none}@media (width<=1000px){.start-layout{flex-direction:column}.camera-container{aspect-ratio:4/3;width:100%;height:auto}}.certificate-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:var(--z-modal);background:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.certificate-modal{background:var(--neo-white);border:var(--border-width) solid var(--neo-black);box-shadow:12px 12px 0px var(--neo-black);text-align:center;border-radius:16px;width:100%;max-width:900px;max-height:95vh;padding:2rem;overflow-y:auto}.cert-preview-wrapper{border:3px solid var(--neo-black);width:100%;box-shadow:6px 6px 0px var(--neo-black);border-radius:8px;margin-bottom:1.5rem;overflow:hidden}.cert-canvas{width:100%;height:auto;display:block}.cert-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;display:flex}.cert-buttons{flex-direction:column;gap:.8rem;display:flex}.cert-qr{flex-direction:column;align-items:center;display:flex}.qr-box{background:var(--neo-white);border:3px solid var(--neo-black);box-shadow:4px 4px 0px var(--neo-black);border-radius:8px;padding:12px}.progress-bar-container{width:100%;margin-top:.5rem}.progress-rank-labels{text-transform:uppercase;justify-content:space-between;margin-bottom:.3rem;font-size:.9rem;font-weight:800;display:flex}.progress-current{color:var(--neo-black)}.progress-next{color:var(--neo-black);opacity:.6;font-size:.8rem}.progress-track{background:var(--neo-white);border:3px solid var(--neo-black);width:100%;height:22px;box-shadow:3px 3px 0px var(--neo-black);border-radius:99px;position:relative;overflow:hidden}.progress-fill{border-radius:99px;height:100%;transition:width .3s,background .5s;position:relative;overflow:hidden}.progress-fill:before{content:"";background:repeating-linear-gradient(-45deg,#0000,#0000 6px,#fff3 6px 12px);width:200%;animation:1.5s linear infinite stripeSlide;position:absolute;inset:0}@keyframes stripeSlide{0%{transform:translate(0)}to{transform:translate(-50%)}}.progress-fill:after{content:"";z-index:1;background:#fff6;border-radius:99px;height:6px;position:absolute;top:2px;left:4px;right:4px}.progress-marker{background:var(--neo-black);opacity:.25;width:3px;height:100%;position:absolute;top:0;transform:translate(-50%)}.progress-lb-target{color:var(--neo-pink);text-align:right;text-transform:uppercase;margin-top:.2rem;font-size:.8rem;font-weight:800}.progress-lb-marker{background:var(--neo-pink);width:2px;height:calc(100% + 4px);z-index:var(--z-base);position:absolute;top:-2px;transform:translate(-50%)}.progress-lb-flag{color:var(--neo-white);background:var(--neo-pink);white-space:nowrap;letter-spacing:1px;border-radius:3px;padding:1px 4px;font-size:.55rem;font-weight:900;position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%)}.fire-mode .progress-track{background:var(--neo-black);border-color:var(--neo-green);box-shadow:3px 3px 0px var(--neo-green)}.fire-mode .progress-rank-labels,.fire-mode .progress-next{color:var(--neo-green)}.fire-mode .progress-lb-target{color:var(--neo-yellow)}.app-container.is-gameplay{height:100vh;overflow:hidden}.is-gameplay .main-content{flex-direction:column;padding:.5rem 1rem 1rem;display:flex}.is-gameplay .game-area{flex-direction:column;flex:1;align-items:center;width:100%;max-width:900px;display:flex}.is-gameplay .camera-wrapper{flex:auto;justify-content:center;align-items:center;width:100%;min-height:0;display:flex}.is-gameplay .camera-inner{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.is-gameplay .camera-container{aspect-ratio:4/3;border-radius:24px;width:auto;max-width:100%;height:100%;max-height:100%;position:relative}@media (width<=768px){.header h1{border-radius:50px;padding:.5rem 1.5rem;font-size:2.5rem}.glow-text{font-size:1.8rem}.glow-text-small{font-size:1.25rem}.card{border-radius:12px;padding:1.5rem}.main-content{flex-direction:column;padding:.5rem 1rem 1rem}.btn-primary,.btn-secondary{width:100%;padding:.8rem 1.5rem;font-size:1.2rem}.huge-number{font-size:6rem}.leaderboard-container{min-width:100%;padding:1.5rem}.leaderboard-item{padding:.5rem}.leaderboard-item .rank{width:30px;font-size:1.2rem}.leaderboard-item .name{font-size:1.2rem}.leaderboard-item .score{font-size:1.5rem}.stats-bar{flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.5rem 1rem}.stat{font-size:1.2rem}.stat span{padding:0 .5rem;font-size:2rem}.char-slot{width:45px;height:60px;font-size:2.5rem}.camera-container{border-radius:12px}.certificate-modal{box-shadow:6px 6px 0px var(--neo-black);padding:1rem}}@media (width<=480px){.header h1{font-size:1.8rem}.marquee-container{font-size:1rem}.btn-primary,.btn-secondary{padding:.8rem 1rem;font-size:1rem}.huge-number{font-size:4.5rem}.char-slot{width:35px;height:50px;font-size:2rem}.arcade-input{gap:.5rem}.card,.leaderboard-container{padding:1rem}.result-actions{gap:1rem}}.admin-panel{background:var(--neo-white);border:var(--border-width) solid var(--neo-black);box-shadow:12px 12px 0px var(--neo-black);border-radius:16px;width:100%;max-width:900px;margin:0 auto;padding:2rem}.admin-header{border-bottom:3px solid var(--neo-black);justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;display:flex}.admin-header h2{color:var(--neo-black);font-size:2rem}.admin-table-container{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%}.admin-table th,.admin-table td{text-align:left;border-bottom:2px solid #0000001a;padding:1rem}.admin-table th{text-transform:uppercase;color:var(--neo-black);font-family:Space Grotesk,sans-serif;font-weight:800}.admin-score{color:var(--neo-pink);font-size:1.2rem;font-weight:900}.admin-date{color:var(--text-secondary);font-size:.9rem}.admin-photo-thumb{border:2px solid var(--neo-black);width:60px;height:auto;box-shadow:2px 2px 0px var(--neo-black);border-radius:4px;transition:transform .2s}.admin-photo-thumb:hover{z-index:var(--z-content);position:relative;transform:scale(1.5)}.btn-delete{background:var(--neo-pink);color:var(--neo-white);border:2px solid var(--neo-black);cursor:pointer;box-shadow:2px 2px 0px var(--neo-black);border-radius:8px;padding:.5rem 1rem;font-weight:700;transition:transform .1s,box-shadow .1s}.btn-delete:active{box-shadow:0px 0px 0px var(--neo-black);transform:translate(2px,2px)}.creator-badge{background:var(--neo-white);border:clamp(2px, .3vw, 3px) solid var(--neo-black);box-shadow:clamp(2px, .4vw, 4px) clamp(2px, .4vw, 4px) 0px var(--neo-black);color:var(--neo-black);cursor:pointer;border-radius:clamp(8px,1.2vw,12px);align-items:center;gap:clamp(.4rem,.8vw,.8rem);padding:clamp(.4rem,.8vw,.75rem) clamp(.5rem,1vw,1rem);text-decoration:none;transition:transform .2s,box-shadow .2s;animation:.5s cubic-bezier(.175,.885,.32,1.275) .3s both stickerEntry;display:flex;transform:rotate(-3deg)}.creator-badge:hover,.creator-badge--hover{box-shadow:5px 5px 0px var(--neo-black);transform:rotate(-1deg)scale(1.05)}.creator-badge:active{box-shadow:1px 1px 0px var(--neo-black);transform:rotate(-3deg)translate(3px,3px)}@keyframes stickerEntry{0%{opacity:0;transform:rotate(-15deg)scale(.3)translateY(-30px)}to{opacity:1;transform:rotate(-3deg)scale(1)translateY(0)}}.creator-badge__avatar-wrap{border:2px solid var(--neo-black);background:var(--neo-yellow);border-radius:clamp(4px,.6vw,8px);flex-shrink:0;width:clamp(32px,5vw,64px);height:clamp(32px,5vw,64px);overflow:hidden}.creator-badge__avatar{object-fit:cover;width:100%;height:100%;animation:2s ease-in-out infinite avatarWave}@keyframes avatarWave{0%,to{transform:rotate(0)}25%{transform:rotate(3deg)}75%{transform:rotate(-3deg)}}.creator-badge__info{flex-direction:column;gap:0;display:flex}.creator-badge__label{font-family:var(--font-mono);letter-spacing:clamp(1px,.2vw,2px);text-transform:uppercase;opacity:.6;font-size:clamp(.45rem,.6vw + .15rem,.65rem);font-weight:800;line-height:1}.creator-badge__name{font-family:var(--font-heading);letter-spacing:-.5px;font-size:clamp(.9rem,1.3vw + .3rem,1.5rem);font-weight:900;line-height:1.1}.creator-badge__qr{background:var(--neo-white);border:2px solid var(--neo-black);border-radius:4px;flex-shrink:0;padding:3px}.circular-timer{flex-shrink:0;justify-content:center;align-items:center;width:90px;height:90px;display:flex;position:relative}.circular-timer__svg{position:absolute;top:0;left:0}.circular-timer__value{font-family:var(--font-mono);z-index:var(--z-flat);font-size:2rem;font-weight:900;transition:color .5s}.circular-timer--urgent{animation:.5s ease-in-out infinite timerPulse}@keyframes timerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.camera-container{animation:.8s cubic-bezier(.175,.885,.32,1.275) .2s both cameraDropIn}@keyframes cameraDropIn{0%{opacity:0;transform:scale(.85)translateY(60px)rotate(3deg)}to{opacity:1;transform:scale(1)translateY(0)rotate(0)}}.is-exiting.header{animation:.5s cubic-bezier(.75,0,.25,1) forwards brutalistHeroExit}.is-exiting .start-card,.is-exiting .leaderboard-container{visibility:hidden;opacity:0!important;animation:none!important}.is-exiting-fixed{animation:.3s cubic-bezier(.75,0,.25,1) forwards brutalistCardExit}@keyframes brutalistHeroExit{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-40px)scale(.9)}}@keyframes brutalistCardExit{0%{opacity:1;transform:translateY(0)rotate(0)scale(1)}to{opacity:0;transform:translateY(30px)rotate(-4deg)scale(.85)}}.is-exiting-game .stats-bar{animation:.4s cubic-bezier(.75,0,.25,1) forwards brutalistStatsExit}.is-exiting-game .progress-wrapper{animation:.4s cubic-bezier(.75,0,.25,1) forwards brutalistGameExit}.is-exiting-game .camera-wrapper{animation:.5s cubic-bezier(.75,0,.25,1) .1s forwards brutalistGameExit}@keyframes brutalistStatsExit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-60px)}}@keyframes brutalistGameExit{0%{opacity:1;transform:translateY(0)scale(1)rotate(0)}to{opacity:0;transform:translateY(40px)scale(.7)rotate(-4deg)}}.result-card,.name-input-container>*{animation:.6s cubic-bezier(.175,.885,.32,1.275) both resultFormEntry}.name-input-container h2{animation-delay:.1s}.name-input-container .subtitle{animation-delay:.2s}.name-input-container .instruction{animation-delay:.3s}.name-input-container .arcade-input{animation-delay:.4s}.name-input-container .arcade-btn{animation-delay:.5s}@keyframes resultFormEntry{0%{opacity:0;transform:translateY(40px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.is-exiting-name{animation:.5s cubic-bezier(.75,0,.25,1) forwards brutalistNameExit!important}@keyframes brutalistNameExit{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.85)translateY(40px)}}.final-result-card,.final-result-card>*{animation:.6s cubic-bezier(.175,.885,.32,1.275) both resultFormEntry}.final-result-card h2{animation-delay:.1s}.final-result-card .final-score{animation-delay:.2s}.final-result-card .rank-display{animation-delay:.3s}.final-result-card .result-actions{animation-delay:.4s}.is-exiting-result{animation:.5s cubic-bezier(.75,0,.25,1) forwards brutalistNameExit!important}.progress-wrapper{width:100%;max-width:640px;min-height:52px;margin-bottom:.5rem;animation:.8s cubic-bezier(.175,.885,.32,1.275) .1s both cameraDropIn}.camera-wrapper{width:100%;max-width:640px;position:relative;overflow:visible}.noise-overlay{pointer-events:none;width:200%;height:200%;z-index:var(--z-noise);opacity:.04;filter:url(#grain-filter);mix-blend-mode:multiply;will-change:transform;background:#fff;position:fixed;top:-50%;left:-50%}@media (width<=768px){.noise-overlay{display:none}}@media (prefers-reduced-motion:reduce){.noise-overlay{display:none}.hero-six,.hero-seven,.creator-badge,.creator-badge__avatar{animation:none!important}}.sticker-accent{font-family:var(--font-mono);text-transform:uppercase;border:3px solid var(--neo-black);pointer-events:none;z-index:15;animation:stickerPop .6s cubic-bezier(.175, .885, .32, 1.275) var(--sticker-delay,.5s) both;border-radius:4px;padding:.2rem .6rem;font-size:.75rem;font-weight:800;display:inline-block;position:absolute;box-shadow:3px 3px #0003}@keyframes stickerPop{0%{opacity:0;transform:scale(0)rotate(-20deg)}to{transform:scale(1) rotate(var(--final-rotate,0deg));opacity:1}}.sticker-accent--time{background:var(--neo-yellow);color:var(--neo-black);outline:4px solid var(--neo-white);--final-rotate:5deg;--sticker-delay:.6s;letter-spacing:1px;top:-12px;right:20px}.sticker-accent--hand{background:var(--neo-white);border-color:var(--neo-black);outline:4px solid var(--neo-white);--final-rotate:-15deg;--sticker-delay:.75s;border-radius:50%;padding:.4rem;font-size:1.5rem;bottom:-25px;left:-20px}@media (width<=768px){.start-footer{flex-direction:column;align-items:stretch;gap:1rem;margin-top:2rem;padding:0;position:static;top:auto}.creator-badge{justify-content:center;width:100%}.admin-btn{text-align:center;width:100%!important}.creator-badge__qr{display:none}.hero-six,.hero-seven{font-size:clamp(5rem,22vw,10rem)}.hero-game-label{font-size:clamp(.8rem,3vw,1.2rem)}.circular-timer{width:70px;height:70px}.circular-timer__value{font-size:1.5rem}}@media (width<=480px){.hero-six,.hero-seven{-webkit-text-stroke:2px var(--neo-black);font-size:clamp(4rem,25vw,7rem)}}.preloader{z-index:var(--z-preloader);background-color:var(--neo-bg);background-image:radial-gradient(var(--neo-black) .8px, transparent .8px), linear-gradient(45deg, transparent 48%, #11111105 49%, #11111105 51%, transparent 52%), linear-gradient(-45deg, transparent 48%, #11111105 49%, #11111105 51%, transparent 52%);background-size:24px 24px,20px 20px,20px 20px;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.preloader__grain{pointer-events:none;z-index:var(--z-content);opacity:.03;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='1'/%3E%3C/svg%3E");position:absolute;inset:0}.preloader__content{z-index:var(--z-base);box-sizing:border-box;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:clamp(.75rem,2.5vh,2rem);max-height:100vh;padding:0 clamp(1rem,3vw,2rem) 5vh;display:flex;position:relative;overflow:hidden}.preloader__hero{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:.5rem;display:flex;position:relative}.preloader__six-wrap,.preloader__seven-wrap{position:relative}.preloader__six,.preloader__seven{font-size:clamp(6rem,18vw,13rem);font-weight:900;font-family:var(--font-heading);color:var(--neo-white);-webkit-text-stroke:3px var(--neo-black);text-shadow:6px 6px 0px var(--neo-black);letter-spacing:-4px;line-height:.85;display:inline-block;position:relative}.preloader__six{background:var(--neo-blue);border:var(--border-width) solid var(--neo-black);box-shadow:6px 6px 0px var(--neo-black);border-radius:16px 4px;padding:.1em .15em .1em .25em;animation:.8s cubic-bezier(.175,.885,.32,1.275) both preloaderSixEntry,3s ease-in-out 1s infinite preloaderFloat}.preloader__seven{background:var(--neo-pink);border:var(--border-width) solid var(--neo-black);box-shadow:6px 6px 0px var(--neo-black);border-radius:4px 16px;padding:.1em .25em .1em .15em;animation:.8s cubic-bezier(.175,.885,.32,1.275) .15s both preloaderSevenEntry,3s ease-in-out 1.2s infinite preloaderFloatSeven}@keyframes preloaderSixEntry{0%{opacity:0;transform:rotate(-20deg)translateY(-120px)scale(.3)}60%{opacity:1;transform:rotate(4deg)translateY(10px)scale(1.05)}to{opacity:1;transform:rotate(-6deg)translateY(0)scale(1)}}@keyframes preloaderSevenEntry{0%{opacity:0;transform:rotate(20deg)translateY(-120px)translate(20px)scale(.3)}60%{opacity:1;transform:rotate(-3deg)translateY(10px)scale(1.05)}to{opacity:1;transform:rotate(5deg)translateY(-8px)scale(1)}}@keyframes preloaderFloat{0%,to{transform:rotate(-6deg)translateY(0)}33%{transform:rotate(-4deg)translateY(-6px)}66%{transform:rotate(-7deg)translateY(3px)}}@keyframes preloaderFloatSeven{0%,to{transform:rotate(5deg)translateY(-8px)}33%{transform:rotate(3deg)translateY(-14px)}66%{transform:rotate(6deg)translateY(-5px)}}.odometer-global{width:100%;height:100%;z-index:calc(var(--z-header) + 1);pointer-events:none;position:absolute;top:0;left:0}.odometer-global .odometer__slot{will-change:transform;transition:transform .9s cubic-bezier(.75,0,.25,1),width .9s cubic-bezier(.75,0,.25,1),height .9s cubic-bezier(.75,0,.25,1),border-radius .9s cubic-bezier(.75,0,.25,1),background .3s,box-shadow .3s;position:absolute;top:0;left:0}.odometer-global--preloading .odometer__slot--left{transform:translate(calc(50vw - var(--pl-odo-spacing,7rem) - 50%), calc(var(--pl-odo-y,55vh) - 50%))}.odometer-global--preloading .odometer__slot--center{transform:translate(calc(50vw - 50%), calc(var(--pl-odo-y,55vh) - 50%))}.odometer-global--preloading .odometer__slot--right{transform:translate(calc(50vw + var(--pl-odo-spacing,7rem) - 50%), calc(var(--pl-odo-y,55vh) - 50%))}.odometer-global--transitioning .odometer__slot--left,.odometer-global--start .odometer__slot--left{transform:translate(calc(var(--target-x,25vw) - 50%), calc(var(--target-y,50vh) - 50%));background:var(--neo-pink)}.odometer-global--transitioning .odometer__slot--center,.odometer-global--start .odometer__slot--center{transform:translate(calc(var(--target-x,50vw) - 50%), calc(var(--target-y,110px) - 50%)) rotate(-3deg);background:var(--neo-white)}.odometer-global--transitioning .odometer__slot--right,.odometer-global--start .odometer__slot--right{transform:translate(calc(var(--target-x,75vw) - 50%), calc(var(--target-y,50vh) - 50%));background:var(--neo-white)}.odometer-global--exiting .odometer__slot--left{animation:.4s cubic-bezier(.75,0,.25,1) forwards slotExitLeft}.odometer-global--exiting .odometer__slot--center{animation:.4s cubic-bezier(.75,0,.25,1) 50ms forwards slotExitCenter}.odometer-global--exiting .odometer__slot--right{animation:.4s cubic-bezier(.75,0,.25,1) .1s forwards slotExitRight}@keyframes slotExitLeft{0%{transform:translate(calc(var(--target-x,25vw) - 50%), calc(var(--target-y,50vh) - 50%));opacity:1}to{transform:translate(calc(var(--target-x,25vw) - 50% - 150px), calc(var(--target-y,50vh) - 50% + 50px)) rotate(-15deg) scale(.8);opacity:0}}@keyframes slotExitCenter{0%{transform:translate(calc(var(--target-x,50vw) - 50%), calc(var(--target-y,110px) - 50%)) rotate(-3deg);opacity:1}to{transform:translate(calc(var(--target-x,50vw) - 50%), calc(var(--target-y,110px) - 50% - 40px)) rotate(-3deg) scale(.9);opacity:0}}@keyframes slotExitRight{0%{transform:translate(calc(var(--target-x,75vw) - 50%), calc(var(--target-y,50vh) - 50%));opacity:1}to{transform:translate(calc(var(--target-x,75vw) - 50% + 150px), calc(var(--target-y,50vh) - 50% + 50px)) rotate(15deg) scale(.8);opacity:0}}.odometer-global--returning .odometer__slot--left{animation:.8s cubic-bezier(.175,.885,.32,1.275) both slotReturnLeft}.odometer-global--returning .odometer__slot--center{animation:.8s cubic-bezier(.175,.885,.32,1.275) .1s both slotReturnCenter}.odometer-global--returning .odometer__slot--right{animation:.8s cubic-bezier(.175,.885,.32,1.275) .2s both slotReturnRight}.odometer-global--returning .odometer__slot:after{display:none!important}@keyframes slotReturnLeft{0%{transform:translate(calc(var(--target-x,25vw) - 50% - 150px), calc(var(--target-y,50vh) - 50% + 100px)) rotate(-25deg) scale(.8);opacity:0}to{transform:translate(calc(var(--target-x,25vw) - 50%), calc(var(--target-y,50vh) - 50%));opacity:1}}@keyframes slotReturnCenter{0%{transform:translate(calc(var(--target-x,50vw) - 50%), calc(var(--target-y,110px) - 50% - 40px)) rotate(-10deg) scale(.85);opacity:0}to{transform:translate(calc(var(--target-x,50vw) - 50%), calc(var(--target-y,110px) - 50%)) rotate(-3deg) scale(1);opacity:1}}@keyframes slotReturnRight{0%{transform:translate(calc(var(--target-x,75vw) - 50% + 150px), calc(var(--target-y,50vh) - 50% + 100px)) rotate(25deg) scale(.8);opacity:0}to{transform:translate(calc(var(--target-x,75vw) - 50%), calc(var(--target-y,50vh) - 50%));opacity:1}}.odometer-global--transitioning .odometer__digit-track,.odometer-global--start .odometer__digit-track{opacity:0;transition:opacity .4s}.odometer-global .odometer__slot:after{content:"";background:var(--neo-yellow);z-index:var(--z-content);opacity:0;transition:transform .6s cubic-bezier(.75,0,.25,1),opacity .4s;position:absolute;inset:0}.odometer-global--transitioning .odometer__slot:after,.odometer-global--start .odometer__slot:after{opacity:1}.odometer-global--revealed .odometer__slot:after{transform:translateY(-100%)}.odometer__content{z-index:var(--z-flat);opacity:0;pointer-events:none;padding:2rem 1.5rem;position:absolute;inset:0;overflow-y:auto}.odometer-global--revealed .odometer__content{opacity:1;pointer-events:auto;transition:opacity .3s ease-out .3s}.odometer__content--label{font-family:var(--font-mono);letter-spacing:.2em;color:var(--neo-black);white-space:nowrap;justify-content:center;align-items:center;padding:.4rem 1.5rem;font-size:clamp(1rem,2vw,1.4rem);font-weight:800;display:flex}.odometer__slot{background:var(--neo-white);border:var(--border-width) solid var(--neo-black);width:clamp(2.8rem,6vw + .5rem,5.5rem);height:clamp(3.5rem,8vw + .5rem,7rem);box-shadow:clamp(3px, .5vw, 6px) clamp(3px, .5vw, 6px) 0px var(--neo-black);contain:layout paint style;will-change:transform;border-radius:clamp(6px,1vw,10px);position:relative;overflow:hidden}.odometer__digit-track{will-change:transform;flex-direction:column;transition:transform .4s cubic-bezier(.23,1,.32,1);display:flex}.odometer__digit{width:100%;height:clamp(3.5rem,8vw + .5rem,7rem);font-family:var(--font-mono);color:var(--neo-black);flex-shrink:0;justify-content:center;align-items:center;font-size:clamp(2rem,5vw + .5rem,4.5rem);font-weight:900;line-height:1;display:flex}.odometer-global:not(.odometer-global--start):not(.odometer-global--transitioning).odometer--done .odometer__slot{background:var(--neo-yellow);box-shadow:5px 5px 0px var(--neo-black), 0 0 20px #d4ff0066}@keyframes odometerEntry{0%{opacity:0;margin-top:30px;scale:.7}60%{opacity:1;margin-top:-5px;scale:1.03}to{opacity:1;margin-top:0;scale:1}}.preloader__hero-spacer{display:none}.horizon-lines{width:100%;max-width:clamp(280px,60vw,600px);height:clamp(4px,.6vw,6px);top:var(--pl-horizon-y,72vh);z-index:var(--z-content);justify-content:center;align-items:center;gap:0;display:flex;position:absolute;left:50%;transform:translate(-50%)}.horizon-line{will-change:width;border-radius:2px;height:clamp(2px,.3vw,3px);transition:width .5s cubic-bezier(.23,1,.32,1)}.horizon-line--left{background:var(--neo-yellow);box-shadow:0 0 8px #d4ff0066}.horizon-line--right{background:var(--neo-pink);box-shadow:0 0 8px #ff00a04d}.preloader--exiting{animation:.9s cubic-bezier(.75,0,.25,1) forwards preloaderCurtainClose}.preloader--exiting .horizon-lines{animation:.4s forwards horizonExit}@keyframes preloaderCurtainClose{0%{clip-path:inset(0);opacity:1}to{clip-path:inset(50% 0);opacity:0;pointer-events:none}}@keyframes horizonExit{0%{opacity:1}to{opacity:0;transform:scaleY(5)}}.camera-modal-overlay{z-index:var(--z-noise);background:#111111e0;justify-content:center;align-items:center;padding:2rem;animation:.4s both overlayFadeIn;display:flex;position:fixed;inset:0}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.preloader__camera-card{background:var(--neo-green);border:var(--border-width) solid var(--neo-black);box-shadow:clamp(4px, .8vw, 8px) clamp(4px, .8vw, 8px) 0px var(--neo-black);text-align:center;border-radius:clamp(10px,1.5vw,16px);width:100%;max-width:min(480px,90vw);padding:clamp(1rem,2.5vw,2rem) clamp(1.2rem,3vw,2.5rem);animation:.6s cubic-bezier(.175,.885,.32,1.275) both cameraCardEntry;position:relative;overflow:hidden}.preloader__camera-card:before{content:"";border-radius:inherit;pointer-events:none;width:100%;height:100%;z-index:var(--z-base);mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.04'/%3E%3C/svg%3E");position:absolute;top:0;left:0}.preloader__camera-card>*{z-index:var(--z-flat);position:relative}.preloader__camera-card--denied{background:var(--neo-pink)}@keyframes cameraCardEntry{0%{opacity:0;transform:translateY(50px)rotate(-4deg)scale(.8)}to{opacity:1;transform:translateY(0)rotate(0)scale(1)}}.preloader__camera-icon{margin-bottom:clamp(.3rem,.5vw,.5rem);font-size:clamp(2.5rem,4vw + 1rem,3.5rem);animation:2s ease-in-out infinite cameraIconBounce}@keyframes cameraIconBounce{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-5px)rotate(-5deg)}75%{transform:translateY(-3px)rotate(3deg)}}.preloader__camera-title{font-family:var(--font-heading);color:var(--neo-black);text-transform:uppercase;letter-spacing:-1px;margin:0 0 .8rem;font-size:clamp(1.5rem,4vw,2.2rem);font-weight:900;line-height:1.1}.preloader__camera-desc{color:var(--neo-black);margin-bottom:clamp(1rem,1.5vw,1.5rem);font-size:clamp(.85rem,1vw + .3rem,1rem);font-weight:600;line-height:1.5}.preloader__camera-btn{padding:clamp(.6rem,1vw,.9rem) clamp(1.5rem,2.5vw,2.5rem)!important;font-size:clamp(1rem,1.3vw + .3rem,1.3rem)!important}.preloader__camera-steps{text-align:left;flex-direction:column;gap:.8rem;margin-bottom:1.5rem;display:flex}.preloader__step{color:var(--neo-black);border:2px solid var(--neo-black);background:#ffffff4d;border-radius:8px;align-items:center;gap:.8rem;padding:.6rem 1rem;font-size:.95rem;font-weight:700;display:flex}.preloader__step-num{background:var(--neo-black);width:28px;height:28px;color:var(--neo-white);font-family:var(--font-mono);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:900;display:flex}.preloader__footer-label{position:absolute;bottom:clamp(1rem,2.5vh,2rem);left:50%;transform:translate(-50%)}.preloader__made-by{font-family:var(--font-mono);letter-spacing:clamp(1.5px,.3vw,3px);text-transform:uppercase;color:var(--neo-black);opacity:.4;white-space:nowrap;font-size:clamp(.5rem,.7vw + .2rem,.7rem);font-weight:800}@media (width<=768px){.phase-tags{max-width:90vw}.phase-tag{padding:.4rem 1rem;font-size:.7rem}}@media (width<=480px){.preloader__step{padding:.5rem .8rem;font-size:.85rem}}@media (width<=768px){.is-gameplay .main-content{padding:.25rem .5rem .5rem}.is-gameplay .game-area{max-width:100%}.progress-wrapper{max-width:100%;min-height:44px;margin-bottom:.25rem}.camera-wrapper{max-width:100%}.stats-bar{box-shadow:4px 4px 0px var(--neo-black);border-radius:10px 10px 0 0}.countdown-overlay{-webkit-text-stroke:3px var(--neo-black);text-shadow:5px 5px 0px var(--neo-black);border-radius:12px;font-size:8rem}.camera-container{box-shadow:6px 6px 0px var(--neo-black);border-radius:12px}.camera-inner{border-radius:12px}.final-result-card{padding:1.5rem}.final-score{margin:1rem 0;font-size:1.5rem}.huge-number{-webkit-text-stroke:3px var(--neo-black);text-shadow:5px 5px 0px var(--neo-black);font-size:5rem}.rank-display{font-size:1.2rem!important}.result-actions{gap:.8rem;margin-top:1rem}.certificate-modal{box-shadow:6px 6px 0px var(--neo-black);max-height:90vh;padding:1rem}.certificate-modal .glow-text{margin-bottom:.5rem!important;font-size:1.5rem!important}.cert-actions{flex-direction:column;align-items:stretch;gap:1rem}.cert-buttons{flex-direction:row;justify-content:center;gap:.5rem}.cert-buttons .btn-primary,.cert-buttons .btn-secondary{width:auto!important;padding:.6rem 1rem!important;font-size:.9rem!important}.cert-qr p{font-size:.85rem!important}.qr-box{padding:8px}.name-input-container .glow-text{font-size:1.5rem}.name-input-container .subtitle{font-size:1.5rem!important}.arcade-input{gap:.5rem;margin:1rem 0}.consent-box{max-width:100%;padding:.75rem}.consent-label{font-size:.75rem}.floating-score{font-size:2rem}.combo-counter{padding:.3rem .8rem}.combo-value{font-size:1.4rem}.combo-label{font-size:.55rem}}@media (width<=480px){.is-gameplay .main-content{padding:.15rem .25rem .25rem}.stats-bar{box-shadow:3px 3px 0px var(--neo-black);border-radius:8px 8px 0 0}.progress-wrapper{min-height:38px;margin-bottom:.15rem}.progress-rank-labels{margin-bottom:.15rem;font-size:.7rem}.progress-next{font-size:.6rem}.progress-track{height:16px}.countdown-overlay{-webkit-text-stroke:2px var(--neo-black);text-shadow:3px 3px 0px var(--neo-black);border-radius:8px;font-size:5rem}.camera-container{box-shadow:4px 4px 0px var(--neo-black);border-width:3px;border-radius:8px}.camera-inner{border-radius:8px}.final-result-card{box-shadow:5px 5px 0px var(--neo-black);border-radius:10px;padding:1rem .75rem}.final-score{margin:.5rem 0;font-size:1.2rem}.huge-number{-webkit-text-stroke:2px var(--neo-black);text-shadow:4px 4px 0px var(--neo-black);margin:.5rem 0;font-size:3.5rem}.rank-display{margin:.5rem 0!important;font-size:1rem!important}.result-actions{gap:.6rem;margin-top:.75rem}.result-actions .btn-primary,.result-actions .btn-secondary{padding:.7rem 1rem;font-size:.9rem}.glow-text{font-size:1.4rem}.certificate-overlay{align-items:flex-start;padding:.5rem}.certificate-modal{box-shadow:4px 4px 0px var(--neo-black);border-radius:10px;max-height:95vh;padding:.75rem}.certificate-modal .glow-text{margin-bottom:.5rem!important;font-size:1.2rem!important}.cert-preview-wrapper{box-shadow:3px 3px 0px var(--neo-black);margin-bottom:.75rem}.cert-actions{gap:.75rem}.cert-buttons{flex-direction:column;gap:.5rem;width:100%}.cert-buttons .btn-primary,.cert-buttons .btn-secondary{width:100%!important;padding:.5rem .8rem!important;font-size:.85rem!important}.cert-qr p{margin:.25rem 0!important;font-size:.75rem!important}.qr-box{padding:6px}.certificate-modal .btn-secondary{padding:.5rem 1rem;font-size:.85rem}.name-input-container .glow-text{font-size:1.3rem}.name-input-container .subtitle{font-size:1.3rem!important}.name-input-container .instruction{font-size:.9rem}.char-slot{width:32px;height:45px;box-shadow:3px 3px 0px var(--neo-black);border-width:3px;border-radius:8px;font-size:1.8rem}.arcade-input{gap:.35rem;margin:.75rem 0}.consent-box{margin-top:1rem;padding:.5rem}.consent-label{gap:6px;font-size:.7rem}.consent-checkbox{transform:scale(1)}.arcade-btn{padding:.7rem 1.5rem!important;font-size:1rem!important}.floating-score{-webkit-text-stroke:1px var(--neo-black);font-size:1.5rem}.combo-counter{border-radius:8px;padding:.2rem .6rem;top:5px;right:5px}.combo-value{font-size:1.1rem}.combo-label{letter-spacing:2px;font-size:.5rem}.marquee-3d-drum{transform:translateZ(-18px)rotateX(0)}.marquee-3d-drum.is-flipped{transform:translateZ(-18px)rotateX(90deg)}.marquee-face--front{transform:rotateX(0)translateZ(18px)}.marquee-face--bottom{transform:rotateX(-90deg)translateZ(18px)}.header{padding:.5rem 1rem .75rem}.hero-game-label{box-shadow:3px 3px 0px var(--neo-black);padding:.3rem 1rem}.hero-game-label-wrapper{margin-top:-1rem}}@media (width<=375px){.huge-number{font-size:3rem}.char-slot{width:28px;height:40px;font-size:1.5rem}.countdown-overlay{font-size:4rem}.stats-bar{padding:.3rem .4rem}.stat{font-size:.85rem}.stat span{font-size:1.2rem}.circular-timer,.circular-timer__svg{width:45px;height:45px}.circular-timer__value{font-size:1rem}.certificate-modal{padding:.5rem}}@media (height<=600px) and (orientation:landscape){.is-gameplay .main-content{padding:.15rem .5rem}.stats-bar{border-radius:8px;margin-bottom:.15rem;padding:.3rem .5rem}.progress-wrapper{min-height:30px;margin-bottom:.1rem}.progress-track{height:14px}.progress-rank-labels{margin-bottom:.1rem;font-size:.6rem}.countdown-overlay{font-size:4rem}.marquee-3d-container{height:32px}}