:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--panel:#111418b8;--text:#eef2f6;--muted:#b5c1cc;--accent:#ff8a3d;--feel:#8fe6ff}*{box-sizing:border-box}html,body{height:100%;color:var(--text);background:#a9d6f5;margin:0;font-family:system-ui,sans-serif;overflow:hidden}.preview,.stage{position:fixed;inset:0}.stage canvas{touch-action:none;width:100%;height:100%;display:block}.hud{pointer-events:none;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #000000b3;font-size:clamp(13px,2.4vmin,20px);line-height:1.25;position:absolute;inset:0}.hud>div{gap:2px;display:grid;position:absolute}.hud-tl{left:max(12px, env(safe-area-inset-left));top:10px}.hud-tr{right:max(12px, env(safe-area-inset-right));text-align:right;top:10px}.hud-bl{left:max(12px, env(safe-area-inset-left));bottom:64px}.hud-br{right:max(12px, env(safe-area-inset-right));text-align:right;bottom:64px}.hud .big{font-size:1.9em;font-weight:600}.hud .feel{color:var(--feel)}.message{text-align:center;background:#111418;place-items:center;margin:0;padding:24px;font-size:18px;display:grid;position:absolute;inset:0}.message[hidden]{display:none}.settings{left:50%;bottom:max(8px, env(safe-area-inset-bottom));background:var(--panel);border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 12px;max-width:calc(100% - 16px);padding:6px 10px;display:flex;position:absolute;transform:translate(-50%)}.group{align-items:center;gap:4px;display:flex}.label{color:var(--muted);margin-right:2px;font-size:13px}.settings button{min-height:36px;color:var(--text);font:inherit;background:#1b2027;border:1px solid #3a4450;border-radius:6px;padding:4px 10px;font-size:14px}.settings button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#1b1006;font-weight:600}.readout{color:var(--muted);font-variant-numeric:tabular-nums;margin:0;font-size:12px}.preview.still .settings{display:none}.preview.still .hud-bl,.preview.still .hud-br{bottom:12px}