@font-face{font-family:Martian Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/martian-mono-latin-400-normal-DZsjfPjH.woff2)format("woff2"),url(/assets/martian-mono-latin-400-normal-DM4nBGIh.woff)format("woff")}@font-face{font-family:Hanken Grotesk;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/hanken-grotesk-latin-300-normal-7Inw_u-u.woff2)format("woff2"),url(/assets/hanken-grotesk-latin-300-normal-D6QX6NIr.woff)format("woff")}@font-face{font-family:Hanken Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/hanken-grotesk-latin-500-normal-DrDcrrxK.woff2)format("woff2"),url(/assets/hanken-grotesk-latin-500-normal-Bo-NxEKf.woff)format("woff")}:root{--abyss:#000;--chalk:#fff;--chalk-dim:#a4a6ad;--ink:#7d7f86;--chalk-faint:#4a4c53;--blood:#ff4338;--font-hud:"Martian Mono", ui-monospace, "Cascadia Mono", Consolas, "SF Mono", Menlo, monospace;--font-num:"Hanken Grotesk", system-ui, "Segoe UI", Helvetica, Arial, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[hidden]{display:none!important}html,body{height:100%}body{background:var(--abyss);color:var(--chalk);font-family:var(--font-hud);box-sizing:border-box;padding-block:0;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));-webkit-user-select:none;user-select:none;margin:0;overflow:hidden}#sea{touch-action:none;cursor:none;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}.hud{pointer-events:none;position:fixed;inset:0}html.wallpaper .hud{display:none}html.wallpaper #sea{cursor:default}.label{letter-spacing:.08em;text-transform:uppercase;color:var(--chalk-dim);font-size:11px;font-weight:400;line-height:1}.hint{left:50%;top:calc(20px + env(safe-area-inset-top,0px));letter-spacing:.08em;text-transform:uppercase;color:var(--chalk-dim);white-space:nowrap;margin:0;font-size:12px;font-weight:400;transition:opacity 1.8s;position:absolute;transform:translate(-50%)}.hint.gone{opacity:0}.rails{flex-direction:column;gap:14px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.depth{right:calc(18px + env(safe-area-inset-right,0px));align-items:flex-end}.speed{left:calc(18px + env(safe-area-inset-left,0px));align-items:flex-start}.depth .label{margin-right:30px}.speed .label{margin-left:30px}.gauge{width:132px;height:min(46vh,430px);position:relative}.rail{background:var(--chalk-faint);width:1px;position:absolute;top:0;bottom:0}.tick{background:var(--chalk-faint);width:5px;height:1px;position:absolute}.tick.major{background:var(--chalk-dim);width:11px}.tick span{color:var(--chalk-dim);font-variant-numeric:tabular-nums;font-size:11px;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.depth .rail,.depth .tick{right:34px}.speed .rail,.speed .tick{left:34px}.depth .tick span{left:calc(100% + 8px)}.speed .tick span{right:calc(100% + 8px)}.zone{background:repeating-linear-gradient(135deg, var(--chalk-faint) 0 1px, transparent 1px 5px);width:12px;position:absolute}.depth .zone{top:100%;bottom:0;right:35px}.speed .zone{top:0;bottom:36%;left:35px}.you{align-items:center;gap:8px;display:flex;position:absolute;top:30%;transform:translateY(-50%)}.depth .you{right:35px}.speed .you{top:100%;left:35px}.you b{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:14px;font-weight:400;line-height:1}.you i{background:var(--chalk);width:26px;height:1px;display:block;position:relative}.depth .you i:after,.speed .you i:before{content:"";border-top:3.5px solid #0000;border-bottom:3.5px solid #0000;position:absolute;top:-3px}.depth .you i:after{border-left:6px solid var(--chalk);right:-1px}.speed .you i:before{border-right:6px solid var(--chalk);left:-1px}.score{left:50%;bottom:calc(18px + env(safe-area-inset-bottom,0px));flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;transform:translate(-50%)}.tally{position:relative}#score{font-family:var(--font-num);color:var(--chalk);font-variant-numeric:tabular-nums;font-size:48px;font-weight:300;line-height:1;transition:transform .2s ease-out,color .35s ease-out;display:block}#score.bump{color:var(--blood);transition:transform 60ms ease-out,color 60ms;transform:scale(1.08)}.kps{color:var(--ink);font:400 14px/1 var(--font-hud);font-variant-numeric:tabular-nums;white-space:nowrap;cursor:pointer;pointer-events:auto;background:0 0;border:0;border-radius:2px;margin:0;padding:4px 6px;position:absolute;bottom:-2px;left:calc(100% + 8px)}.kps:hover,.kps[aria-pressed=true]{color:var(--chalk-dim)}.kps:focus-visible{outline:1px solid var(--chalk-dim);outline-offset:1px}.chart{width:150px;height:50px;display:block;position:absolute;bottom:calc(100% + 28px);left:calc(100% + 14px)}#pops{position:absolute;inset:0;overflow:hidden}.pop{font-family:var(--font-num);color:var(--blood);white-space:nowrap;font-size:20px;font-weight:500;line-height:1;animation:1.15s cubic-bezier(.2,.7,.3,1) forwards rise;position:absolute}.pop.big{font-size:32px}@keyframes rise{0%{opacity:0;transform:translate(-50%,-30%)scale(.8)}12%{opacity:1;transform:translate(-50%,-70%)scale(1)}to{opacity:0;transform:translate(-50%,-280%)scale(1)}}.bigfish{width:28px;height:28px;color:var(--chalk);margin:-14px 0 0 -14px;animation:1.6s ease-in-out infinite breathe;position:absolute;top:0;left:0}.bigfish svg{width:100%;height:100%;display:block}@keyframes breathe{0%,to{opacity:.45}50%{opacity:1}}#reticle{border:1px solid var(--chalk-dim);box-sizing:border-box;border-radius:50%;width:18px;height:18px;position:absolute;top:-9px;left:-9px}#reticle:after{content:"";background:var(--chalk);border-radius:50%;width:2px;height:2px;margin:-1px 0 0 -1px;position:absolute;top:50%;left:50%}#reticle.ping{animation:.45s ease-out ping}@keyframes ping{0%{box-shadow:0 0 0 0 var(--chalk-dim)}to{box-shadow:0 0 0 12px #0000}}.nogl{text-align:center;width:min(34ch,100% - 32px);color:var(--chalk);margin:0;font-size:14px;line-height:1.6;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=600px){#score{font-size:36px}.gauge{width:118px;height:min(36vh,300px)}.hint{white-space:normal;text-align:center;text-wrap:balance;width:calc(100% - 32px)}.chart{bottom:calc(100% + 28px);left:50%;transform:translate(-50%)}.kps{left:calc(100% + 4px)}}@media (prefers-reduced-motion:reduce){.bigfish{opacity:.8;animation:none}.pop{animation-duration:.8s}.hint{transition:none}#reticle.ping{animation:none}}
