html,body{margin:0;height:100%;background:#051419;overflow:hidden;overscroll-behavior:none}#fish{position:fixed;inset:0}.fish-canvas{width:100%;height:100%;display:block;image-rendering:pixelated;image-rendering:crisp-edges;touch-action:none;cursor:crosshair;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.fish-still{cursor:auto;touch-action:auto;object-fit:cover}.fish-note{position:fixed;inset:auto 0 calc(2rem + env(safe-area-inset-bottom)) 0;margin:0;text-align:center;font:12px/1.4 ui-monospace,monospace;color:#3f7d84;letter-spacing:.08em}.fish-hint{position:fixed;inset:auto 0 calc(2rem + env(safe-area-inset-bottom)) 0;margin:0;text-align:center;pointer-events:none;font:12px/1.4 ui-monospace,monospace;color:#3f7d84;letter-spacing:.08em;opacity:0;transition:opacity 1.2s steps(4,end)}.fish-hint.on{opacity:1}.fish-replay{position:fixed;left:calc(1.25rem + env(safe-area-inset-left));bottom:calc(2rem + env(safe-area-inset-bottom));margin:0;padding:.4rem 0;background:none;border:0;border-radius:0;appearance:none;-webkit-appearance:none;cursor:pointer;font:12px/1.4 ui-monospace,monospace;color:#3f7d84;letter-spacing:.08em;text-transform:lowercase;text-align:left;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 1.2s steps(4,end),visibility 0s}.fish-replay.on{opacity:1;visibility:visible;pointer-events:auto}.fish-replay:focus-visible{outline:1px solid #d6ebe4;outline-offset:4px}.fish-readout{position:fixed;top:calc(.75rem + env(safe-area-inset-top));left:calc(.75rem + env(safe-area-inset-left));margin:0;pointer-events:none;font:11px/1.4 ui-monospace,monospace;color:#3f7d84;letter-spacing:.08em}.fish-captions,.fish-tape{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;display:block;image-rendering:pixelated;image-rendering:crisp-edges}.fish-live{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}