@font-face{font-family:Chakra Petch;src:url(/junkies/fonts/chakra-petch-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Chakra Petch;src:url(/junkies/fonts/chakra-petch-latin-600-normal.woff2) format("woff2");font-weight:600 900;font-display:swap}:root{--lime: #d8ff1f;--cyan: #27e6ff;--ink: #041a20;--panel: rgba(4, 22, 28, .86);--line: rgba(39, 230, 255, .4);--white: #f1fbff;--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:#062730;color:var(--white);font-family:Chakra Petch,system-ui,sans-serif;user-select:none;-webkit-user-select:none;touch-action:none;overscroll-behavior:none}[hidden]{display:none!important}canvas#view{position:fixed;inset:0;width:100%;height:100%;display:block}.fade{position:fixed;inset:0;background:#041a20;opacity:0;pointer-events:none;transition:opacity .16s}.fade.on{opacity:.85}button{font:inherit;color:inherit;cursor:pointer}.hud{position:fixed;top:calc(10px + var(--safe-t));left:calc(12px + var(--safe-l));right:calc(12px + var(--safe-r));display:grid;grid-template-columns:auto 1fr auto auto;gap:14px;align-items:center;pointer-events:none}.clock{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:6px 14px;min-width:132px}.clock span{display:block;font-size:26px;font-weight:600;letter-spacing:.04em;font-variant-numeric:tabular-nums;color:var(--lime);line-height:1}.clock small{font-size:11px;opacity:.75;letter-spacing:.08em}.track{position:relative;height:10px;background:#04161ccc;border:1px solid var(--line);border-radius:6px;max-width:620px;width:100%;justify-self:center}.track i{position:absolute;inset:0;background:linear-gradient(90deg,var(--cyan),var(--lime));border-radius:5px;transform-origin:0 50%;transform:scaleX(0)}.track b{position:absolute;top:-4px;width:2px;height:16px;background:var(--white);opacity:.6}.track img{position:absolute;top:50%;left:0;width:34px;height:34px;border-radius:50%;border:2px solid var(--lime);background:#0b0d10;transform:translate(-50%,-50%);object-fit:cover}.falls{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:8px 12px;font-size:13px;letter-spacing:.1em}.falls span{color:var(--lime);font-weight:600}.icon{pointer-events:auto;width:40px;height:40px;border-radius:10px;background:var(--panel);border:1px solid var(--line);font-weight:600}.banner{position:fixed;left:0;right:0;top:22%;text-align:center;font-size:clamp(26px,5vw,54px);font-weight:600;letter-spacing:.14em;color:var(--white);text-shadow:0 0 22px rgba(39,230,255,.9),0 3px 0 #041a20;opacity:0;pointer-events:none}.banner small{display:block;font-size:.34em;color:var(--lime);letter-spacing:.3em;margin-bottom:4px}.banner.show{animation:banner 2.1s ease-out both}@keyframes banner{0%{opacity:0;transform:translateY(18px) scale(.94)}12%{opacity:1;transform:none}78%{opacity:1}to{opacity:0;transform:translateY(-10px)}}.count{position:fixed;inset:0;display:grid;place-items:center;font-size:clamp(90px,22vw,220px);font-weight:600;color:var(--lime);text-shadow:0 0 40px rgba(216,255,31,.8),0 6px 0 #041a20;pointer-events:none;opacity:0}.count.pop{animation:pop .7s ease-out both}@keyframes pop{0%{opacity:0;transform:scale(1.7)}20%{opacity:1;transform:scale(1)}80%{opacity:1}to{opacity:0;transform:scale(.8)}}.screen{position:fixed;inset:0;display:grid;place-items:center;padding:16px;background:radial-gradient(ellipse at 50% 30%,#06273073,#030e12e0);overflow:auto}.card{width:min(560px,100%);background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:26px 26px 22px;text-align:center;box-shadow:0 0 0 4px #04161c99,0 24px 80px #0009,inset 0 0 60px #27e6ff0f}.card.small{width:min(400px,100%)}.collab{margin:0 0 6px;font-size:13px;letter-spacing:.32em;color:var(--cyan)}.collab i{color:var(--lime);font-style:normal;padding:0 4px}h1{margin:0;font-size:clamp(48px,12vw,86px);line-height:.92;letter-spacing:.02em;font-weight:600;color:var(--white);text-shadow:4px 4px 0 #0a5564,0 0 30px rgba(39,230,255,.5)}h1 span{color:var(--lime);text-shadow:4px 4px 0 #56660a,0 0 30px rgba(216,255,31,.5)}h2{margin:0 0 10px;font-size:40px;letter-spacing:.1em;color:var(--lime)}.tag{margin:12px 0 18px;font-size:15px;opacity:.9}.how{display:grid;gap:8px;margin:0 0 12px;text-align:left}.how>div{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:12px;background:#27e6ff0f;border:1px solid rgba(39,230,255,.18);border-radius:10px;padding:8px 12px;font-size:14px}.how .tk{display:none;color:var(--lime);letter-spacing:.1em}kbd{display:inline-grid;place-items:center;min-width:28px;height:28px;margin-right:4px;padding:0 6px;border-radius:6px;background:#0c2d36;border:1px solid var(--line);border-bottom-width:3px;font:inherit;font-size:12px;font-weight:600;color:var(--lime)}.touchui .how .keys{display:none}.touchui .how .tk{display:block}.tips{margin:0 0 16px;padding:0 0 0 18px;text-align:left;font-size:13px;line-height:1.5;opacity:.85}.go{width:100%;padding:15px;border-radius:12px;border:0;background:var(--lime);color:#10140a;font-size:20px;font-weight:600;letter-spacing:.16em;box-shadow:0 5px #6c8010,0 0 30px #d8ff1f59}.go:active{transform:translateY(3px);box-shadow:0 2px #6c8010}.go:disabled{filter:grayscale(.7);opacity:.6}.ghost{width:100%;margin-top:10px;padding:12px;border-radius:12px;background:transparent;border:1px solid var(--line);letter-spacing:.14em}.fine{margin:12px 0 0;font-size:12px;opacity:.7;letter-spacing:.06em;min-height:1em}.big{margin:0;font-size:56px;font-weight:600;color:var(--white);font-variant-numeric:tabular-nums;text-shadow:0 0 26px rgba(39,230,255,.7)}.touch{position:fixed;inset:0;display:none;pointer-events:none}.touchui.playing .touch{display:block}.t-zone{position:absolute;left:0;top:70px;bottom:0;width:55%;pointer-events:auto}.stick{position:absolute;width:124px;height:124px;margin:-62px 0 0 -62px;border-radius:50%;border:2px solid var(--line);background:#04161c59;opacity:0;transition:opacity .12s}.stick.on{opacity:1}.stick i{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px;border-radius:50%;background:var(--cyan);opacity:.85}.tb{position:absolute;pointer-events:auto;border-radius:50%;border:2px solid var(--line);background:#04161c8c;font-weight:600;letter-spacing:.08em}.tb.jump{right:calc(22px + var(--safe-r));bottom:calc(34px + var(--safe-b));width:104px;height:104px;color:#10140a;background:#d8ff1fd9;border-color:var(--lime);font-size:17px}.tb.dive{right:calc(136px + var(--safe-r));bottom:calc(22px + var(--safe-b));width:78px;height:78px;color:var(--cyan);font-size:14px}.tb.down{transform:scale(.92);filter:brightness(1.3)}@media(max-width:640px){.hud{grid-template-columns:auto 1fr auto;gap:8px}.falls{display:none}.clock{min-width:108px;padding:5px 10px}.clock span{font-size:21px}.how>div{grid-template-columns:96px 1fr;font-size:13px}.card{padding:20px 16px 16px}}@media(max-height:520px){.tips{display:none}.tag{margin:6px 0 10px}.card{padding:14px 18px}h1{font-size:46px}}.dashbar{display:inline-block;width:44px;height:6px;margin-left:10px;border-radius:3px;background:#ffffff29;overflow:hidden;vertical-align:middle}.dashbar i{display:block;width:100%;height:100%;background:#ff2a4a;transform-origin:left;box-shadow:0 0 8px #ff2a4a}.tb.dive{color:#ff5a6e;border-color:#ff2a4a99}.tb.dive.cd{opacity:.35}.mapname{margin:2px 0 0;font-size:13px;letter-spacing:.2em;color:var(--cyan);text-transform:uppercase}.shot{display:block;width:100%;margin:12px 0 0;border-radius:10px;border:1px solid var(--line);aspect-ratio:1200 / 630;object-fit:cover}.status{margin:10px 0 12px;font-size:13px;line-height:1.4;min-height:1.4em;letter-spacing:.04em}.status.bad{color:#ff7a8a}.status.good{color:var(--lime)}a.go{display:block;box-sizing:border-box;text-align:center;text-decoration:none}.go.x{background:#f4f6f8;color:#0b0d10;box-shadow:0 5px #8b93a0,0 0 26px #fff3;margin-bottom:14px}#results .card{max-height:calc(100dvh - 24px);overflow-y:auto}#net-slot{margin:0 0 12px}.screen{touch-action:pan-y}#title{align-items:start}#title .card{margin:auto 0}.hero{display:block;width:100%;height:auto;margin:0 0 12px;border-radius:12px;border:1px solid var(--line);box-shadow:0 0 26px #27e6ff40}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#title .card{padding-top:16px}