:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f5f5f0;font-synthesis:none;text-rendering:geometricprecision;background:#050505;font-family:SFMono-Regular,Cascadia Mono,Roboto Mono,monospace}*{box-sizing:border-box}html,body{background:#050505;width:100%;min-width:320px;min-height:100%;margin:0;overflow:hidden}button,canvas{-webkit-tap-highlight-color:transparent}.stage{background:#050505;place-items:center;width:100vw;height:100dvh;display:grid}.pond-shell{width:min(100vw,177.778dvh);position:relative}.display{aspect-ratio:16/9;background:#000;width:100%;position:relative;overflow:hidden;box-shadow:0 0 0 1px #222}#pond{cursor:crosshair;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;touch-action:none;display:block}.hud{z-index:1;color:#fff;letter-spacing:.04em;pointer-events:none;text-shadow:1px 1px #000;justify-content:space-between;align-items:center;gap:1rem;font-size:clamp(7px,1.2vw,12px);font-weight:600;line-height:1;display:flex;position:absolute;left:1.7%;right:1.7%}.hud--top{top:3%}.hud--bottom{bottom:3.2%}.touch-controls{z-index:2;align-items:center;gap:.35rem;display:none;position:absolute;bottom:8%;left:50%;transform:translate(-50%)}.touch-controls button,.touch-controls output{color:#fff;text-transform:uppercase;background:#000;border:1px solid #fff;border-radius:0;min-width:2.4rem;height:2.1rem;padding:0 .7rem;font:600 .68rem/1 SFMono-Regular,Cascadia Mono,monospace}.touch-controls output{place-items:center;min-width:4.8rem;display:grid}.touch-controls button:active,.touch-controls button[aria-pressed=true]{color:#000;background:#fff}.touch-controls button:focus-visible{outline-offset:3px;outline:2px solid #fff}.interface-hidden .hud,.interface-hidden .touch-controls{display:none!important}@media (pointer:coarse),(width<=700px){.pond-shell{width:min(100vw,177.778dvh - 6.4rem)}.desktop-help{display:none}.touch-controls{background:#050505;border-top:1px solid #222;justify-content:center;width:100%;min-height:3.6rem;padding:.7rem .4rem;display:flex;position:static;transform:none}.hud--bottom{bottom:3.5%}}@media (width<=380px){.touch-controls{gap:.25rem}.touch-controls button,.touch-controls output{min-width:2.15rem;padding-inline:.5rem;font-size:.62rem}.touch-controls output{min-width:4.2rem}}@media (prefers-reduced-motion:reduce){#pond{cursor:default}}