:root{--color-bg: #f6f3ee;--color-surface: #ffffff;--color-text: #1d1b22;--color-muted: #6b6674;--color-border: #e2ddd5;--color-accent: #6b4fd8;--color-warn: #b4541b;--color-focus: #6b4fd8;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--font-body: system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, monospace;--text-sm: .8125rem;--text-md: 1rem;--text-lg: 1.25rem;--text-xl: 1.625rem;--leading: 1.5;--radius-sm: 6px;--radius-md: 12px;--radius-pill: 999px;--shadow-card: 0 1px 2px rgb(0 0 0 / .06), 0 4px 16px rgb(0 0 0 / .04);--content-width: 40rem;--list-max-height: 16rem;--font-pixel: "Silkscreen", ui-monospace, monospace;--viz-bg: #0f0b22;--viz-sky: #221a48;--viz-far: #2f2760;--viz-near: #140f2c;--viz-glow: #7b5cff;--viz-accent: #ff7eb6;--viz-hot: #ffd27a;--viz-ink: #f6eedc;--viz-cool: #6fd8ff;--room: #07060d;--room-glow: color-mix(in srgb, var(--viz-glow) 28%, var(--viz-bg));--room-ink: color-mix(in srgb, var(--viz-ink) 55%, var(--room));--deck-room: #f7f5f1;--deck-ink: #35312a;--deck-accent: #ff6b1a}@media(prefers-color-scheme:dark){:root{--color-bg: #121118;--color-surface: #1c1a24;--color-text: #ece9f2;--color-muted: #9a95a6;--color-border: #2e2b3a;--color-accent: #9d86ff;--color-warn: #f0995e;--color-focus: #b8a8ff;--shadow-card: none}}html,body{margin:0;background:var(--deck-room)}.deck{min-height:100dvh;box-sizing:border-box;padding:var(--space-4);display:grid;grid-template-rows:1fr auto;row-gap:var(--space-3)}.deck-room{display:grid;place-items:center;min-width:0}.deck-stage{position:relative}.deck-stage canvas{display:block;width:100%;height:100%;image-rendering:pixelated}.deck-hit{position:absolute;margin:0;padding:0;border:0;border-radius:var(--radius-pill);background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}.deck-hit--flat{border-radius:var(--radius-sm)}.deck-knob{cursor:ns-resize;touch-action:none}.deck-hit:focus-visible{outline:3px solid var(--deck-accent);outline-offset:2px}.deck-screen{position:absolute}.deck-footer{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2) var(--space-4);font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading);color:var(--deck-ink);text-align:center}.deck-footer a{color:inherit;text-underline-offset:3px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}