:root{--void:#030307;--mist:#cfc9c4;--mist-dim:#8e8880;--ember:#ffb066;--line:#ffb0662e;--mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--void);color:var(--mist);font-family:var(--mono);-webkit-user-select:none;user-select:none;overflow:hidden}.stage{position:fixed;inset:0}.stage canvas{touch-action:none;cursor:grab}.stage canvas:active{cursor:grabbing}.boot{letter-spacing:.3em;text-transform:uppercase;color:var(--mist-dim);place-items:center;font-size:11px;display:grid;position:fixed;inset:0}.hud{z-index:2;pointer-events:none;position:fixed}.hud.title{top:clamp(16px,3vh,32px);left:clamp(16px,3vw,36px)}.hud.title h1{letter-spacing:.42em;color:#f4ede6;text-shadow:0 0 24px #ff9a3c40;margin:0;font-family:Helvetica Neue,Segoe UI,system-ui,sans-serif;font-size:clamp(22px,3.4vw,38px);font-weight:200}.hud.title .sub{letter-spacing:.24em;text-transform:uppercase;color:var(--mist-dim);margin-top:6px;font-size:10px}.hud.title .sub b{color:var(--ember);font-weight:400}.hud.note{text-align:right;max-width:240px;color:var(--mist-dim);letter-spacing:.03em;font-size:10.5px;line-height:1.7;top:clamp(16px,3vh,32px);right:clamp(16px,3vw,36px)}.hud.note em{color:var(--mist);font-style:normal}.hud.readout{font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:10px 20px;max-width:min(62vw,640px);display:flex;bottom:clamp(16px,3vh,30px);left:clamp(16px,3vw,36px)}.hud.readout .cell{border-left:1px solid var(--line);padding-left:10px}.hud.readout .k{letter-spacing:.22em;text-transform:uppercase;color:var(--mist-dim);margin-bottom:4px;font-size:9px}.hud.readout .v{color:#efe8e0;font-size:14px}.hud.readout .v small{color:var(--mist-dim);font-size:10px}.hud.controls{flex-direction:column;align-items:flex-end;gap:10px;display:flex;bottom:clamp(16px,3vh,30px);right:clamp(16px,3vw,36px)}.hud.controls .btnrow{pointer-events:auto;gap:6px;display:flex}.hud.controls .btnrow button{font-family:var(--mono);letter-spacing:.16em;color:var(--mist-dim);border:1px solid var(--line);cursor:pointer;background:#0303078c;padding:6px 12px;font-size:10px;transition:color .12s,border-color .12s}.hud.controls .btnrow button:hover{color:var(--mist)}.hud.controls .btnrow button:focus-visible{outline:1px solid var(--ember);outline-offset:2px}.hud.controls .btnrow button.on{color:var(--ember);border-color:#ffb0668c}.hud.controls .hint{letter-spacing:.18em;text-transform:uppercase;color:var(--mist-dim);font-size:10px}.hud.controls .hint span{color:var(--mist)}@media (max-width:720px){.hud.note{display:none}.hud.readout{gap:14px}}@media (prefers-reduced-motion:reduce){.hud.controls .btnrow button{transition:none}}