@font-face{font-family:Barlow Condensed;font-weight:600;font-display:swap;src:url(/fonts/barlow-condensed-600-latin.woff2) format("woff2")}@font-face{font-family:Barlow Condensed;font-weight:700;font-display:swap;src:url(/fonts/barlow-condensed-700-latin.woff2) format("woff2")}@font-face{font-family:Bricolage Grotesque;font-weight:200 800;font-display:swap;src:url(/fonts/bricolage.woff2) format("woff2")}:root{--night: #13203a;--sun: #ff5a36;--sun-edge: #b8321a;--sun-ink: #ffffff;--brick: #d9352b;--grass: #46c25a;--chip: #1f3050;--chip-hover: #2a3f66;--bg: rgba(19, 32, 58, .78);--bg-strong: rgba(19, 32, 58, .95);--line: rgba(243, 246, 251, .12);--fg: #f3f6fb;--fg-soft: rgba(243, 246, 251, .68);--display: "Bricolage Grotesque", system-ui, sans-serif;--num: "Barlow Condensed", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#9fd3ff;color:var(--fg);font-family:var(--display);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none}#view{position:fixed;inset:0;width:100%;height:100%;display:block}.hidden{display:none!important}.soft{color:var(--fg-soft)}button{font:inherit;color:inherit;border:0;cursor:pointer}kbd{font-family:var(--num);font-weight:700;background:var(--chip);border-radius:6px;padding:1px 7px;margin-right:3px;box-shadow:0 2px #00000059}.screen{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:20;padding:16px}.screen.dim{background:#0a12228c;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}#loading{background:var(--night);gap:18px}.bar{width:min(320px,70vw);height:10px;border-radius:6px;background:var(--chip);overflow:hidden}.bar i{display:block;height:100%;width:0;background:var(--sun);transition:width .2s}.logo{font-family:var(--display);font-weight:800;font-size:clamp(44px,9vw,92px);letter-spacing:-.03em;line-height:.9;text-shadow:0 4px 0 rgba(0,0,0,.25)}.logo span{color:var(--sun);margin-left:.12em}#title{justify-content:flex-end;padding-bottom:max(24px,env(safe-area-inset-bottom));background:linear-gradient(to top,#0a1222d1,#0a122266 55%,#0a122200 80%)}.title-box{width:min(980px,100%);display:flex;flex-direction:column;gap:14px}.tag{margin:0;font-size:clamp(15px,2.2vw,20px);color:var(--fg-soft)}.levels{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:8px;max-height:38vh;overflow-y:auto;padding:2px;touch-action:pan-y}.lvl{background:var(--bg);border:2px solid transparent;border-radius:12px;padding:9px 11px;text-align:left;display:flex;flex-direction:column;gap:2px;transition:transform .1s,border-color .1s}.lvl:hover{background:var(--chip-hover)}.lvl.on{border-color:var(--sun)}.lvl b{font-size:15px}.lvl small{font-family:var(--num);font-size:14px;color:var(--fg-soft);letter-spacing:.02em}.lvl .st{color:var(--sun);font-size:13px;letter-spacing:1px;min-height:16px}.row{display:flex;gap:10px;flex-wrap:wrap}.btn{background:var(--chip);border-radius:12px;padding:10px 18px;font-weight:700;box-shadow:0 3px #00000059}.btn:hover{background:var(--chip-hover)}.btn:active{transform:translateY(2px);box-shadow:0 1px #00000059}.btn.big{background:var(--sun);color:var(--sun-ink);box-shadow:0 4px 0 var(--sun-edge);font-size:20px;padding:13px 30px}.btn.big:hover{background:#ff7150}.btn.big{text-shadow:0 1px 0 rgba(120,20,0,.35)}.lang{display:flex;gap:4px;margin-left:auto;align-self:center}.lang button{background:var(--bg);border:2px solid transparent;border-radius:9px;padding:5px 10px;font-family:var(--num);font-weight:700;font-size:15px;letter-spacing:.04em;color:var(--fg-soft)}.lang button.on{border-color:var(--sun);color:var(--fg)}.keys{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:14px;color:var(--fg-soft)}#hud{position:fixed;inset:0;pointer-events:none;z-index:10}#hud .top{position:absolute;top:max(10px,env(safe-area-inset-top));left:12px;right:12px;display:flex;gap:8px;align-items:stretch;flex-wrap:wrap}.pill{background:var(--bg);border-radius:12px;padding:7px 13px;display:flex;align-items:center;gap:9px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.pill b{font-family:var(--num);font-size:22px;letter-spacing:.02em}.pill.level b{font-family:var(--display);font-size:17px}.pill.level span{font-family:var(--num);font-size:15px}.pill.progress{flex:1;min-width:160px}.pill.icon{pointer-events:auto;font-size:20px;padding:6px 13px}.meter{flex:1;height:12px;border-radius:7px;background:#ffffff1f;position:relative;overflow:hidden}.meter i{position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(90deg,#ff8a3d,var(--brick));border-radius:7px;transition:width .25s}.meter i.won{background:linear-gradient(90deg,#6ee07b,var(--grass))}.meter em{position:absolute;top:-2px;bottom:-2px;left:80%;width:3px;background:var(--sun);border-radius:2px}#crosshair{position:absolute;left:50%;top:50%;width:64px;height:64px;transform:translate(-50%,-50%)}#crosshair svg{width:100%;height:100%}#crosshair path{stroke:#fff;stroke-width:2.5;stroke-linecap:round;filter:drop-shadow(0 0 2px rgba(0,0,0,.6))}#charge-ring{fill:none;stroke:var(--sun);stroke-width:4;stroke-linecap:round;stroke-dasharray:138.2;stroke-dashoffset:138.2;transform:rotate(-90deg);transform-origin:32px 32px;filter:drop-shadow(0 0 3px rgba(0,0,0,.5))}.balls{position:absolute;bottom:max(16px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;gap:8px;pointer-events:auto}.ball-btn{background:var(--bg);border:2px solid transparent;border-radius:14px;padding:6px 12px 6px 8px;display:flex;align-items:center;gap:8px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.ball-btn.on{border-color:var(--sun);background:var(--bg-strong)}.ball-btn .dot{width:26px;height:26px;border-radius:50%;box-shadow:inset -4px -5px #0000004d,inset 3px 3px #ffffff40}.ball-btn b{font-size:14px;display:block;text-align:left}.ball-btn small{font-family:var(--num);font-size:13px;color:var(--fg-soft);display:block;text-align:left}.ball-btn kbd{font-size:12px}.toast{position:absolute;top:22%;left:50%;transform:translate(-50%);font-family:var(--display);font-weight:800;font-size:clamp(26px,5vw,46px);color:#fff;text-shadow:0 3px 0 rgba(0,0,0,.35),0 0 22px rgba(0,0,0,.25);opacity:0;transition:opacity .25s,transform .25s;white-space:nowrap}.toast.on{opacity:1;transform:translate(-50%,-8px)}.hint{position:absolute;top:58%;left:50%;transform:translate(-50%);background:var(--bg);padding:8px 16px;border-radius:10px;font-weight:700}.panel{background:var(--bg-strong);border-radius:18px;padding:22px 24px;display:flex;flex-direction:column;gap:10px;min-width:min(340px,92vw);box-shadow:0 20px 60px #00000059}.panel h2{margin:0 0 4px;font-size:30px;font-weight:800}.panel p{margin:0 0 8px}.stars{font-size:46px;color:var(--sun);letter-spacing:6px;text-shadow:0 3px 0 rgba(0,0,0,.3)}.stars .off{color:#ffffff2e}#touch{position:fixed;inset:0;z-index:11;pointer-events:none}#stick-zone{position:absolute;left:0;bottom:0;width:42%;height:55%;pointer-events:auto}#stick-base{position:absolute;left:max(36px,env(safe-area-inset-left));bottom:max(36px,env(safe-area-inset-bottom));width:116px;height:116px;border-radius:50%;background:#13203a59;border:2px solid rgba(255,255,255,.25)}#stick-base.on{background:#13203a80}#stick-knob{position:absolute;left:50%;top:50%;width:52px;height:52px;border-radius:50%;background:#ffffffbf;transform:translate(-50%,-50%)}.tbtn{position:absolute;pointer-events:auto;border-radius:50%;background:#13203a8c;border:2px solid rgba(255,255,255,.3);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;touch-action:none}.tbtn.down{background:#ff5a36a6}.tbtn.throw{right:max(30px,env(safe-area-inset-right));bottom:max(40px,env(safe-area-inset-bottom));width:96px;height:96px;font-size:16px;background:#d9352bb3}.tbtn.jump{right:max(140px,calc(env(safe-area-inset-right) + 110px));bottom:max(30px,env(safe-area-inset-bottom));width:66px;height:66px;font-size:28px}.tbtn.view{right:max(30px,env(safe-area-inset-right));bottom:max(150px,calc(env(safe-area-inset-bottom) + 120px));width:52px;height:52px;font-size:22px}.tbtn.boom{right:max(140px,calc(env(safe-area-inset-right) + 110px));bottom:max(112px,calc(env(safe-area-inset-bottom) + 100px));width:70px;height:70px;font-size:26px;flex-direction:column;background:#ff8c14bf}.tbtn.boom small{font-size:10px;font-weight:800}.tbtn.hidden{display:none}body.touch .desk-only{display:none!important}body:not(.touch) .touch-only{display:none!important}body.touch .balls{bottom:auto;top:max(64px,calc(env(safe-area-inset-top) + 56px))}body.touch .ball-btn{padding:4px 9px 4px 5px}body.touch .ball-btn kbd{display:none}@media(max-width:640px){.pill{padding:5px 9px}.pill b{font-size:18px}.pill.level span{display:none}.ball-btn b{font-size:12px}}@media(max-height:520px){#title{padding-top:8px}.title-box{gap:8px}.logo{font-size:40px}.tag{display:none}.levels{display:flex;overflow-x:auto;overflow-y:hidden;max-height:none;touch-action:pan-x;padding-bottom:4px}.lvl{flex:0 0 140px}.btn.big{font-size:17px;padding:10px 24px}}.pill.view-btn{font-size:15px;font-weight:700;gap:8px}.pill.view-btn:before{content:"👁";font-size:17px}body.touch .pill.view-btn{display:none}.ball-btn.super{background:#46121ed1}.ball-btn.super.on{border-color:#ff6a3d;background:#5a141ef2}.ball-btn .ico{font-size:22px;width:26px;text-align:center}.balls{flex-wrap:wrap;justify-content:center;width:max-content;max-width:calc(100vw - 24px)}@media(max-width:900px){.ball-btn small{display:none}.ball-btn{padding:5px 9px 5px 6px}}