/* Layout: full-bleed canvas game; HUD pinned to safe-area corners; menus are one left-aligned column; the ending is a light-mode site in a browser frame */
:root{
  --void:#050507;
  --ink:#d9d6e0;
  --dim:#7b7787;
  --line:rgba(217,214,224,.16);
  --accent:#ff8a3d;
  --accent-soft:rgba(255,138,61,.2);
  --danger:#ff4a36;
  --paper:#f6f5f8;
  --paper-ink:#141414;
  --paper-dim:#5d5a66;
  --paper-line:#e3e0e8;
  --brand:#670EA1;
  --grid:rgba(103,14,161,.055);
  --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --display:"Major Mono Display","Unbounded","IBM Plex Mono",ui-monospace,monospace;
  --brandface:"Unbounded","IBM Plex Mono",ui-sans-serif,system-ui,sans-serif;
  --sitebody:"Onest",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  color-scheme:dark;
}
html,body{height:100%}
body{margin:0;background:var(--void);color:var(--ink);font-family:var(--mono);overflow:hidden;-webkit-font-smoothing:antialiased}
canvas#game{position:fixed;inset:0;display:block;touch-action:none;cursor:crosshair;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
[hidden]{display:none!important}
html,body{margin:0;background:#050507;height:100%;overflow:hidden}

@keyframes settle{from{opacity:0;transform:translateY(10px);filter:blur(6px)}}