:root{--void: #0a0b0d;--ink: #e8e9e6;--dim: #6f7378;--signal: #ff2f92;--edge: 64px;--hud-h: 36px}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--void);color:var(--ink);font:400 13px/1.4 Archivo,Helvetica Neue,Arial,sans-serif;font-feature-settings:"tnum" 1;-webkit-font-smoothing:antialiased;overscroll-behavior:none}#stage{position:fixed;inset:0;overflow:hidden;cursor:grab;touch-action:none}#stage.dragging{cursor:grabbing}#stage.over{cursor:crosshair}#canvas,#pixels,#bg,#ph,#flat,#overlay{position:absolute;inset:0}#bg{transition:background .2s linear}#flat{image-rendering:pixelated}#ph,#flat,#pixels canvas{user-select:none;-webkit-user-drag:none}#ph{background-repeat:no-repeat;background-size:cover;background-position:center;transition:opacity .26s ease-out}#stage.sharp #ph{opacity:0}#flat{background-repeat:no-repeat;opacity:0;transition:opacity .18s linear}#flat.in{opacity:1}#pixels canvas{position:absolute;top:0;left:0;opacity:0;transition:opacity .2s linear}#stage.sharp #pixels canvas{opacity:1}#overlay{pointer-events:none}#overlay .mask{fill-opacity:.42;stroke-width:2.5;paint-order:fill}#overlay .keep path{fill-opacity:.3;stroke-width:1.5;vector-effect:non-scaling-stroke}#overlay .box{fill:none;stroke-width:1;stroke-dasharray:6 5;opacity:.8}#overlay .label{fill:#fff;font-family:Archivo,sans-serif;font-weight:600;letter-spacing:.01em;paint-order:stroke;stroke:#000;stroke-width:5;stroke-linejoin:round}#overlay .label .score{font-weight:400;fill-opacity:.65}#overlay .all{opacity:.8}#overlay .all rect{fill:none;stroke-width:1.5;paint-order:stroke}#zoomer{position:fixed;z-index:3;right:14px;bottom:calc(var(--hud-h) + 12px);display:grid;gap:1px}#zoomer button{width:34px;height:34px;padding:0;border:1px solid rgba(255,255,255,.35);background:#0a0b0db8;color:#fff;font:400 19px/1 Archivo,sans-serif;cursor:pointer;transition:background .12s linear}#zoomer button+button{border-top:0}#zoomer button:hover{background:#0a0b0df2}#zoomer button:focus-visible{outline:1px solid #fff;outline-offset:-4px}#zoomer button[disabled]{color:#ffffff52;cursor:default}#zoomer button[disabled]:hover{background:#0a0b0db8}#game{position:fixed;z-index:4;top:0;left:0;right:0;height:22px;background:linear-gradient(#0a0b0de6,#0a0b0d00);pointer-events:none}#game-fill{height:3px;width:0%;background:#fff;transition:width .18s ease-out}#game-count{position:absolute;top:5px;right:14px;color:var(--ink);font-variant-numeric:tabular-nums;text-shadow:0 1px 3px #000}#game.done #game-fill{background:#edb120}#hunt[aria-pressed=true]{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.arrow{position:fixed;z-index:3;display:grid;place-items:center;width:var(--edge);height:var(--edge);padding:0;border:0;border-radius:0;background:none;color:#fff;font-size:30px;line-height:1;opacity:.85;cursor:pointer;filter:drop-shadow(0 1px 2px rgba(0,0,0,.9));transition:opacity .14s linear}.arrow:before{content:"";position:absolute;inset:-6px;z-index:-1;background:radial-gradient(closest-side,#0a0b0dd1,#0a0b0d00)}.arrow:hover,.arrow:focus-visible{opacity:1}.arrow:focus-visible{outline:1px solid #fff;outline-offset:-8px}[data-dir=up]{top:0;left:50%;transform:translate(-50%)}[data-dir=down]{bottom:calc(var(--hud-h) + 4px);left:50%;transform:translate(-50%)}[data-dir=left]{left:0;top:50%;transform:translateY(-50%)}[data-dir=right]{right:0;top:50%;transform:translateY(-50%)}#hud{position:fixed;z-index:3;bottom:0;left:0;right:0;display:flex;flex-wrap:wrap;gap:6px 18px;align-items:baseline;padding:9px 14px 10px;pointer-events:none;background:var(--void)}#hud:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:18px;background:conic-gradient(from 90deg at 1px 1px,#0000 25%,var(--void) 0) 0 0 / 2px 2px;-webkit-mask-image:linear-gradient(to top,#000,#0000);mask-image:linear-gradient(to top,#000,#0000)}#hud>*{pointer-events:auto}#caption{color:var(--ink)}#count,#zoom{color:var(--dim)}#src{margin-left:auto;padding:0;border:0;background:none;color:var(--dim);font:inherit;cursor:pointer;text-decoration:underline;text-decoration-color:#ffffff40;text-underline-offset:3px}#src:hover{color:var(--ink)}#src:focus-visible{outline:1px solid var(--ink);outline-offset:2px}#mute,#hunt{padding:0;border:0;background:none;color:var(--dim);font:inherit;cursor:pointer}#mute:hover,#hunt:hover{color:var(--ink)}#hunt:focus-visible{outline:1px solid var(--ink);outline-offset:2px}#mute[aria-pressed=true]{color:var(--ink);text-decoration:line-through}#mute:focus-visible{outline:1px solid var(--ink);outline-offset:2px}#status{position:fixed;z-index:4;top:0;left:0;height:2px;width:100%;background:var(--ink);transform:scaleX(0);transform-origin:0 50%;opacity:0}#status.busy{opacity:1;animation:crawl 1.4s cubic-bezier(.2,.7,.3,1) infinite}@keyframes crawl{0%{transform:scaleX(0)}70%{transform:scaleX(.85)}to{transform:scaleX(1);opacity:0}}.fatal{margin:0;padding:24px;color:var(--signal);font:13px/1.5 ui-monospace,monospace}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}@media (max-width: 640px){:root{--edge: 56px}#hud{font-size:12px;gap:5px 12px}#src{display:none}#zoomer button{width:42px;height:42px;font-size:22px}}