@font-face{font-family:"Baloo 2";src:url(/fonts/baloo-2-latin-800-normal.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Baloo 2";src:url(/fonts/baloo-2-latin-ext-800-normal.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap;unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Baloo 2";src:url(/fonts/baloo-2-latin-700-normal.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Baloo 2";src:url(/fonts/baloo-2-latin-ext-700-normal.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DSEG7 Classic;src:url(/fonts/DSEG7Classic-Bold.woff2) format("woff2"),url(/fonts/DSEG7Classic-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{--purple-top: #9a2ee8;--purple: #9226e0;--purple-bottom: #8a1fd8;--dot: rgba(122, 126, 98, .78);--lcd-bg: #3f3c48;--seg-on: #9ee23a;--seg-off: rgba(158, 226, 58, .07);--seg-glow: rgba(158, 226, 58, .35);--green-1: #aee356;--green-2: #8fce35;--green-3: #6aa218;--btn-text: #34333a}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;width:100%}body{font-family:"Baloo 2",Poppins,Segoe UI,system-ui,-apple-system,sans-serif;overflow:hidden;user-select:none;-webkit-user-select:none}.stage{position:relative;height:100%;width:100%;display:flex;flex-direction:column;align-items:center;color:#fff;background:linear-gradient(180deg,var(--purple-top) 0%,var(--purple) 55%,var(--purple-bottom) 100%);overflow:hidden}.dots{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.dot{position:absolute;border-radius:50%;background:radial-gradient(circle at 50% 40%,#969a78b8,#787c6099 62%,#70745a00);filter:blur(.4px);will-change:transform;animation:float 14s ease-in-out infinite}.dot--1{left:-4%;top:-12%;width:16vw;height:16vw;opacity:.85;animation-delay:0s;animation-duration:17s}.dot--2{left:79%;top:8%;width:8vw;height:8vw;opacity:.7;animation-delay:-3s;animation-duration:15s}.dot--3{left:94%;top:40%;width:5vw;height:5vw;opacity:.6;animation-delay:-6s;animation-duration:12s}.dot--4{left:85%;top:82%;width:15vw;height:15vw;opacity:.8;animation-delay:-2s;animation-duration:19s}.dot--5{left:4%;top:70%;width:6vw;height:6vw;opacity:.7;animation-delay:-8s;animation-duration:14s}.dot--6{left:14%;top:91%;width:4vw;height:4vw;opacity:.55;animation-delay:-5s;animation-duration:11s}.dot--7{left:0%;top:38%;width:4.5vw;height:4.5vw;opacity:.6;animation-delay:-10s;animation-duration:16s}.dot--8{left:45%;top:92%;width:3.2vw;height:3.2vw;opacity:.5;animation-delay:-7s;animation-duration:13s}@keyframes float{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-14px) translate(6px)}}.stage--won{background:linear-gradient(180deg,#a94ff0 0%,var(--purple) 55%,var(--purple-bottom) 100%)}.topbar{width:100%;display:flex;align-items:center;justify-content:center;padding:clamp(1.2rem,5vh,3rem) clamp(1.2rem,4vw,3rem) 0;z-index:2}.challenge{font-family:"Baloo 2",sans-serif;font-size:clamp(1.6rem,6vh,3.6rem);font-weight:800;text-align:center;line-height:1.05;color:#fff;letter-spacing:.2px;text-shadow:0 3px 10px rgba(40,0,70,.4)}.center{flex:1;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;width:100%}.display{position:relative;font-family:DSEG7 Classic,monospace;font-size:clamp(4rem,27vh,15rem);line-height:1;padding:.18em .3em .22em;border-radius:.14em;background:var(--lcd-bg);box-shadow:inset 0 3px 14px #00000073,inset 0 -1px 3px #ffffff0d,0 20px 46px #1e003766}.display__ghost{color:var(--seg-off)}.display__value{position:absolute;top:.18em;right:.3em;bottom:.22em;left:.3em;color:var(--seg-on);text-shadow:0 0 10px var(--seg-glow)}.display--live .display__value{animation:flicker .9s infinite steps(2,jump-none);text-shadow:0 0 14px var(--seg-glow),0 0 28px rgba(158,226,58,.3)}.display--won{animation:pop .5s ease both;box-shadow:inset 0 3px 14px #00000073,0 0 0 3px #9ee23a8c,0 0 50px #9ee23a73}.display--won .display__value{text-shadow:0 0 18px var(--seg-on),0 0 40px rgba(158,226,58,.6)}.display--lost .display__value{opacity:.92}@keyframes flicker{0%,to{opacity:1}50%{opacity:.9}}@keyframes pop{0%{transform:scale(.92)}60%{transform:scale(1.05)}to{transform:scale(1)}}.btn{font-family:"Baloo 2",sans-serif;font-weight:800;letter-spacing:1.5px;font-size:clamp(1.3rem,4.4vh,2.6rem);color:var(--btn-text);background:linear-gradient(180deg,var(--green-1),var(--green-2));border:none;border-radius:999px;padding:clamp(.55rem,2vh,1rem) clamp(3.5rem,13vw,7rem);cursor:pointer;margin-top:clamp(1.2rem,3.5vh,2.4rem);position:relative;z-index:3;box-shadow:0 7px 0 var(--green-3),0 14px 30px #1e003761;transition:transform .08s ease,box-shadow .08s ease}.btn:active{transform:translateY(5px);box-shadow:0 2px 0 var(--green-3),0 6px 16px #1e003761}.btn--start{animation:breathe 1.9s ease-in-out infinite}.btn--stop{color:#fff;background:linear-gradient(180deg,#ff5c5c,#d61c1c);box-shadow:0 7px #7a0000,0 14px 30px #1e003761;animation:throb .7s ease-in-out infinite}.btn--stop:active{box-shadow:0 2px #7a0000,0 6px 16px #1e003761}.btn--again{color:var(--btn-text);background:linear-gradient(180deg,#ffe45e,#ffca28);box-shadow:0 7px #c79a00,0 14px 30px #1e003761}.btn--again:active{box-shadow:0 2px #c79a00,0 6px 16px #1e003761}@keyframes throb{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.result{min-height:clamp(1.6rem,6vh,3.2rem);margin-top:clamp(.8rem,2.5vh,1.6rem);display:flex;align-items:center;text-align:center;padding:0 1rem}.result__msg{font-family:"Baloo 2",sans-serif;font-size:clamp(1rem,3.2vh,1.9rem);font-weight:700;text-shadow:0 2px 10px rgba(30,0,55,.4)}.result__msg--win{color:#eaffc2;font-weight:800;font-size:clamp(1.3rem,4.2vh,2.4rem);animation:pop .5s ease both}.result__msg--lose{color:#f7e6ff}.result__sub{font-size:.68em;font-weight:600;opacity:.9;display:block;margin-top:.15em}.result__msg--live{color:#fffffff0}.footer{z-index:2;width:100%;display:flex;justify-content:center;padding:clamp(.6rem,2vh,1.4rem) 1rem clamp(.8rem,2.5vh,1.6rem)}.footer__logo{height:clamp(32px,6.5vh,68px);width:auto;opacity:.55;filter:brightness(0) invert(1) drop-shadow(0 4px 12px rgba(0,0,0,.2));pointer-events:none}.sad-rain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:55}.sad-rain__drop{position:absolute;top:-18vh;filter:drop-shadow(0 6px 16px rgba(0,0,0,.35));animation-name:sad-fall;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes sad-fall{0%{transform:translateY(-20vh) rotate(0);opacity:0}8%{opacity:1}92%{opacity:1}to{transform:translate(var(--drift),122vh) rotate(var(--rot));opacity:.85}}@media (orientation: portrait){.challenge{font-size:clamp(1.2rem,3.6vh,2rem)}}