:root { color-scheme: dark; font: 16px system-ui, sans-serif; }
* { box-sizing: border-box; }
body {
  height: 100dvh;
  margin: 0;
  padding: env(safe-area-inset-top) env(safe-area-inset-right)
    env(safe-area-inset-bottom) env(safe-area-inset-left);
  background: #0f1b24;
}
main { position: relative; height: 100%; }
canvas { display: block; width: 100%; height: 100%; touch-action: none; }
canvas:focus-visible { outline: 2px solid #a4e2ff; outline-offset: -2px; }
#launch { position: absolute; inset: 0; align-content: center; text-align: center; background: #0f1b24; }
#launch a { display: inline-flex; min-height: 48px; align-items: center; color: #a4e2ff; }
