:root{--sea:#0e2630;--ink:#0b1e26;--stone:#d6cdb4;--paper:#ece6d3;--target-size:24px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (pointer:coarse){:root{--target-size:44px}}html,body{overscroll-behavior:none;background:var(--sea);height:100%;color:var(--paper);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;margin:0;font:14px/1.35 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}body{position:fixed;inset:0}#app{position:absolute;inset:0}canvas.map{touch-action:none;display:block;position:absolute;inset:0}.splash{text-align:center;place-items:center;margin:0;padding:1rem;display:grid;position:absolute;inset:0}.hud{top:max(.5rem, env(safe-area-inset-top,0px));left:max(.5rem, env(safe-area-inset-left,0px));background:color-mix(in srgb, var(--ink) 84%, transparent);font-variant-numeric:tabular-nums;pointer-events:none;border-radius:10px;max-inline-size:calc(100vw - 1rem);padding:.45rem .7rem;font-size:12.5px;position:absolute}.hud p{overflow-wrap:anywhere;margin:0}.hud-perf{white-space:pre;opacity:.75}.actions{right:max(.5rem, env(safe-area-inset-right,0px));bottom:max(.75rem, env(safe-area-inset-bottom,0px));left:max(.5rem, env(safe-area-inset-left,0px));pointer-events:none;flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex;position:absolute}.actions button{pointer-events:auto;touch-action:manipulation;min-block-size:var(--target-size);min-inline-size:var(--target-size);background:var(--stone);color:var(--ink);font:inherit;border:0;border-radius:10px;padding:0 .9rem;font-weight:600}.actions button[aria-pressed=true]{background:var(--paper);box-shadow:inset 0 0 0 2px var(--ink)}.actions button:focus-visible{outline:3px solid var(--paper);outline-offset:2px}