:root{--carbon:#14110f;--tile:#c9b49a;--plasma:#ff5a1f;--ice:#9fd6e8;--brass:#d4a017;--bone:#f0e6d4;--ink:#2a1810;--display:"Big Shoulders Display", "Arial Narrow", sans-serif;--body:"Outfit", "Segoe UI", sans-serif;--mono:"Share Tech Mono", "IBM Plex Mono", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--carbon);height:100%;color:var(--bone);overflow:hidden}body{font-family:var(--body);-webkit-font-smoothing:antialiased;cursor:grab;font-weight:300}body:active{cursor:grabbing}.stage{position:fixed;inset:0}.stage canvas{touch-action:none}.hud{z-index:2;pointer-events:none;isolation:isolate;position:fixed;inset:0}.stencil{font-family:var(--display);letter-spacing:-.08em;color:#0000;-webkit-text-stroke:1.4px color-mix(in srgb, var(--tile) 42%, transparent);text-transform:uppercase;-webkit-user-select:none;user-select:none;font-size:clamp(8rem,28vw,22rem);font-weight:900;line-height:.78;position:absolute;top:-7vh;left:-2.4vw}.slash{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--brass) 70%, transparent), transparent);transform-origin:100%;width:55vw;height:1px;position:absolute;top:8%;right:-8%;transform:rotate(-18deg)}.rail{font-family:var(--mono);letter-spacing:.28em;text-transform:uppercase;color:color-mix(in srgb, var(--tile) 78%, white);white-space:nowrap;font-size:.68rem;position:absolute;top:1.55rem;left:5.6rem;transform:none}.corner{text-align:right;position:absolute;top:1.4rem;right:1.6rem}.corner .kicker{font-family:var(--mono);letter-spacing:.28em;text-transform:uppercase;color:var(--ice);font-size:.62rem}.corner h1{font-family:var(--display);letter-spacing:-.04em;color:var(--bone);font-size:clamp(1.8rem,4vw,3.4rem);font-weight:800;line-height:.9}.corner .ver{font-family:var(--mono);color:var(--plasma);margin-top:.15rem;font-size:.85rem;display:block}.hud a{pointer-events:auto;color:inherit;cursor:pointer;text-decoration:none}.manifesto{max-width:32ch;position:absolute;bottom:16vh;right:1.8rem}.manifesto p{color:var(--bone);font-size:1.02rem;line-height:1.38}.manifesto .interrupt{font-family:var(--display);letter-spacing:-.05em;color:var(--plasma);margin:.15em 0 .2em;font-size:3.2rem;font-weight:800;line-height:.8;display:block}.manifesto .quiet{color:color-mix(in srgb, var(--tile) 88%, white);margin-top:.9rem;font-size:.9rem;line-height:1.45}.dump{font-family:var(--mono);color:var(--tile);gap:0;font-size:.72rem;line-height:1.7;display:grid;position:absolute;bottom:7.5rem;left:5.6rem}.dump-row{grid-template-columns:6.2rem 1fr;column-gap:.4rem;display:grid}.dump dt{color:color-mix(in srgb, var(--ice) 70%, var(--tile))}.dump dd{color:var(--bone);margin:0}.spine{pointer-events:auto;z-index:3;flex-direction:column;gap:.35rem;display:flex;position:absolute;top:22%;left:1.15rem}.spine a{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb, var(--tile) 55%, transparent);align-items:baseline;gap:.55rem;font-size:.62rem;display:flex}.spine a span{color:color-mix(in srgb, var(--ice) 45%, transparent)}.spine a:hover,.spine a.is-now{color:var(--bone)}.spine a.is-now span{color:var(--plasma)}.spine a:focus-visible{outline:1px solid var(--ice);outline-offset:3px}.pager{pointer-events:auto;z-index:3;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;align-items:baseline;gap:1.4rem;font-size:.78rem;display:flex;position:absolute;bottom:3.6rem;right:1.8rem}.pager-back{color:color-mix(in srgb, var(--tile) 70%, white)}.pager-back.is-ghost{opacity:.35}.pager-next{color:var(--plasma)}.pager a:hover{color:var(--bone)}.pager a:focus-visible{outline:1px solid var(--ice);outline-offset:4px}.hint{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:color-mix(in srgb, var(--brass) 80%, var(--tile));font-size:.68rem;position:absolute;bottom:4.6rem;left:5.6rem}.telemetry{border-top:1px solid color-mix(in srgb, var(--tile) 28%, transparent);background:color-mix(in srgb, var(--carbon) 72%, transparent);height:2.4rem;font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--tile);font-size:.72rem;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.telemetry span{white-space:nowrap;padding:.7rem 0;animation:28s linear infinite crawl;display:inline-block}.grain{z-index:4;pointer-events:none;opacity:.14;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E");position:fixed;inset:0}@keyframes crawl{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (width<=820px){.rail,.slash,.dump{display:none}.stencil{font-size:22vw;top:-2vh}.corner{top:1rem;right:1rem}.spine{flex-flow:wrap;gap:.45rem .8rem;inset:auto 1rem 6.2rem}.spine a{font-size:.58rem}.manifesto{max-width:none;bottom:22vh;left:1rem;right:1rem}.manifesto .interrupt{font-size:2.4rem}.hint{bottom:4.8rem;left:1rem}.pager{justify-content:space-between;bottom:3.2rem;left:1rem;right:1rem}}@media (prefers-reduced-motion:reduce){.telemetry span{animation:none}}