:root{--color-background: #080b10;--color-surface: #111722;--color-text: #e6ebf0;--color-text-muted: #aeb9c5;--color-accent: #8bb9c9;--color-line: rgb(174 185 197 / 24%);--color-focus: #c9e8ee;--font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.25rem;--text-xl: clamp(2.25rem, 6vw, 4.5rem);--space-1: .5rem;--space-2: 1rem;--space-3: 1.5rem;--space-4: 2.5rem;--space-5: 4rem;--line-thin: 1px;--content-width: 68rem;color:var(--color-text);background:var(--color-background);font-family:var(--font-sans);line-height:1.5}*{box-sizing:border-box}html{background:var(--color-background)}body{min-width:320px;min-height:100vh;margin:0;background:var(--color-background)}a{color:inherit}a:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}button:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}textarea:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.skip-link{position:fixed;z-index:2;top:var(--space-2);left:var(--space-2);padding:var(--space-1) var(--space-2);color:var(--color-background);background:var(--color-focus);transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.site-header{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;width:min(100% - 2 * var(--space-3),var(--content-width));margin:0 auto;padding:var(--space-3) 0;border-bottom:var(--line-thin) solid var(--color-line)}.site-identity{font-size:var(--text-sm);font-weight:700;letter-spacing:.06em;text-decoration:none}.site-nav{display:flex;flex-wrap:wrap;gap:var(--space-2);font-size:var(--text-sm)}.site-nav a{color:var(--color-text-muted);text-decoration-color:transparent;text-underline-offset:.3em}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--color-text);text-decoration-color:var(--color-accent)}main{position:relative;z-index:1;width:min(100% - 2 * var(--space-3),var(--content-width));margin:0 auto;padding:var(--space-5) 0}h1,h2,p{margin:0}h1{max-width:13ch;font-size:var(--text-xl);line-height:1.05;letter-spacing:-.04em}h2{font-size:var(--text-lg)}p{max-width:65ch;color:var(--color-text-muted)}p+p,h1+p,h2+p{margin-top:var(--space-2)}.eyebrow{margin-bottom:var(--space-2);color:var(--color-accent);font-size:var(--text-xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase}.home-main{min-height:100vh;pointer-events:none}.home-canvas{position:fixed;z-index:0;inset:0;display:block;width:100vw;height:100vh;pointer-events:auto;touch-action:none}.home-transition-snapshot{position:fixed;z-index:0;inset:0;width:100vw;height:100vh;pointer-events:none}.home-introduction{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.renderer-fallback,.renderer-unavailable .explore-controls{display:none}.renderer-unavailable .home-main{min-height:0;padding-top:12rem;pointer-events:auto}.renderer-unavailable .renderer-fallback{display:grid;gap:var(--space-2);max-width:30rem}.version-entry{position:fixed;right:1rem;bottom:1rem;z-index:2;pointer-events:none}.create-open,.create-shell{position:fixed;z-index:2;pointer-events:auto}.create-open{bottom:1rem;left:50%;padding:.4rem .75rem;border:1px solid var(--color-line);border-radius:999px;color:var(--color-text-muted);background:#080b10b8;font:inherit;font-size:var(--text-sm);transform:translate(-50%);cursor:pointer}.create-open:hover,.create-actions button:hover{color:var(--color-text);border-color:var(--color-accent)}.create-shell{bottom:calc(1rem + var(--create-keyboard-offset, 0px));left:50%;width:min(31rem,calc(100vw - 2rem));transform:translate(-50%)}.create-form{display:grid;gap:.5rem;padding:.7rem;border:1px solid var(--color-line);background:#111722f5;box-shadow:0 .75rem 2rem #00000047}.create-form textarea{width:100%;min-height:2.4rem;max-height:8rem;resize:vertical;border:1px solid var(--color-line);color:var(--color-text);background:var(--color-background);font:inherit;padding:.5rem}.create-actions{display:flex;gap:.5rem;justify-content:flex-end}.create-actions button{border:1px solid var(--color-line);color:var(--color-text-muted);background:transparent;font:inherit;font-size:var(--text-sm);cursor:pointer}.create-status{min-height:1.3em;font-size:var(--text-xs)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.version-entry-row{display:flex;align-items:center;justify-content:flex-end;gap:.35rem}.app-version{color:var(--color-text-muted);font-size:var(--text-xs);letter-spacing:.05em;opacity:.78}.version-help{position:relative;display:grid;width:2.25rem;height:2.25rem;padding:0;place-items:center;border:1px solid var(--color-line);border-radius:50%;color:var(--color-accent);background:#080b10b8;font:inherit;font-size:var(--text-sm);cursor:pointer;pointer-events:auto}.version-help:hover{border-color:var(--color-accent);color:var(--color-text)}.version-help:after{position:absolute;right:0;bottom:calc(100% + .45rem);padding:.25rem .45rem;border:1px solid var(--color-line);color:var(--color-text-muted);background:var(--color-surface);content:"What’s this?";font-size:var(--text-xs);white-space:nowrap;opacity:0;pointer-events:none;transform:translateY(.2rem);transition:opacity .12s ease,transform .12s ease}.version-help:hover:after,.version-help:focus-visible:after{opacity:1;transform:translateY(0)}.version-entry:has(.evolution-popover:popover-open) .version-help:after{display:none}.version-help-attention{animation:version-help-attention 1.8s ease-out 1}@keyframes version-help-attention{0%,to{box-shadow:0 0 0 0 transparent}25%{box-shadow:0 0 0 .3rem #8bb9c92e}}.evolution-popover{position:fixed;inset:auto 1rem 4.25rem auto;width:min(20rem,calc(100vw - 2rem));margin:0;pointer-events:auto;padding:1rem;border:1px solid var(--color-line);color:var(--color-text);background:#111722f5;box-shadow:0 .75rem 2rem #00000047}.evolution-popover p{font-size:var(--text-sm)}.evolution-popover p+p{margin-top:.65rem}.evolution-popover a{display:inline-block;margin-top:.85rem;color:var(--color-accent);font-size:var(--text-sm);text-underline-offset:.3em}@media(prefers-reduced-motion:reduce){.version-help-attention{animation:none}.version-help:after{transition:none}}.home-header{position:fixed;top:1.25rem;left:1.5rem;z-index:1;display:grid;width:min(25.5rem,calc(100vw - 3rem));gap:.7rem;margin:0;padding:0;border:0}.home-identity-row{display:flex;align-items:baseline;gap:var(--space-3)}.home-header .site-nav{gap:var(--space-2)}.development-debug-panel{position:fixed;z-index:20;right:.75rem;bottom:.75rem;display:grid;max-width:min(30rem,calc(100vw - 1.5rem));max-height:min(68vh,42rem);gap:.35rem;overflow:auto;padding:.65rem;border:1px solid color-mix(in srgb,var(--color-line) 55%,transparent);background:#080b10eb;color:var(--color-line);font:.7rem/1.35 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;box-shadow:0 .5rem 1.5rem #0000004d}.development-debug-panel pre{margin:0;white-space:pre-wrap}.development-debug-toggle{cursor:pointer}.development-debug-inspector{min-width:0}.development-debug-inspector pre{max-height:16rem;overflow:auto;padding-top:.35rem}.explore-controls{display:flex;align-items:center;gap:var(--space-2)}.current-scene{display:grid;min-width:8.5rem;color:var(--color-text);font-size:var(--text-sm);line-height:1.2}.current-scene-label{color:var(--color-text-muted);font-size:var(--text-xs)}.explore-actions{display:flex;flex-wrap:wrap;gap:.35rem}.explore-actions button{padding:0;border:0;color:var(--color-text-muted);background:transparent;font:inherit;font-size:var(--text-xs);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:.3em;cursor:pointer}.explore-actions button:hover{color:var(--color-text);text-decoration-color:var(--color-accent)}.page-introduction{display:grid;gap:var(--space-2)}.page-section{margin-top:var(--space-5);padding-top:var(--space-3);border-top:var(--line-thin) solid var(--color-line)}.noscript-note{margin-top:var(--space-4);font-size:var(--text-sm)}@media(max-width:32rem){.home-header{top:var(--space-2);left:var(--space-2);width:calc(100vw - 2 * var(--space-2))}.version-entry{right:var(--space-2);bottom:var(--space-2)}.create-open{bottom:var(--space-2)}.create-shell{bottom:calc(var(--space-2) + var(--create-keyboard-offset, 0px))}.evolution-popover{inset:auto var(--space-2) 4.25rem auto}.home-identity-row,.explore-controls{align-items:flex-start;flex-direction:column;gap:var(--space-1)}.current-scene{min-width:0}.site-header{align-items:flex-start;flex-direction:column;gap:var(--space-2)}main{padding:var(--space-4) 0}}
