: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))}@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}}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text);font:var(--text-md) / var(--leading) var(--font-body)}.app{max-width:var(--content-width);margin:0 auto;padding:var(--space-5) var(--space-4) var(--space-6);display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-4)}h1{font-size:var(--text-xl);margin:0}h2{font-size:var(--text-lg);margin:0 0 var(--space-3)}p{margin:0}.muted{color:var(--color-muted)}.small{font-size:var(--text-sm)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:var(--space-4)}.seed-form{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;margin-top:var(--space-3)}.seed-form .field{flex:1 1 8rem;font-family:var(--font-mono)}.btn{font:inherit;padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer}.btn:hover{border-color:var(--color-accent)}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-sm)}.btn:disabled{opacity:.5;cursor:default}.field{font:inherit;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}input[type=range]{accent-color:var(--color-accent);width:100%}.row{display:grid;grid-template-columns:9rem 1fr;gap:var(--space-3);align-items:center;margin-top:var(--space-3)}.segmented{border:0;padding:0;margin:0 0 var(--space-3);display:flex;flex-wrap:wrap;gap:var(--space-2)}.segmented legend{padding:0;margin-bottom:var(--space-2)}.segmented label{padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-pill);cursor:pointer}.segmented input{position:absolute;opacity:0;pointer-events:none}.segmented input:checked+span{color:var(--color-accent);font-weight:600}.segmented label:has(input:checked){border-color:var(--color-accent)}.segmented label:has(input:focus-visible){outline:2px solid var(--color-focus);outline-offset:2px}details{margin-top:var(--space-3)}summary{cursor:pointer}.list{list-style:none;margin:0;padding:0;max-height:var(--list-max-height);overflow-y:auto}.list li{display:flex;gap:var(--space-3);align-items:center;justify-content:space-between;padding:var(--space-2) 0;border-top:1px solid var(--color-border)}.list li:first-child{border-top:0}.list .item-text{min-width:0}.list .item-title{overflow-wrap:anywhere}.list .item-meta{font-size:var(--text-sm);color:var(--color-muted)}.list .empty{color:var(--color-muted)}.stats{font:var(--text-sm) / var(--leading) var(--font-mono);white-space:pre-wrap;margin:var(--space-3) 0 0;overflow-x:auto}kbd{font-family:var(--font-mono);font-size:var(--text-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:0 var(--space-1)}@media(max-width:30rem){.row{grid-template-columns:1fr;gap:var(--space-1)}}.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}.device-mount{display:grid;justify-items:center}.device-frame{position:relative;line-height:0}.device-art{width:100%;height:auto;image-rendering:pixelated}.device-hit{position:absolute;margin:0;padding:0;background:transparent;border:0;border-radius:var(--radius-sm);cursor:pointer;-webkit-tap-highlight-color:transparent}.device-hit:disabled{cursor:default}.device-hit:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}.now-meta{text-align:center;font-size:var(--text-sm);min-height:calc(var(--text-sm) * var(--leading))}.world-caption{text-align:center;font:var(--text-sm) / var(--leading) var(--font-pixel);text-transform:uppercase;margin-top:calc(-1 * var(--space-3));min-height:calc(var(--text-sm) * var(--leading))}html,body{background:var(--room)}.solo{min-height:100dvh;display:grid;place-items:center;padding:var(--space-4);box-sizing:border-box;background:radial-gradient(circle at 50% 42%,var(--room-glow) 0,var(--viz-bg) 38%,var(--room) 75%)}.solo .device-mount{width:100%}.solo{grid-template-rows:1fr auto}.solo-footer{font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading)}.solo-footer a{color:var(--room-ink);text-underline-offset:3px}.solo-footer a:hover{color:var(--viz-ink)}