:root{--paper: #FBF7EC;--water: #DFF0F3;--land: #E9DFC0;--contour: #8FBFCF;--ink: #1A3140;--ink-mid: #3C6076;--ink-mute: #6A8494;--course: #C2187E;--font-display: "Instrument Serif", Georgia, serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--font-ui: "Archivo", sans-serif}html,body{background:var(--water)}#ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}#ui .screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column}#ui .screen>*{pointer-events:auto}.panel{border:1px solid var(--ink);background:#fbf7ecf2}.label{font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;color:var(--ink-mute);text-transform:uppercase}.readout{font-family:var(--font-display);font-size:30px;line-height:1;color:var(--ink)}.readout small{font-size:15px}.pad{flex:1;border:1px solid var(--ink);background:var(--paper);color:var(--ink);font-family:var(--font-ui);font-size:24px;font-weight:700;user-select:none;-webkit-user-select:none;touch-action:none}.pad:active,.pad[data-down]{background:#f1e9d8}.console{flex:none;width:138px;border:1px solid var(--ink);background:var(--paper);display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 0 8px}.console svg{display:block}.console .label{color:var(--course);white-space:nowrap}.scroll-y{overflow-y:auto;touch-action:pan-y;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.warning{align-self:center;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;color:var(--paper);background:var(--course);padding:8px 14px}.warning[hidden]{display:none}