@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:500;src:url(./fredoka-latin-500-normal-B0JifZgm.woff2)format("woff2"),url(./fredoka-latin-500-normal-BL692wg7.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:600;src:url(./fredoka-latin-600-normal-C4zohCW5.woff2)format("woff2"),url(./fredoka-latin-600-normal-CcrEjrB4.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:700;src:url(./fredoka-latin-700-normal-BOIZVyIN.woff2)format("woff2"),url(./fredoka-latin-700-normal-C8FeHd3X.woff)format("woff")}:root{--ink:#07070b;--panel:#15151c;--panel-2:#1f1f29;--line:#ffffff1a;--text:#f5f5f8;--muted:#a3a3b5;--accent:#39ff6a;--accent-ink:#062110;--danger:#ff4b6e;--gold:#ffd84a;--radius:22px;font-synthesis:none}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;color:var(--text);overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#050507;margin:0;font-family:Fredoka,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;overflow:hidden}#app{background:#0b0b10;background:radial-gradient(ellipse at 50% 40%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 60%), var(--backdrop,none) center / 900px auto repeat, #0b0b10;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}#app:after{content:"";pointer-events:none;background:#050508b8;position:absolute;top:0;bottom:0;left:0;right:0}#stage{transform-origin:0 0;z-index:1;touch-action:none;background:#0b0b10;border-radius:0;width:540px;height:960px;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 0 0 3px #000,0 30px 80px #000000b3}#game{width:540px;height:960px;display:block;position:absolute;top:0;bottom:0;left:0;right:0}#ui{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}#ui>*{pointer-events:none}#ui>.screen.show{pointer-events:auto}.noscript{color:#fff;text-align:center;margin-top:40vh;font-family:sans-serif}.screen{opacity:0;visibility:hidden;scrollbar-width:none;flex-direction:column;align-items:center;padding:28px 28px 34px;transition:opacity .22s,transform .28s cubic-bezier(.2,.9,.3,1.2),visibility 0s linear .22s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden auto;transform:scale(.98)}.screen::-webkit-scrollbar{display:none}.screen.show{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .22s,transform .28s cubic-bezier(.2,.9,.3,1.2),visibility;transform:none}.screen.dim{-webkit-backdrop-filter:blur(3px);background:#0505099e}.screen.center{justify-content:center}.panel{background:linear-gradient(180deg, #ffffff0f, #fff0 40%), var(--panel);border:3px solid var(--ink);border-radius:var(--radius);width:100%;box-shadow:inset 0 0 0 2px var(--line), 0 8px 0 var(--ink), 0 18px 40px #0000008c;padding:26px 24px 24px;position:relative}.panel:before{content:"";border-radius:calc(var(--radius) - 8px);pointer-events:none;border:2px dashed #ffffff17;position:absolute;top:7px;bottom:7px;left:7px;right:7px}h1,h2,h3,p{margin:0}.h-title{letter-spacing:.5px;text-align:center;text-shadow:0 3px 0 var(--ink);font-size:34px;font-weight:700}.sub{color:var(--muted);text-align:center;font-size:18px;line-height:1.35}.btn{--bg:var(--panel-2);--fg:var(--text);--edge:var(--ink);border:3px solid var(--ink);background:linear-gradient(180deg, #ffffff2e, #fff0 55%), var(--bg);min-height:62px;color:var(--fg);letter-spacing:.3px;text-transform:uppercase;cursor:pointer;box-shadow:0 6px 0 var(--edge), inset 0 -3px 0 #0000002e;pointer-events:auto;white-space:nowrap;border-radius:18px;outline:none;justify-content:center;align-items:center;gap:10px;padding:0 26px;font:600 22px/1 Fredoka,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;transition:transform 60ms,box-shadow 60ms,filter .15s;display:inline-flex;position:relative;transform:translateY(0)}.btn svg{flex:none;font-size:1.1em}.btn:hover{filter:brightness(1.08)}.btn:active,.btn.pressed{box-shadow:0 1px 0 var(--edge), inset 0 -2px 0 #0000002e;transform:translateY(5px)}.btn:focus-visible{box-shadow:0 6px 0 var(--edge), 0 0 0 4px #fff, 0 0 0 7px var(--ink)}.btn:disabled,.btn[aria-disabled=true]{filter:grayscale(.8)brightness(.7);cursor:default}.btn.primary{--bg:var(--accent);--fg:var(--accent-ink);font-weight:700}.btn.gold{--bg:var(--gold);--fg:#2a1d00;font-weight:700}.btn.big{border-radius:24px;min-height:84px;padding:0 40px;font-size:32px}.btn.wide{width:100%}.btn.icon{border-radius:18px;width:62px;min-height:62px;padding:0;font-size:28px}.btn.icon.sm{width:54px;min-height:54px;font-size:24px}.btn.ghost{--bg:#14141cbf}.btn.discord{--bg:#5865f2;--fg:#fff;--edge:#353ca8;font-weight:700;text-decoration:none}.btn.discord:hover{filter:brightness(1.12);box-shadow:0 6px 0 var(--edge), 0 0 20px #5865f273, inset 0 -3px 0 #0000002e}.btn.loading{color:#0000!important}.btn.loading:after{content:"";border:4px solid #00000040;border-top-color:var(--accent-ink);border-radius:50%;width:26px;height:26px;animation:.7s linear infinite spin;position:absolute}@keyframes spin{to{transform:rotate(360deg)}}.row{gap:14px;width:100%;display:flex}.row>.btn{white-space:normal;text-align:center;flex:1;min-width:0;padding:0 12px;line-height:1.05}.stack{flex-direction:column;gap:16px;width:100%;display:flex}.spacer{flex:1}.title-top{justify-content:space-between;align-items:flex-start;width:100%;display:flex}.wordmark-link{pointer-events:auto;cursor:pointer;outline:none;align-items:center;text-decoration:none;transition:transform .12s,filter .12s;display:inline-flex}.wordmark-link:hover{filter:brightness(1.15)drop-shadow(0 0 12px #ffffff4d);transform:translateY(-1px)}.wordmark-link:active{transform:translateY(1px)}.wordmark-link:focus-visible{outline:3px solid var(--accent);outline-offset:4px;border-radius:8px}.wordmark{width:190px;height:auto;filter:drop-shadow(0 3px 0 var(--ink));display:block}.logo-block{text-align:center;margin-top:40px;animation:3.2s ease-in-out infinite float}.game-title{letter-spacing:-1px;color:#fff;text-transform:uppercase;-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;text-shadow:0 7px 0 var(--ink), 0 0 40px color-mix(in srgb, var(--accent) 45%, transparent);font-size:88px;font-weight:700;line-height:.88}.game-title .hop{color:var(--accent);font-size:110px;display:block;transform:rotate(-4deg)}.by{color:var(--muted);letter-spacing:2px;text-transform:uppercase;margin-top:18px;font-size:18px}@keyframes float{50%{transform:translateY(-8px)}}.chip{border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);pointer-events:auto;background:#0f0f16d9;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:18px;font-weight:600;display:inline-flex}.chip.goal{color:var(--gold);cursor:pointer;background:linear-gradient(90deg,#26210a,#1a1a22)}.chip.goal.ready{background:var(--gold);color:#2a1d00;animation:1.4s ease-in-out infinite pulse}.chip.goal.done{color:var(--accent);cursor:default}@keyframes pulse{50%{transform:scale(1.05)}}#hud{opacity:0;transition:opacity .2s;position:absolute;top:0;bottom:0;left:0;right:0}#hud.show{opacity:1}.hud-top{justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:22px;left:22px;right:22px}.hud-score{text-align:center;position:absolute;top:18px;left:50%;transform:translate(-50%)}.score-num{color:#fff;-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;text-shadow:0 5px 0 var(--ink);font-size:76px;font-weight:700;line-height:1;display:block}.score-num.bump{animation:.28s cubic-bezier(.2,.9,.3,1.4) bump}@keyframes bump{0%{transform:scale(1.35)}to{transform:scale(1)}}.goal-bar{border:3px solid var(--ink);width:230px;height:26px;box-shadow:0 3px 0 var(--ink);background:#0a0a10d9;border-radius:999px;margin:8px auto 0;position:relative;overflow:hidden}.goal-fill{background:linear-gradient(90deg, var(--gold), #ffb020);width:0%;transition:width .3s cubic-bezier(.2,.9,.3,1.2);position:absolute;top:0;bottom:0;left:0;right:0}.goal-bar.full .goal-fill{background:linear-gradient(90deg, var(--accent), #9dffb8)}.goal-label{z-index:1;letter-spacing:.5px;text-transform:uppercase;color:#fff;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;justify-content:center;align-items:center;gap:6px;height:100%;font-size:14px;font-weight:700;display:flex;position:relative}.goal-label svg{font-size:16px}.streak{background:var(--danger);border:3px solid var(--ink);opacity:0;border-radius:999px;margin-top:10px;padding:4px 14px;font-size:18px;font-weight:700;transition:opacity .15s,transform .2s cubic-bezier(.2,.9,.3,1.5);display:inline-block;transform:scale(.6)}.streak.show{opacity:1;transform:scale(1)}.zone-banner{opacity:0;border:3px solid var(--ink);box-shadow:inset 0 0 0 2px var(--accent);text-align:center;white-space:nowrap;background:#08080cd9;border-radius:16px;padding:10px 26px;transition:opacity .3s,transform .4s cubic-bezier(.2,.9,.3,1.3);position:absolute;top:210px;left:50%;transform:translate(-50%,-20px)}.zone-banner.show{opacity:1;transform:translate(-50%)}.zone-banner small{letter-spacing:3px;color:var(--accent);text-transform:uppercase;font-size:14px;font-weight:600;display:block}.zone-banner b{font-size:26px}.tut{opacity:0;border:3px solid var(--ink);max-width:470px;box-shadow:0 6px 0 var(--ink), inset 0 0 0 2px #ffffff1f;text-align:center;background:#08080ce6;border-radius:20px;align-items:center;gap:14px;padding:16px 26px;font-size:24px;font-weight:600;transition:opacity .2s,transform .25s cubic-bezier(.2,.9,.3,1.3);display:flex;position:absolute;bottom:120px;left:50%;transform:translate(-50%,10px)}.tut.show{opacity:1;transform:translate(-50%)}.tut small{color:var(--muted);font-size:15px;font-weight:500;display:block}.tut .hand{color:var(--accent);font-size:40px;animation:1.1s ease-in-out infinite press}@keyframes press{0%,to{transform:translateY(0)}40%,70%{transform:translateY(6px)scale(.92)}}.story-cap{width:auto;min-height:118px;padding:20px 24px;font-size:23px;font-weight:500;line-height:1.35;position:absolute;bottom:96px;left:24px;right:24px}.story-top{pointer-events:auto;position:absolute;top:14px;right:16px}.story-dots{justify-content:center;gap:10px;display:flex;position:absolute;bottom:30px;left:0;right:0}.story-dots i{border:2px solid var(--ink);background:#ffffff40;border-radius:50%;width:12px;height:12px}.story-dots i.on{background:var(--accent)}.hint{color:var(--muted);text-align:right;margin-top:10px;font-size:15px;animation:1.6s ease-in-out infinite blink}@keyframes blink{50%{opacity:.35}}.char-stage{justify-content:space-between;align-items:center;width:100%;margin:12px 0 8px;display:flex;position:relative}.char-preview{width:280px;height:250px}.char-name{text-align:center;text-shadow:0 3px 0 var(--ink);font-size:40px;font-weight:700}.char-desc{min-height:50px}.lock-note{color:var(--gold);justify-content:center;align-items:center;gap:8px;min-height:28px;font-size:18px;font-weight:600;display:flex}.dots{justify-content:center;gap:8px;margin:14px 0 18px;display:flex}.dots button{border:2px solid var(--ink);cursor:pointer;pointer-events:auto;background:#fff3;border-radius:50%;width:16px;height:16px;padding:0}.dots button.on{background:var(--accent);transform:scale(1.2)}.dots button.locked{background:#ffd84a59}.field{text-align:left;flex-direction:column;gap:6px;width:100%;display:flex}.field label{color:var(--muted);letter-spacing:.3px;font-size:16px;font-weight:600}.input{width:100%;height:56px;color:var(--text);border:3px solid var(--ink);box-shadow:inset 0 3px 0 #00000080, 0 0 0 2px var(--line);pointer-events:auto;-webkit-user-select:text;user-select:text;touch-action:manipulation;background:#0c0c12;border-radius:14px;outline:none;padding:0 16px;font:500 20px Fredoka,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.input:focus{box-shadow:inset 0 3px 0 #00000080, 0 0 0 3px var(--accent)}.input[aria-invalid=true]{box-shadow:inset 0 3px 0 #00000080, 0 0 0 3px var(--danger)}.check{color:var(--text);text-align:left;cursor:pointer;pointer-events:auto;align-items:flex-start;gap:12px;font-size:16px;line-height:1.35;display:flex}.check input{opacity:0;pointer-events:none;position:absolute}.check .box{border:3px solid var(--ink);width:30px;height:30px;box-shadow:0 0 0 2px var(--line);color:#0000;background:#0c0c12;border-radius:9px;flex:none;place-items:center;font-size:20px;display:grid}.check input:checked+.box{background:var(--accent);color:var(--accent-ink)}.check input:focus-visible+.box{box-shadow:0 0 0 3px #fff}.check[aria-invalid=true] .box{box-shadow:0 0 0 3px var(--danger)}.err{color:var(--danger);min-height:0;font-size:15px;font-weight:600}.form-error{border:2px solid var(--danger);color:#ffc2cf;text-align:left;background:#ff4b6e24;border-radius:12px;padding:10px 14px;font-size:16px;display:none}.form-error.show{display:block}.hp{opacity:0;width:1px;height:1px;position:absolute!important;left:-9999px!important}.rules-link{color:var(--text);pointer-events:auto;text-decoration:underline}.fine{color:var(--muted);text-align:center;font-size:13px;line-height:1.35}.divider-or{color:var(--muted);text-transform:uppercase;letter-spacing:1px;justify-content:center;align-items:center;gap:12px;font-size:15px;font-weight:600;display:flex}.divider-or:before,.divider-or:after{content:"";background:var(--line);flex:1;height:2px}.prize{width:100%;height:80px;color:var(--gold);filter:drop-shadow(0 8px 16px #00000080);justify-content:center;align-items:center;margin:-4px 0 2px;font-size:64px;animation:3.2s ease-in-out infinite float;display:flex}.setting{justify-content:space-between;align-items:center;gap:16px;width:100%;min-height:58px;font-size:20px;font-weight:500;display:flex}.slider{-webkit-appearance:none;appearance:none;border:3px solid var(--ink);pointer-events:auto;touch-action:pan-x;background:#0c0c12;border-radius:999px;outline:none;width:210px;height:16px}.slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);border:3px solid var(--ink);width:32px;height:32px;box-shadow:0 3px 0 var(--ink);cursor:pointer;border-radius:50%}.slider::-moz-range-thumb{background:var(--accent);border:3px solid var(--ink);cursor:pointer;border-radius:50%;width:28px;height:28px}.slider:focus-visible{box-shadow:0 0 0 3px #fff}.toggle{border:3px solid var(--ink);cursor:pointer;pointer-events:auto;width:84px;height:44px;box-shadow:0 3px 0 var(--ink);background:#2a2a34;border-radius:999px;padding:0;position:relative}.toggle:after{content:"";border:2px solid var(--ink);background:#cfcfda;border-radius:50%;width:32px;height:32px;transition:transform .18s cubic-bezier(.2,.9,.3,1.4);position:absolute;top:3px;left:3px}.toggle[aria-checked=true]{background:var(--accent)}.toggle[aria-checked=true]:after{background:#fff;transform:translate(40px)}.toggle:focus-visible{box-shadow:0 0 0 3px #fff}.divider{background:var(--line);width:100%;height:2px;margin:6px 0}.over-score{justify-content:center;gap:18px;width:100%;margin:14px 0;display:flex}.stat{border:3px solid var(--ink);box-shadow:inset 0 0 0 2px var(--line);text-align:center;background:#0d0d13;border-radius:18px;flex:1;padding:14px 10px 12px}.stat small{color:var(--muted);text-transform:uppercase;letter-spacing:1.5px;font-size:15px;font-weight:600;display:block}.stat b{font-size:58px;font-weight:700;line-height:1.05;display:block}.badge{background:var(--gold);color:#2a1d00;border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);border-radius:999px;padding:6px 16px;font-size:18px;font-weight:700;animation:1.2s ease-in-out infinite pulse;display:inline-block;transform:rotate(-4deg)}.progress-block{text-align:center;width:100%;margin:6px 0 14px}.progress-block .goal-bar{width:100%;height:34px}.progress-block .goal-label{font-size:16px}.progress-block p{color:var(--muted);margin-top:8px;font-size:17px}.over-icon{font-size:44px;line-height:1}.toast{border:3px solid var(--ink);box-shadow:0 5px 0 var(--ink), inset 0 0 0 2px var(--accent);white-space:nowrap;opacity:0;background:#111118;border-radius:16px;padding:12px 22px;font-size:18px;font-weight:600;transition:transform .35s cubic-bezier(.2,.9,.3,1.3),opacity .2s;position:absolute;top:30px;left:50%;transform:translate(-50%,-140%)}.toast.show{opacity:1;transform:translate(-50%)}.confetti{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.screen[data-screen=boot]{background:radial-gradient(at 50% 45%,#16161f,#07070b 70%)}.boot-bar{border:3px solid #fff;border-radius:999px;width:260px;height:22px;margin-top:30px;padding:3px}.boot-bar div{background:#fff;border-radius:999px;width:0%;height:100%;transition:width .2s}.boot-mark{color:#fff;width:120px}.rotate-note{z-index:10;text-align:center;background:#0b0b10;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px;display:none;position:fixed;top:0;bottom:0;left:0;right:0}.rotate-note b{font-size:26px}@media (orientation:landscape) and (max-height:480px) and (pointer:coarse){.rotate-note{display:flex}}@media (prefers-reduced-motion:reduce){.logo-block,.chip.goal.ready,.badge,.tut .hand,.hint{animation:none}}
