html.scroll-preview,.scroll-preview body{background:#0a0c0b;height:auto;overflow:clip auto}.scroll-preview #frame{position:fixed}.scroll-preview #stageHit{touch-action:pan-y;pointer-events:none;height:100%}.scroll-preview #ui,.scroll-preview #rule{visibility:hidden}.scroll-preview.scroll-rest #stageHit{pointer-events:auto;touch-action:none}.scroll-preview #fx,.scroll-preview #grain,.scroll-preview #ref{width:100%;height:100%}#scroll-story{pointer-events:none;height:700vh;position:relative}#scroll-story>section{height:100vh}.scroll-copy{pointer-events:none;opacity:0;color:#f1eee6;width:min(32vw,450px);position:fixed;top:28vh;left:5vw}.scroll-copy.align-right,.scroll-copy.align-center{left:auto;right:5vw}.story-eyebrow,.story-cue{color:#86a898;letter-spacing:.13em;font-size:11px;line-height:1.6}.scroll-copy h1{letter-spacing:-.04em;margin:20px 0;font-size:clamp(28px,3.4vw,58px);font-weight:500;line-height:1.04}.story-body{color:#b9bfba;font-size:clamp(13px,1.05vw,17px);line-height:1.7}.story-cue{margin-top:28px}[data-state=credits] .scroll-copy{width:min(35vw,460px);inset:auto auto 8vh 4vw}[data-state=credits] h1{margin:8px 0;font-size:24px}[data-state=credits] .story-body{font-size:11px}.scroll-nav{z-index:6;gap:6px;display:flex;position:fixed;bottom:20px;right:24px}.scroll-nav button,.scroll-nav a{color:#9aa39e;cursor:pointer;background:#131816;border:1px solid #2c3331;padding:8px;font:10px Inter,system-ui,sans-serif;text-decoration:none}.scroll-nav [aria-current=step],.scroll-nav :hover{color:#8fff3d;border-color:#8fff3d}@media (width<=700px){.scroll-copy,.scroll-copy.align-right,.scroll-copy.align-center{background:#131816;width:auto;padding:14px;inset:auto 6vw 10vh}.scroll-copy h1{margin:8px 0;font-size:28px}.story-body{font-size:12px;line-height:1.5}.story-cue{margin-top:10px}[data-state=credits] .scroll-copy{width:auto;bottom:10vh}.scroll-rest [data-state=credits] .scroll-copy{top:2vh;bottom:auto}.scroll-nav{right:6vw}}.scroll-preview .lil-gui.root{display:none}.scroll-credit{z-index:6;color:#b9bfba;pointer-events:none;margin:0;font-size:9px;line-height:1.5;position:fixed;bottom:58px;left:3vw;right:3vw}[data-state=credits] .terminal-copy{pointer-events:auto;box-sizing:border-box;width:36vw;padding:0 10px 10px;inset:7vh 5vw 90px auto;overflow-y:auto}.terminal-copy .story-body,.terminal-copy .story-cue{display:none}.terminal-copy h1{font-size:28px}.configurator{--steel-bg:#131816;--steel-soft:#1a211e;--steel-active:#253e30;--steel-line:#41584c;--steel-line-strong:#8fff3d;--steel-relief:inset 0 1px 0 #314139, inset 0 -1px 0 #080c0a}.config-tabs{border-bottom:0;gap:6px;margin:22px 0 16px;display:flex}.configurator button{border:1px solid var(--steel-line);background:var(--steel-soft);color:var(--text);font:inherit;cursor:pointer;box-shadow:var(--steel-relief);border-radius:9px;margin:4px 4px 4px 0;padding:8px 10px;font-size:11px}.configurator button:hover{border-color:var(--steel-line-strong);background:#202d25;box-shadow:0 0 18px #8fff3d2b}.configurator button:focus-visible,.configurator input:focus-visible,.configurator summary:focus-visible{outline:2px solid var(--green);outline-offset:3px}.configurator button:disabled{opacity:.4;cursor:not-allowed}.configurator button[aria-selected=true],.configurator button[aria-pressed=true]{color:var(--green);border-color:var(--green);background:var(--steel-active);box-shadow:0 0 20px #8fff3d33}.config-tabs button{letter-spacing:.1em;flex-direction:column;flex:1;align-items:center;gap:6px;margin:0;display:flex}.tool-tab-glyph{object-fit:contain;pointer-events:none;order:-1;width:24px;height:24px}.tool-tab-glyph-active,.config-tabs button[aria-selected=true] .tool-tab-glyph-normal{display:none}.config-tabs button[aria-selected=true] .tool-tab-glyph-active{display:block}.config-panel[hidden],.configurator [hidden]{display:none}.config-panel{border:1px solid var(--steel-line);background:linear-gradient(180deg, var(--steel-soft), var(--steel-bg));box-shadow:var(--steel-relief);border-radius:13px;padding:12px;font-size:12px;line-height:1.5}.configurator details{border:1px solid var(--steel-line);background:var(--steel-bg);box-shadow:var(--steel-relief);border-radius:10px;margin:0 0 12px;padding:10px 12px}.configurator summary{color:var(--dim);text-transform:uppercase;letter-spacing:.12em;cursor:pointer;margin-bottom:10px;font-size:10px}.configurator label{display:block}.config-color{justify-content:space-between;align-items:center;margin:6px 0;display:flex!important}.config-color input{background:var(--steel-soft);border:1px solid var(--steel-line);width:52px;height:25px;box-shadow:var(--steel-relief);border-radius:7px;padding:0}.config-color input:hover,.config-color input:focus-visible{border-color:var(--steel-line-strong);box-shadow:0 0 12px #8fff3d2e}.config-color input::-webkit-color-swatch-wrapper{padding:3px}.config-color input::-webkit-color-swatch{border:0;border-radius:4px}.config-layer{grid-template-columns:16px 1fr minmax(55px,1fr) auto;align-items:center;gap:6px;display:grid}.config-layer input[type=range]{width:100%}.configurator input{accent-color:var(--green)}.config-status{color:var(--green);font-size:10px}.config-region{grid-template-columns:90px 1fr 40px;align-items:center;gap:8px;margin:8px 0;display:grid!important}.config-region input{width:100%;min-width:0}.config-region output{color:var(--dim);text-align:right;font-size:10px}@media (width<=700px){[data-state=credits] .terminal-copy{background:#131816;width:auto;padding:8px 12px;inset:44vh 5vw 88px}.terminal-copy .story-eyebrow{display:none}.terminal-copy h1{margin:4px 0;font-size:20px}.config-tabs{margin:10px 0}.scroll-credit{font-size:8px;bottom:57px}}.scroll-preview:not(.scroll-rest) .configurator .config-tabs,.scroll-preview:not(.scroll-rest) .configurator .config-panel{visibility:hidden;pointer-events:none}.terminal-copy.configurator{transition:opacity var(--entranceMs) var(--motion-ease), transform var(--entranceMs) var(--motion-ease);transform:translateY(12px);opacity:0!important}.scroll-rest .terminal-copy.configurator{transform:translateY(0);opacity:1!important}.config-tabs [role=tab]{opacity:0;transition:opacity var(--controlMs) var(--motion-ease), transform var(--controlMs) var(--motion-ease);transition-delay:0s;transform:translateY(7px)}.scroll-rest .config-tabs [role=tab]{opacity:1;transition-delay:calc(var(--tabDelayMs) + var(--tab-order,0) * var(--tabStaggerMs));transform:translateY(0)}.configurator .config-panel{opacity:0;transition:opacity var(--controlMs) var(--motion-ease), transform var(--controlMs) var(--motion-ease);transition-delay:0s;transform:translateY(7px)}.scroll-rest .configurator .config-panel{opacity:1;transition-delay:var(--panelDelayMs);transform:translateY(0)}@media (prefers-reduced-motion:reduce){.terminal-copy.configurator,.config-tabs [role=tab],.configurator .config-panel{transition:none;transform:none}}.config-view-tools{justify-content:flex-end;align-items:center;gap:10px;display:flex;position:relative}.config-help{border:0!important;margin:0!important;padding:0!important}.config-help summary{border:1px solid var(--steel-line);width:26px;height:26px;color:var(--text);background:var(--steel-soft);box-shadow:var(--steel-relief);border-radius:50%;place-items:center;margin:0;list-style:none;display:grid}.config-help summary::-webkit-details-marker{display:none}.config-help-popup{z-index:8;background:var(--steel-bg);border:1px solid var(--steel-line);width:min(280px,70vw);box-shadow:var(--steel-relief);border-radius:12px;padding:14px;font-size:11px;line-height:1.7;position:absolute;top:38px;right:0}.config-help[data-announce=true] summary{animation:help-announce var(--help-sec) var(--motion-ease) 1}@keyframes help-announce{0%,to{box-shadow:0 0 #8fff3d00}40%{color:var(--green);border-color:var(--green);box-shadow:0 0 0 7px #8fff3d22}}@media (prefers-reduced-motion:reduce){.config-help[data-announce=true] summary{border-color:var(--green);animation:none}}.scroll-rest #stageHit[data-tool]:not([data-tool=""]){cursor:var(--tool-cursor)}.config-tabs button:active .tool-tab-glyph-normal{display:none}.config-tabs button:active .tool-tab-glyph-active{display:block}.tool-spark{pointer-events:none;z-index:10;border:1px solid #8fff3d44;border-radius:50%;width:24px;height:24px;position:fixed;top:-12px;left:-12px}.tool-spark[hidden]{display:none}.tool-spark[data-engaged=true]{border-color:var(--green);animation:tool-current var(--tool-pulse-sec) ease-in-out infinite alternate}@keyframes tool-current{0%{box-shadow:0 0 6px #8fff3d66}to{background:#8fff3d22;box-shadow:0 0 18px #8fff3dcc}}.config-spec{border:1px solid var(--steel-line);border-left:3px solid var(--green);background:var(--steel-active);box-shadow:var(--steel-relief);animation:spec-arrive var(--entranceMs) var(--motion-ease);border-radius:10px;padding:12px}.config-spec h2{margin:0 0 8px;font-size:17px;font-weight:500}.config-spec p{color:var(--dim);margin:6px 0;font-size:11px}@keyframes spec-arrive{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.tool-spark,.config-spec{animation:none!important}}.config-tool-column{border-bottom:0!important;padding-top:4px!important}.config-tool-column>summary{color:var(--text);border:1px solid var(--steel-line);background:var(--steel-soft);box-shadow:var(--steel-relief);border-radius:10px;margin:0;padding:10px 12px}.config-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.config-tabs button{letter-spacing:.07em;white-space:normal;text-wrap:balance;min-width:0;padding:10px 5px;font-size:clamp(9px,.8vw,11px);line-height:1.55}.config-layer-grid,.config-pose-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.config-layer-grid button,.config-pose-actions button{text-align:left;min-width:0;margin:0;padding:11px 10px}.configurator button,.configurator select{transition:background-color var(--controlMs) var(--motion-ease), border-color var(--controlMs) var(--motion-ease), color var(--controlMs) var(--motion-ease)}.configurator [data-instrument]{text-align:left;width:100%;margin:8px 0;padding:12px;display:block}.configurator select{max-width:100%;color:var(--text);background:var(--steel-bg);border:1px solid var(--steel-line);box-shadow:var(--steel-relief);font:inherit;border-radius:8px;margin:8px 0;padding:7px 9px}.configurator select:focus-visible{outline:2px solid var(--green);outline-offset:3px}.scroll-rest .configurator [data-enter-control]{animation:ledger-control-in var(--controlMs) var(--motion-ease) both;animation-delay:calc(var(--panelDelayMs) + var(--control-order,0) * var(--tabStaggerMs))}@keyframes ledger-control-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.config-help-popup{animation:ledger-control-in var(--controlMs) var(--motion-ease)}.config-panel>details>p{color:var(--dim);font-size:11px;line-height:1.7}@media (width<=700px){.config-tabs button{padding:9px 5px;font-size:9px}.config-tool-column>summary{padding:8px 0}.config-region{grid-template-columns:80px minmax(0,1fr) 35px;gap:5px}}@media (prefers-reduced-motion:reduce){.scroll-rest .configurator [data-enter-control],.config-help-popup,.config-spec{animation:none}.configurator button,.configurator select{transition:none}}
