:root{--paper:oklch(96% .012 85);--paper-raised:oklch(97.5% .008 85);--paper-sunken:oklch(92.5% .015 85);--ink:oklch(30% .03 250);--ink-strong:oklch(24% .03 250);--ink-muted:oklch(46% .028 250);--ink-faint:oklch(64% .02 250);--hairline:oklch(80% .015 85);--hairline-strong:oklch(56% .025 250);--hairline-ink:oklch(30% .03 250/.35);--carmine:oklch(55% .19 30);--carmine-deep:oklch(47% .17 29);--carmine-wash:oklch(55% .19 30/.09);--field-green:oklch(55% .12 150);--chip:oklch(96.5% .012 85/.95);--chip-idle:oklch(96.5% .012 85/.58);--font-display:"Vollkorn", Georgia, "Times New Roman", serif;--font-body:"Alegreya Sans", system-ui, sans-serif;--font-mono:"Spline Sans Mono", ui-monospace, "Cascadia Mono", monospace;--r-sm:4px;--r-md:8px;--r-lg:14px;--shadow-1:0 1px 2px oklch(28% .03 250/.16), 0 2px 10px oklch(28% .03 250/.1);--shadow-2:0 6px 16px oklch(28% .03 250/.18), 0 16px 40px oklch(28% .03 250/.15);--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--ease-out:cubic-bezier(.22, 1, .36, 1);--t-fast:.12s cubic-bezier(.22, 1, .36, 1);--t-med:.18s cubic-bezier(.22, 1, .36, 1)}:root :focus-visible{outline:2px solid var(--carmine);outline-offset:2px;border-radius:2px}.eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);font-size:10.5px;font-weight:500}.hud-chip{background:var(--chip);border:1px solid var(--hairline-ink);border-radius:var(--r-md);box-shadow:var(--shadow-1)}.icon-btn{background:var(--chip);width:38px;height:38px;color:var(--ink);border:1px solid var(--hairline-ink);border-radius:var(--r-md);box-shadow:var(--shadow-1);cursor:pointer;transition:background var(--t-fast), border-color var(--t-fast), transform var(--t-fast), box-shadow var(--t-fast);place-items:center;display:grid}.icon-btn:hover{background:var(--paper-raised);border-color:var(--ink);box-shadow:var(--shadow-2)}.icon-btn:active{transform:scale(.94)}.icon-btn.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}.hex-clip{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}@media (prefers-reduced-motion:reduce){:root{--t-fast:10ms;--t-med:10ms}*,:before,:after{transition-duration:10ms!important;animation-duration:10ms!important}}html,body{background:var(--paper);height:100%;font-family:var(--font-body);color:var(--ink);margin:0;overflow:hidden}canvas{display:block}