@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;700;900&display=swap";.qe-root{position:relative;z-index:1;width:100%;display:flex;align-items:center;justify-content:center;transform:scale(1.28);transform-origin:center center;font-family:Outfit,sans-serif}.qe-bg{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none}.qe-over-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:5;pointer-events:none}.qe-input:focus{background:#f0c020!important;outline:none}.qhov{position:relative;transition:transform .16s cubic-bezier(.34,1.7,.45,1),box-shadow .16s ease}.qhov:hover{transform:translate(-3px,-4px) rotate(-1.4deg) scale(1.045)}.qhov:hover:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.3),transparent 60%);animation:qe-sparkle .4s ease-out forwards}.qhov:active{transform:translate(1px,2px) scale(.98)}.qtile{transition:transform .13s cubic-bezier(.34,1.7,.45,1)}.qtile:hover{transform:scale(1.1) rotate(-3deg);z-index:4}.qlogo{transition:transform .18s cubic-bezier(.34,1.7,.45,1)}.qlogo:hover{transform:scale(1.06) rotate(-8deg)}@keyframes qe-blink{0%,92%,to{transform:scaleY(1)}96%{transform:scaleY(.08)}}@keyframes qe-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes qe-bar-pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes qe-num-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.16)}}@keyframes qe-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes qe-pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}@keyframes qe-screenshake{8%{transform:translate(-9px,6px) rotate(-1deg)}22%{transform:translate(8px,-6px) rotate(.9deg)}38%{transform:translate(-7px,-4px) rotate(-.6deg)}54%{transform:translate(7px,5px) rotate(.6deg)}70%{transform:translate(-5px,3px) rotate(-.35deg)}86%{transform:translate(4px,-2px) rotate(.2deg)}to{transform:translate(0)}}@keyframes qe-glowpulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.8;transform:scale(1.06)}}@keyframes qe-reveal{0%,to{box-shadow:0 0 0 4px #22c55e,0 0 18px 4px #22c55e99}50%{box-shadow:0 0 0 5px #22c55e,0 0 28px 9px #22c55ee6}}@keyframes qe-shard{to{transform:translate(var(--tx),var(--ty)) scale(.2);opacity:0}}@keyframes qe-tokenpulse{0%,to{transform:scale(1)}50%{transform:scale(1.09)}}@keyframes qe-floatup{0%{opacity:0;transform:translateY(8px)}18%{opacity:1}to{opacity:0;transform:translateY(-20px)}}@keyframes qe-countdown-scale{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:1}}@keyframes qe-marathon-fill{0%,to{width:0%}50%{width:100%}}@keyframes qe-race-fill{0%{opacity:.2;background:#fff3}50%{opacity:1;background:currentColor}to{opacity:.2;background:#fff3}}@keyframes qe-power-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}@keyframes qe-glow{0%,to{text-shadow:0 0 20px rgba(255,0,255,.6),0 0 40px rgba(0,255,255,.3),0 0 60px rgba(255,0,255,.2)}50%{text-shadow:0 0 30px rgba(255,0,255,.8),0 0 60px rgba(0,255,255,.5),0 0 90px rgba(255,0,255,.4)}}@keyframes qe-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.2) rotate(8deg)}}@keyframes qe-particle-burst{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--px),var(--py)) scale(.3)}}@keyframes qe-sparkle{0%,to{opacity:0}50%{opacity:1}}@keyframes qe-eye-glow{0%,to{box-shadow:0 0 12px currentColor,0 0 24px currentColor}50%{box-shadow:0 0 20px currentColor,0 0 36px currentColor}}@keyframes qe-float0{0%,to{transform:translateY(0) translate(0)}25%{transform:translateY(-30px) translate(15px)}50%{transform:translateY(-60px) translate(-10px)}75%{transform:translateY(-30px) translate(-20px)}}@keyframes qe-float1{0%,to{transform:translateY(0) translate(0)}25%{transform:translateY(-40px) translate(-20px)}50%{transform:translateY(-70px) translate(10px)}75%{transform:translateY(-40px) translate(25px)}}@keyframes qe-float2{0%,to{transform:translateY(0) translate(0)}25%{transform:translateY(-35px) translate(25px)}50%{transform:translateY(-65px) translate(-15px)}75%{transform:translateY(-35px) translate(-25px)}}@keyframes qe-menu-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes qe-menu-fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}@keyframes qe-powerup-burst{0%{opacity:1;transform:scale(1) translate(0)}to{opacity:0;transform:scale(.3) translate(var(--px),var(--py))}}@keyframes qe-tile-shake{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.05) rotate(-2deg)}50%{transform:scale(1) rotate(1deg)}75%{transform:scale(1.05) rotate(-1deg)}}@keyframes qe-slide-scale-in{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes qe-countdown-pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}@keyframes qe-countdown-pop-alt{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}@keyframes qe-melt-out{0%{transform:scaleY(1) scaleX(1) skew(0);filter:blur(0) brightness(1);opacity:1}60%{transform:scaleY(.55) scaleX(1.05) skew(-2.4deg);filter:blur(7px) brightness(1.2);opacity:.65}to{transform:scaleY(.03) scaleX(1.12) skew(-7deg) translateY(20px);filter:blur(16px) brightness(1.35);opacity:0}}@keyframes qe-assemble-in{0%{transform:scale(.76) rotate(-3deg);filter:blur(18px);opacity:0}55%{transform:scale(1.04) rotate(.9deg);filter:blur(2px);opacity:1}to{transform:scale(1) rotate(0);filter:blur(0);opacity:1}}@keyframes qe-pulse{0%{background:currentColor}50%{background:currentColor;opacity:.6}to{background:currentColor}}@keyframes qe-shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}@keyframes qe-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes qe-bar-pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes qe-num-pulse{0%,to{color:#d02020}50%{color:#d02020;opacity:.6}}@keyframes qe-screen-shake{0%,to{transform:translate(0) translateY(0)}10%{transform:translate(-3px) translateY(-3px)}20%{transform:translate(3px) translateY(3px)}30%{transform:translate(-3px) translateY(3px)}40%{transform:translate(3px) translateY(-3px)}50%{transform:translate(-2px) translateY(-2px)}60%{transform:translate(2px) translateY(2px)}70%{transform:translate(-2px) translateY(2px)}80%{transform:translate(2px) translateY(-2px)}90%{transform:translate(-1px) translateY(-1px)}}:root{--color-bg: #000000;--color-fg: #121212;--color-red: #D02020;--color-blue: #1040C0;--color-yellow: #F0C020;--color-white: #FFFFFF;--color-muted: #E0E0E0;--shadow-sm: 4px 4px 0px 0px #121212;--shadow-md: 6px 6px 0px 0px #121212;--shadow-lg: 8px 8px 0px 0px #121212;--border-width: 4px}body{font-family:Outfit,sans-serif;background:#0d0d0d;min-height:100vh;margin:0;padding:0;color:var(--color-fg);overflow:hidden}#root{display:flex;justify-content:center;align-items:center;min-height:100vh}.qe-app-shell{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d0d0d;display:flex;align-items:center;justify-content:center;overflow:hidden}.container{max-width:600px;width:100%;background:var(--color-white);border:var(--border-width) solid var(--color-fg);padding:2rem;box-shadow:var(--shadow-lg);text-align:center}.game-container{width:100%;display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;background:#000}h1{color:var(--color-fg);margin-bottom:2rem;font-size:clamp(2rem,10vw,4rem);font-weight:900;text-transform:uppercase;letter-spacing:-2px;line-height:.9}.setup-screen{display:flex;flex-direction:column;gap:1rem}.setup-screen p{color:var(--color-fg);margin-bottom:.5rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;font-size:.875rem}.setup-screen input{padding:.875rem 1rem;font-size:1rem;border:var(--border-width) solid var(--color-fg);background:var(--color-white);font-family:Outfit,sans-serif;font-weight:500}.setup-screen input:focus{outline:none;box-shadow:var(--shadow-sm)}.setup-screen button{padding:1rem 1.5rem;font-size:1rem;background:var(--color-red);color:var(--color-white);border:var(--border-width) solid var(--color-fg);cursor:pointer;font-weight:700;text-transform:uppercase;letter-spacing:1px;box-shadow:var(--shadow-md);transition:all .2s ease-out;font-family:Outfit,sans-serif}.setup-screen button:hover{background:#b91a1a;transform:translateY(-2px)}.setup-screen button:active{transform:translateY(2px);box-shadow:2px 2px #121212}
