:root{color-scheme:light;--paper: #faf7ef;--paper-strong: #f0eadc;--ink: #191c21;--ink-soft: #5d626b;--quiet: #858a8d;--rule: rgba(28, 31, 36, .16);--rule-bright: rgba(28, 31, 36, .3);--panel: rgba(255, 252, 245, .8);--panel-strong: rgba(250, 247, 239, .94);--orbit: #c65d2c;--sun: #d99a3a;--hodograph: #315a9a;--vector: #147d6d;--construction: #7893c3;--wedge: #e99a62;--grid: #9ba3ac;--focus-ring: rgba(198, 93, 44, .62);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=chalkboard]{color-scheme:dark;--paper: #101815;--paper-strong: #18221c;--ink: #efe8d7;--ink-soft: #b8b2a5;--quiet: #888f86;--rule: rgba(239, 232, 215, .16);--rule-bright: rgba(239, 232, 215, .32);--panel: rgba(19, 29, 24, .78);--panel-strong: rgba(17, 25, 21, .94);--orbit: #e18850;--sun: #e8bd63;--hodograph: #84a9dc;--vector: #76baa5;--construction: #aab9ce;--wedge: #c88a67;--grid: #69746c;--focus-ring: rgba(225, 136, 80, .72)}*{box-sizing:border-box}html{height:100%;min-height:100%;background:var(--paper);scroll-behavior:smooth}body{min-width:320px;min-height:100svh;margin:0;color:var(--ink);background:var(--paper);font-size:15px;line-height:1.45}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{position:relative;width:min(1480px,calc(100% - 42px));display:flex;min-height:100svh;flex-direction:column;margin:0 auto;padding:12px 0 0}.masthead{position:absolute;z-index:10;top:23px;right:16px;left:16px;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:34px;pointer-events:none}.wordmark{display:inline-flex;align-items:center;gap:9px;padding:6px 9px 6px 7px;border:1px solid color-mix(in srgb,var(--rule-bright) 76%,transparent);border-radius:999px;background:color-mix(in srgb,var(--panel-strong) 74%,transparent);color:var(--ink);font:600 10px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.12em;text-decoration:none;pointer-events:auto}.wordmark-mark{display:grid;width:23px;height:23px;place-items:center;border:1px solid var(--rule-bright);border-radius:50%;color:var(--hodograph);font-size:17px;line-height:1}.masthead-actions,.button-row{display:flex;align-items:center;gap:8px}.masthead-actions{pointer-events:auto}.construction-layout-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.35}.construction-layout-toggle :is(.layout-glyph-position,.layout-glyph-velocity){transform-box:fill-box;transform-origin:center;transition:transform .18s ease}.construction-layout-toggle .layout-glyph-origin{transition:opacity .16s ease}.construction-layout-toggle[data-construction-layout=separated] .layout-glyph-position{transform:translate(-2.5px,2px)}.construction-layout-toggle[data-construction-layout=separated] .layout-glyph-velocity{transform:translate(2.5px,-2px)}.construction-layout-toggle[data-construction-layout=separated] .layout-glyph-origin{opacity:0}.construction-layout-toggle[aria-pressed=true]{border-color:color-mix(in srgb,var(--hodograph) 48%,var(--rule));background:color-mix(in srgb,var(--hodograph) 9%,transparent);color:var(--hodograph)}.quiet-button,.icon-button,.secondary-button,.primary-button,.theme-choice{border:1px solid var(--rule);border-radius:7px;background:transparent;cursor:pointer;transition:border-color .16s ease,background-color .16s ease,color .16s ease,transform .16s ease}.quiet-button,.secondary-button,.theme-choice{padding:8px 11px;color:var(--ink-soft);font:600 11px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.02em}.quiet-button:hover,.secondary-button:hover,.theme-choice:hover,.icon-button:hover{border-color:var(--rule-bright);background:color-mix(in srgb,var(--ink) 5%,transparent);color:var(--ink)}.icon-button{display:grid;width:34px;height:34px;place-items:center;background:color-mix(in srgb,var(--panel-strong) 74%,transparent);color:var(--ink-soft);font-size:17px}.github-source-link{text-decoration:none}.github-source-link svg{width:18px;height:18px;fill:currentColor}.nav-narration-button.is-active{border-color:var(--hodograph);background:color-mix(in srgb,var(--hodograph) 10%,var(--panel-strong));color:var(--hodograph)}.instrument{position:relative;display:grid;min-height:calc(100svh - 24px);grid-template-rows:minmax(560px,1fr)}.instrument-heading{position:absolute;z-index:4;top:clamp(78px,9svh,104px);right:clamp(25px,3.2vw,48px);left:clamp(25px,3.2vw,48px);display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.45fr);align-items:start;gap:clamp(24px,5vw,72px);padding:0;pointer-events:none}.eyebrow{margin:0 0 11px;color:var(--hodograph);font:600 10px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.11em}h1,h2{margin:0;font-family:Iowan Old Style,Charter,Georgia,serif;letter-spacing:-.045em}h1{font-size:clamp(54px,6.25vw,92px);font-weight:600;line-height:.88}h2{font-size:clamp(30px,4.2vw,56px);font-weight:600;line-height:.98}.dek{max-width:36ch;margin:7px 0 0;color:var(--ink-soft);font-size:clamp(15px,1.6vw,19px);line-height:1.55}.stage-shell{position:relative;height:auto;min-height:0;overflow:hidden;border:1px solid var(--rule-bright);border-radius:20px;background:linear-gradient(150deg,color-mix(in srgb,var(--paper-strong) 88%,transparent),color-mix(in srgb,var(--paper) 84%,transparent)),var(--paper-strong);isolation:isolate}.story-threshold{position:absolute;z-index:5;right:18px;bottom:15px;display:flex;width:min(300px,calc(100% - 44px));max-width:none;align-items:center;gap:10px;padding:6px 0 6px 12px;border:0;border-left:1px solid var(--rule-bright);border-radius:0;background:transparent;color:var(--ink);text-decoration:none;transition:border-color .16s ease,color .16s ease}.story-threshold:hover{border-color:var(--hodograph)}.story-threshold-kicker{color:var(--hodograph);font:600 9px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.12em;text-transform:uppercase}.story-threshold-title{min-width:0;flex:1 1 auto;overflow:visible;color:var(--ink-soft);font-family:Iowan Old Style,Charter,Georgia,serif;font-size:13px;letter-spacing:-.012em;text-align:left;line-height:1.2;text-overflow:clip;text-wrap:balance;white-space:normal}.story-threshold-arrow{display:grid;width:30px;min-width:30px;height:30px;flex:0 0 30px;place-items:center;border:1px solid var(--rule);border-radius:50%;color:var(--hodograph);font-size:12px}.stage{position:absolute;z-index:1;inset:0;transition:opacity .18s ease}.stage canvas{display:block;width:100%;height:100%;outline:none;box-shadow:none;cursor:grab;-webkit-tap-highlight-color:transparent}.stage canvas:focus,.stage canvas:focus-visible{outline:none;box-shadow:none}.stage canvas:active,.stage canvas[data-interacting=true]{cursor:grabbing}.stage-guide{position:absolute;z-index:6;top:50%;left:50%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;width:min(450px,calc(100% - 48px));transform:translate(-50%,-50%);padding:19px 18px 19px 21px;border:1px solid var(--rule-bright);border-radius:8px;background:var(--paper-strong)}.stage-guide[hidden]{display:none!important}.stage-guide-kicker{display:block;margin-bottom:8px;color:var(--hodograph);font:600 9px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.12em;text-transform:uppercase}.stage-guide p{max-width:35ch;margin:0;color:var(--ink-soft);font-size:13px;line-height:1.45}.stage-guide p strong{color:var(--ink);font-weight:600}kbd{display:inline-block;min-width:1.6em;padding:0 .25em;border:1px solid var(--rule-bright);border-bottom-width:2px;border-radius:3px;color:var(--ink);font:600 .88em/1.35 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-align:center}.stage-guide-dismiss{flex:0 0 auto;border:1px solid var(--rule-bright);border-radius:6px;padding:9px 11px;background:transparent;color:var(--ink);cursor:pointer;font:600 10px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.02em;white-space:nowrap}.stage-guide-dismiss:hover{border-color:var(--hodograph);background:color-mix(in srgb,var(--hodograph) 8%,transparent)}.stage-controls-toggle{position:absolute;z-index:5;top:56%;left:18px;display:grid;width:34px;height:34px;place-items:center;border:1px solid var(--rule-bright);border-radius:50%;background:color-mix(in srgb,var(--panel-strong) 86%,transparent);color:var(--ink);cursor:pointer;font:600 13px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.stage-controls-toggle:hover,.stage-controls-toggle[aria-expanded=true]{border-color:var(--hodograph);color:var(--hodograph)}.stage-controls-overlay{position:absolute;z-index:12;inset:0;display:grid;place-items:center;padding:24px;background:color-mix(in srgb,var(--paper) 74%,transparent)}.stage-controls-overlay[hidden]{display:none}.stage-controls-sheet{width:min(680px,100%);border:1px solid var(--rule-bright);border-radius:10px;padding:22px;background:var(--paper-strong);color:var(--ink)}.stage-controls-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-bottom:17px;border-bottom:1px solid var(--rule)}.stage-controls-kicker{display:block;margin-bottom:7px;color:var(--hodograph);font:600 9px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.12em;text-transform:uppercase}.stage-controls-header h2{margin:0;font-size:clamp(25px,3vw,36px);line-height:1}.stage-controls-close{display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;border:1px solid var(--rule);border-radius:50%;background:transparent;color:var(--ink-soft);cursor:pointer;font-size:21px;line-height:1}.stage-controls-close:hover{border-color:var(--hodograph);color:var(--ink)}.stage-controls-grid{display:grid;margin-top:6px}.stage-control-row{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(130px,1fr) minmax(180px,1.2fr);align-items:center;gap:18px;min-height:52px;border-bottom:1px solid var(--rule);color:var(--ink-soft);font-size:12px}.stage-control-row>:first-child{color:var(--ink);font-weight:600}.stage-control-row>:last-child{justify-self:end;text-align:right}.stage-controls-note{margin:15px 0 0;color:var(--quiet);font-size:10px;line-height:1.45}.camera-framing-hud{--camera-ruler-accent: #c74e2d;--camera-ruler-accent-hot: #e16b42;--camera-ruler-ink: #5b2a1c;--camera-ruler-tick: rgba(91, 42, 28, .42);--camera-ruler-surface: rgba(250, 247, 239, .82);--camera-ruler-stroke: rgba(91, 42, 28, .25);--camera-framing-position: 50%;position:absolute;z-index:7;bottom:76px;left:50%;display:grid;width:min(470px,calc(100% - 92px));grid-template-columns:28px minmax(0,1fr) 28px;align-items:end;gap:10px;transform:translate(-50%);-webkit-tap-highlight-color:transparent}.camera-framing-hud[hidden]{display:none}.camera-framing-scale{min-width:0;border-radius:5px;padding:5px 10px 18px;background:linear-gradient(180deg,transparent,var(--camera-ruler-surface) 38% 100%)}.camera-framing-numbers{display:flex;justify-content:space-between;padding:0 1px 5px;color:var(--camera-ruler-accent);font:650 10px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-variant-numeric:tabular-nums;letter-spacing:-.02em;text-shadow:0 1px 0 var(--camera-ruler-surface)}.camera-framing-ruler{position:relative;height:22px}.camera-framing-ruler:before{position:absolute;inset:0 1px;background:repeating-linear-gradient(90deg,var(--camera-ruler-tick) 0 1px,transparent 1px 8px),repeating-linear-gradient(90deg,var(--camera-ruler-ink) 0 1px,transparent 1px 40px),linear-gradient(var(--camera-ruler-stroke),var(--camera-ruler-stroke)) 0 11px / 100% 1px no-repeat;content:"";mask-image:linear-gradient(180deg,transparent 0,#000 28%,#000 72%,transparent 100%)}.camera-framing-ruler:after{position:absolute;z-index:2;top:-1px;bottom:-1px;left:var(--camera-framing-position);width:3px;border-radius:2px;background:var(--camera-ruler-accent-hot);box-shadow:0 0 0 1px var(--camera-ruler-surface);content:"";pointer-events:none;transform:translate(-50%)}#camera-framing-control{position:absolute;z-index:3;inset:-8px 0;height:38px;margin:0;appearance:none;outline:none;background:transparent;cursor:ew-resize;-webkit-tap-highlight-color:transparent}#camera-framing-control::-webkit-slider-runnable-track{height:22px;background:transparent}#camera-framing-control::-webkit-slider-thumb{width:22px;height:22px;appearance:none;border:0;background:transparent}#camera-framing-control::-moz-range-track{height:22px;background:transparent}#camera-framing-control::-moz-range-thumb{width:22px;height:22px;border:0;background:transparent}#camera-framing-control:focus,#camera-framing-control:focus-visible{outline:none;box-shadow:none}#camera-framing-state{position:absolute;top:24px;left:var(--camera-framing-position);color:var(--camera-ruler-accent-hot);font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-variant-numeric:tabular-nums;transform:translate(-50%)}.camera-framing-step{display:grid;width:28px;height:28px;place-items:center;border:1px solid var(--camera-ruler-stroke);border-radius:50%;padding:0 0 2px;background:var(--camera-ruler-surface);color:var(--camera-ruler-accent);cursor:pointer;font:400 22px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;-webkit-tap-highlight-color:transparent}.camera-framing-step:hover{border-color:var(--camera-ruler-accent);color:var(--camera-ruler-accent-hot)}.camera-framing-step:focus,.camera-framing-step:focus-visible{border-color:var(--camera-ruler-accent-hot);outline:2px solid color-mix(in srgb,var(--camera-ruler-accent-hot) 42%,transparent);outline-offset:2px;box-shadow:none}[data-theme=chalkboard] .camera-framing-hud{--camera-ruler-accent: #ef8b63;--camera-ruler-accent-hot: #ffad87;--camera-ruler-ink: #f4d3c4;--camera-ruler-tick: rgba(244, 211, 196, .42);--camera-ruler-surface: rgba(12, 18, 16, .84);--camera-ruler-stroke: rgba(239, 139, 99, .38)}.stage-hud,.stage-telemetry,.stage-instructions,.stage-controls-toggle,.dock,.story-threshold{transition:opacity .18s ease}.stage-shell[data-guide-visible=true] .stage{opacity:.18}.stage-shell[data-guide-visible=true] :is(.stage-hud,.stage-telemetry,.stage-instructions,.stage-controls-toggle,.dock,.story-threshold){opacity:.24;pointer-events:none}.stage-hud{position:absolute;z-index:3;top:clamp(207px,29svh,246px);display:grid;gap:5px;pointer-events:none}.stage-hud-left{left:22px}.stage-hud-right{right:22px;text-align:right}.stage-hud strong,.hud-kicker,.stage-telemetry,.stage-instructions,.render-status{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.stage-hud strong{color:var(--ink);font-size:11px;letter-spacing:.14em}.hud-kicker{color:var(--ink-soft);font-size:9px;letter-spacing:.09em}.dot{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%}.dot-orbit{background:var(--orbit)}.dot-hodograph{background:var(--hodograph)}.stage-telemetry{position:absolute;z-index:3;bottom:23px;left:22px;display:flex;flex-wrap:wrap;gap:12px;color:var(--ink-soft);font-size:11px;pointer-events:none}.stage-telemetry b{color:var(--ink);font-weight:600}.stage-instructions{position:absolute;z-index:3;right:auto;bottom:62px;left:22px;max-width:min(38ch,42%);margin:0;color:var(--quiet);font-size:10px;letter-spacing:.01em;text-align:left;pointer-events:none}.render-status{position:absolute;z-index:4;top:53px;left:22px;max-width:48ch;margin:0;padding:7px 9px;border:1px solid var(--rule);border-radius:6px;background:var(--panel);color:var(--ink-soft);font-size:10px}.dock{position:absolute;z-index:5;bottom:15px;left:50%;width:max-content;max-width:calc(100% - 44px);transform:translate(-50%)}.dock-tabs{display:flex;min-width:0;overflow-x:auto;border:1px solid var(--rule-bright);border-radius:8px;background:color-mix(in srgb,var(--panel-strong) 88%,transparent);scrollbar-width:none}.dock-tabs::-webkit-scrollbar{display:none}.dock-tab{position:relative;flex:1 0 auto;min-height:34px;padding:0 13px;border:0;border-right:1px solid var(--rule);background:transparent;color:var(--console-accent, var(--quiet));cursor:pointer;font:600 9px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.07em;text-transform:uppercase}.dock-tab:last-child{border-right:0}.dock-tab:after{position:absolute;right:12px;bottom:4px;left:12px;height:2px;background:var(--console-accent, var(--hodograph));content:"";opacity:0;transform:scaleX(.5);transition:opacity .18s ease,transform .18s ease}.dock-tab:hover,.dock-tab.is-active{color:var(--console-accent, var(--ink));background:color-mix(in srgb,var(--ink) 3%,transparent)}#tab-playback{--console-accent: var(--construction)}#tab-geometry{--console-accent: var(--orbit)}#tab-camera{--console-accent: var(--hodograph)}#tab-sound{--console-accent: var(--vector)}.dock-tab.is-active:after{opacity:1;transform:scaleX(1)}.dock-panels{position:absolute;bottom:calc(100% + 10px);left:50%;width:min(760px,calc(100vw - 64px));transform:translate(-50%)}.dock-panel{position:relative;display:flex;align-items:flex-end;flex-wrap:wrap;gap:16px 22px;min-height:0;padding:16px 18px;border:1px solid var(--rule-bright);border-radius:9px;background:color-mix(in srgb,var(--panel-strong) 93%,transparent)}.dock-panel[hidden]{display:none}.control-group{display:grid;gap:11px}.control-group-wide{flex:1 1 235px;min-width:min(235px,100%)}.control-label,.control-group label,.audio-controls label{display:flex;align-items:baseline;justify-content:space-between;gap:12px;color:var(--ink-soft);font:600 10px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.06em;text-transform:uppercase}.control-group output,.audio-controls output{color:var(--ink);font-size:12px;letter-spacing:0;text-transform:none}[data-panel=playback] :is(.control-label,label){color:var(--construction)}[data-panel=geometry] :is(.control-label,label){color:var(--orbit)}[data-panel=camera] .control-label{color:var(--hodograph)}[data-panel=sound] :is(.control-label,label){color:var(--vector)}[data-panel=sound] label[for=sound-gravity]{color:var(--sun)}[data-panel=sound] label[for=sound-velocity]{color:var(--hodograph)}[data-panel=sound] label[for=sound-markers]{color:var(--wedge)}[data-panel=sound] label[for=narration-volume]{color:var(--quiet)}input[type=range]{width:100%;height:18px;margin:0;accent-color:var(--hodograph);cursor:ew-resize}#speed-control{accent-color:var(--construction)}#eccentricity-control{accent-color:var(--orbit)}#wedges-control{accent-color:var(--wedge)}#sound-master{accent-color:var(--vector)}#sound-gravity{accent-color:var(--sun)}#sound-velocity{accent-color:var(--hodograph)}#sound-markers{accent-color:var(--wedge)}#narration-volume{accent-color:var(--quiet)}#narration-seek{accent-color:var(--orbit)}.primary-button{border-color:transparent;padding:9px 13px;background:var(--ink);color:var(--paper);font:600 11px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.03em}.primary-button:hover{background:var(--hodograph);transform:translateY(-1px)}.sound-state-button{display:inline-flex;align-items:center;justify-content:center;width:32px;min-width:32px;height:32px;border:1px solid var(--rule-bright);border-radius:5px;padding:0;background:transparent;color:var(--ink-soft);cursor:pointer;font:600 10px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.03em}.sound-state-button:hover,.sound-state-button.is-active{border-color:var(--vector);background:color-mix(in srgb,var(--vector) 10%,transparent);color:var(--ink)}.sound-state-icon{color:var(--vector);font-size:15px;line-height:1}.secondary-button:disabled{cursor:not-allowed;opacity:.44}.camera-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:18px}.camera-panel[hidden]{display:none}.camera-group{min-width:0}.camera-row{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.camera-row .secondary-button{width:100%;min-width:0;padding-right:8px;padding-left:8px}.camera-group-travel .camera-row{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-choice.is-selected,.secondary-button.is-selected{border-color:var(--hodograph);background:color-mix(in srgb,var(--hodograph) 10%,transparent);color:var(--ink)}.control-note{max-width:48ch;margin:0;color:var(--quiet);font-size:12px;line-height:1.45}.scene-tooltip-hotspots{position:absolute;z-index:7;inset:0;pointer-events:none}.scene-tooltip-hotspot{position:absolute;width:20px;height:20px;margin:-10px 0 0 -10px;border:1px solid transparent;border-radius:50%;padding:0;background:transparent;opacity:0;pointer-events:none}.scene-tooltip-hotspot:focus-visible{border-color:var(--scene-tooltip-accent, var(--hodograph));outline:1px solid var(--panel-strong);outline-offset:-3px;background:color-mix(in srgb,var(--scene-tooltip-accent, var(--hodograph)) 16%,var(--panel-strong));opacity:1}.scene-tooltip{--scene-tooltip-accent: var(--hodograph);position:absolute;z-index:8;width:max-content;max-width:min(224px,calc(100% - 20px));overflow:hidden;border:1px solid color-mix(in srgb,var(--scene-tooltip-accent) 22%,rgba(255,255,255,.12));border-radius:10px;background:#0c1210;color:#f4f0e7;opacity:0;pointer-events:none;transform:translateY(2px) scale(.97);transform-origin:50% 100%;transition:opacity .2s ease-in-out,transform .2s ease-in-out}.scene-tooltip[hidden]{display:none!important}.scene-tooltip[data-placement=below]{transform-origin:50% 0}.scene-tooltip[data-open=true]{opacity:1;transform:translateY(0) scale(1)}.scene-tooltip-header{display:flex;align-items:center;gap:7px;padding:7px 10px 6px;border-bottom:1px solid color-mix(in srgb,var(--scene-tooltip-accent) 22%,transparent);background:color-mix(in srgb,var(--scene-tooltip-accent) 10%,#0c1210);color:var(--scene-tooltip-accent);font:700 9px/1.25 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.14em;text-transform:uppercase}.scene-tooltip-marker{width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:currentColor}.scene-tooltip-body{margin:0;padding:8px 10px 9px;color:#f4f0e7ad;font-size:11px;line-height:1.38}.interface-tooltip{position:fixed;z-index:10010;max-width:min(224px,calc(100vw - 16px))}.audio-controls{display:grid;grid-template-columns:minmax(130px,1fr) minmax(150px,1.8fr);flex:1 1 520px;align-items:center;gap:8px 15px}.audio-controls input{min-width:120px}#panel-sound{display:grid;width:100%;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:12px}#panel-sound[hidden]{display:none}.sound-actions{display:flex;width:100%;align-items:center;justify-content:space-between;gap:16px;padding-bottom:10px;border-bottom:1px solid var(--rule)}.sound-actions .button-row{flex:0 0 auto}.narration-volume-label,.narration-volume-control{margin-top:5px}.story{width:min(100%,980px);margin:clamp(78px,9vw,144px) auto 0;padding:0 2px clamp(72px,9vw,128px)}.story-heading{display:grid;gap:7px;max-width:740px;margin-bottom:36px}.narration-player+.story-heading{margin-top:clamp(46px,6vw,72px)}.story-heading>p:not(.eyebrow){max-width:64ch;margin:10px 0 0;color:var(--ink-soft);font-size:clamp(16px,1.55vw,20px);line-height:1.55}.story-thread{margin:0;padding:0;border-top:1px solid var(--rule-bright)}.story-beat,.story-construction,.narration-player{display:grid;grid-template-columns:minmax(124px,.28fr) minmax(0,.72fr);gap:clamp(26px,5vw,66px);margin:0;padding:clamp(28px,4vw,46px) 0;border-bottom:1px solid var(--rule)}.story-stamp,.story-callout-label .eyebrow,.narration-label .eyebrow{display:block;margin:4px 0 0;color:var(--hodograph);font:600 10px/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.11em}.story h3{margin:0;color:var(--ink);font-family:Iowan Old Style,Charter,Georgia,serif;font-size:clamp(22px,2vw,30px);font-weight:600;letter-spacing:-.028em;line-height:1.04}.story-beat-copy,.story-construction-copy{max-width:660px}.story-beat-copy p,.story-construction-copy p{margin:16px 0 0;color:var(--ink-soft);font-size:16px;line-height:1.68}.story-construction-copy p+p{margin-top:14px}.story-outro{position:relative;padding-bottom:clamp(36px,5vw,56px);border-bottom-color:var(--rule-bright)}.story-outro-instrument{grid-column:1 / -1;min-width:0;margin:clamp(30px,4vw,44px) 0 0;border-block:1px solid var(--rule-bright)}.story-outro-stage{position:relative;height:clamp(430px,57vw,610px);overflow:hidden;isolation:isolate;background:radial-gradient(circle at 53% 48%,color-mix(in srgb,var(--hodograph) 6%,transparent),transparent 45%),color-mix(in srgb,var(--panel) 72%,var(--paper))}.story-outro-stage:after{position:absolute;z-index:0;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--paper) 10%,transparent),transparent 28%,color-mix(in srgb,var(--paper) 18%,transparent));content:"";pointer-events:none}.story-outro-stage canvas{position:absolute;z-index:1;inset:0;display:block;width:100%;height:100%}.story-outro-stage-label,.story-outro-stage-key{position:absolute;z-index:2;margin:0;pointer-events:none;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-transform:uppercase}.story-outro-stage-label{top:24px;display:grid;gap:4px;font-size:8px;letter-spacing:.1em}.story-outro-stage-label span{font-weight:700}.story-outro-stage-label strong{color:var(--quiet);font-size:7px;letter-spacing:.12em}.story-outro-stage-label-position{left:24px;color:var(--orbit)}.story-outro-stage-label-velocity{right:24px;color:var(--hodograph);text-align:right}.story-outro-stage-key{right:24px;bottom:22px;color:var(--quiet);font-size:7px;font-weight:650;letter-spacing:.12em}.story-outro-stage[data-render-status=unavailable]:before{position:absolute;z-index:3;top:50%;left:50%;color:var(--quiet);content:"3D coda unavailable in this browser";font:600 10px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase;transform:translate(-50%,-50%)}.story-outro-caption{display:grid;grid-template-columns:minmax(124px,.28fr) minmax(0,.72fr);gap:clamp(26px,5vw,66px);padding:clamp(22px,3vw,32px) 0;border-top:1px solid var(--rule)}.story-outro-caption-copy{max-width:620px}.story-outro-caption h4{margin:0;color:var(--ink);font-family:Iowan Old Style,Charter,Georgia,serif;font-size:clamp(21px,2vw,28px);font-weight:600;letter-spacing:-.028em;line-height:1.05}.story-outro-caption p{margin:10px 0 0;color:var(--ink-soft);font-size:13px;line-height:1.58}.story-outro-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;padding:0 0 clamp(24px,3vw,32px)}.story-outro-actions a{font:600 10px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.055em;text-decoration:none;text-transform:uppercase}.story-outro-primary{border-radius:5px;padding:10px 12px;background:var(--ink);color:var(--paper)}.story-outro-primary:hover{background:var(--hodograph)}.story-outro-secondary{color:var(--hodograph)}.story-outro-secondary:hover{color:var(--ink)}.story-evidence{grid-column:1 / -1;min-width:0;margin:clamp(22px,3.5vw,36px) 0 0;padding-top:clamp(18px,2.5vw,26px);border-top:1px solid var(--rule)}.story-evidence-media{display:grid;width:100%;overflow:hidden;place-items:center;border-block:1px solid var(--rule);background:color-mix(in srgb,var(--ink) 4%,var(--paper))}.story-evidence-media:focus-visible{outline:2px solid var(--hodograph);outline-offset:4px}.story-evidence-notes .story-evidence-media{width:min(100%,820px);margin-inline:auto}.story-evidence-media img{display:block;width:100%;height:auto}.story-evidence figcaption{display:grid;grid-template-columns:minmax(124px,.28fr) minmax(0,.72fr);gap:clamp(26px,5vw,66px);padding:16px 0 0}.source-kind{display:block;margin-top:2px;color:var(--hodograph);font:600 8px/1.35 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.095em}.story-evidence-copy{max-width:660px}.story-evidence h4{margin:0;color:var(--ink);font-family:Iowan Old Style,Charter,Georgia,serif;font-size:clamp(19px,1.7vw,24px);font-weight:600;letter-spacing:-.025em;line-height:1.08}.story-evidence p{margin:9px 0 0;color:var(--ink-soft);font-size:13px;line-height:1.55}.story-reference{max-width:76ch;margin:20px 0 0;padding-left:14px;border-left:2px solid var(--rule-bright);color:var(--quiet);font-size:11px!important;line-height:1.58!important}.story-reference a{color:var(--ink-soft);text-decoration-color:color-mix(in srgb,var(--hodograph) 62%,transparent);text-underline-offset:3px}.story-reference a:hover{color:var(--ink)}.narration-player-copy{max-width:660px}.narration-player-copy>p{margin:9px 0 0;color:var(--quiet);font:600 10px/1.35 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.055em;text-transform:uppercase}.narration-controls{display:grid;grid-template-columns:auto minmax(130px,1fr) auto;align-items:center;gap:12px;margin-top:18px}.narration-play{display:inline-flex;min-height:31px;align-items:center;gap:7px;border:1px solid var(--rule-bright);border-radius:5px;padding:0 10px;background:transparent;color:var(--ink);cursor:pointer;font:600 10px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.04em}.narration-play:hover{border-color:var(--hodograph);background:color-mix(in srgb,var(--hodograph) 9%,transparent)}.narration-play:disabled{cursor:not-allowed;opacity:.45}.narration-play-icon{color:var(--hodograph);font-size:12px}.narration-controls input[type=range]{min-width:0;accent-color:var(--orbit)}.narration-controls output{min-width:68px;color:var(--quiet);font:600 10px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-align:right}.narration-player audio{display:none}.source-note{max-width:83ch;margin:28px 0 0;padding-left:16px;border-left:2px solid var(--rule-bright);color:var(--quiet);font-size:12px;line-height:1.6}.source-note a{color:var(--ink-soft);text-decoration-color:color-mix(in srgb,var(--hodograph) 62%,transparent);text-decoration-thickness:1px;text-underline-offset:3px}.source-note a:hover{color:var(--ink)}.creator-credit{display:grid;grid-template-columns:90px minmax(0,1fr);align-items:baseline;gap:18px;margin:36px 0 0;padding:18px 0 0;border-top:1px solid var(--rule)}.creator-credit-label{color:var(--hodograph);font:600 9px/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.11em;text-transform:uppercase}.creator-credit p{margin:0;color:var(--ink-soft);font-size:13px;line-height:1.55}.creator-credit-copy{display:grid;gap:7px}.creator-credit strong{color:var(--ink);font-weight:600}.creator-credit a{color:inherit;text-decoration-color:color-mix(in srgb,var(--hodograph) 70%,transparent);text-underline-offset:3px}.creator-credit a:hover{color:var(--hodograph)}.creator-credit .creator-repo-link{width:fit-content;color:var(--hodograph);font:600 9px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.09em;text-decoration:none;text-transform:uppercase}.creator-credit .creator-repo-link:hover{color:var(--ink)}@media(max-width:1000px){.instrument{grid-template-rows:minmax(600px,1fr)}.instrument-heading{top:72px;right:24px;left:24px;grid-template-columns:1fr;gap:14px}.dek{max-width:54ch;margin-top:0}.stage-shell{height:auto;min-height:0}.stage-hud{top:257px}.dock-panel{flex-wrap:wrap;gap:22px}.story{width:min(100%,860px)}.story-beat,.story-construction,.narration-player{grid-template-columns:126px minmax(0,1fr)}}@media(min-width:761px)and (max-width:1220px){.story-threshold{bottom:58px;width:min(300px,42%)}.stage-instructions{max-width:42%}}@media(max-width:680px){.app-shell{display:flex;min-height:0;width:min(100% - 24px,620px);padding-top:12px;padding-bottom:0}.masthead{top:22px;right:12px;left:12px}.wordmark{letter-spacing:.09em}.instrument{display:grid;min-height:0;grid-template-rows:minmax(660px,145vw);padding:0}.instrument-heading{top:73px;right:17px;left:17px;gap:12px;padding:0}h1{font-size:clamp(48px,15vw,72px)}.dek{max-width:35ch;font-size:14px;line-height:1.45}.stage-shell{height:auto;min-height:0;border-radius:14px}.stage-hud{top:222px}.stage-hud-left{left:15px}.stage-hud-right{right:15px}.stage-telemetry{bottom:58px;left:15px;gap:8px}.stage-instructions{right:auto;bottom:58px;left:15px;max-width:23ch;font-size:9px}.stage-guide{top:50%;bottom:auto;grid-template-columns:1fr;align-items:flex-start;gap:16px;padding:17px;transform:translate(-50%,-50%)}.stage-guide p{font-size:11px}.stage-guide-dismiss{justify-self:start;padding:9px 10px}.story-threshold{right:15px;bottom:58px;width:auto;max-width:min(260px,calc(100% - 30px));gap:12px;padding:6px 0 6px 11px}.story-threshold-kicker{display:none}.story-threshold-title{font-size:14px;text-align:left}.dock{bottom:12px;max-width:calc(100% - 24px)}.dock-tab{min-height:34px;padding:0 11px;font-size:8px}.dock-panels{width:min(480px,calc(100vw - 40px))}.dock-panel{min-height:0;max-height:min(62svh,460px);overflow-y:auto;padding:15px 14px;gap:16px}.control-group-wide{flex-basis:100%}.audio-controls{grid-template-columns:1fr;gap:7px}.audio-controls input{margin-bottom:5px}.story{margin-top:68px;padding-bottom:78px}.story-heading{margin-bottom:30px}.narration-player+.story-heading{margin-top:44px}.story-beat,.story-construction,.narration-player{grid-template-columns:1fr;gap:14px;padding:28px 0}.story-stamp,.story-callout-label .eyebrow,.narration-label .eyebrow{margin-top:0}.story-beat-copy p,.story-construction-copy p{font-size:15px}.narration-controls{grid-template-columns:auto minmax(0,1fr)}.narration-controls output{grid-column:2;text-align:left}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media(max-width:760px){html{scroll-padding-top:max(12px,env(safe-area-inset-top))}body{overflow-x:hidden;font-size:14px;-webkit-text-size-adjust:100%}.app-shell{width:100%;min-height:0;padding:0}.masthead{top:calc(max(8px,env(safe-area-inset-top)) + 4px);right:max(10px,env(safe-area-inset-right));left:max(10px,env(safe-area-inset-left));min-height:40px;gap:7px}.masthead-actions{gap:6px}.wordmark{min-height:40px;gap:7px;padding:5px 9px 5px 6px;font-size:8px;letter-spacing:.085em}.wordmark-mark{width:26px;height:26px}.icon-button{width:40px;height:40px}.instrument{display:block;width:100%;height:100dvh;min-height:100svh;overflow:hidden;border:0;border-radius:0;padding:0;background:linear-gradient(150deg,color-mix(in srgb,var(--paper-strong) 88%,transparent),color-mix(in srgb,var(--paper) 84%,transparent)),var(--paper-strong);isolation:isolate}.instrument-heading{position:absolute;z-index:4;top:calc(max(8px,env(safe-area-inset-top)) + 62px);right:max(16px,env(safe-area-inset-right));left:max(16px,env(safe-area-inset-left));grid-template-columns:minmax(0,1fr);gap:5px;padding:0}.instrument-heading .eyebrow{max-width:45ch;margin-bottom:4px;font-size:clamp(7px,1.95vw,8px);line-height:1.35;letter-spacing:.09em}h1{font-size:clamp(38px,11.5vw,50px);line-height:.88;letter-spacing:-.055em;white-space:nowrap}h2{font-size:clamp(32px,10.5vw,48px);line-height:.98;text-wrap:balance}.dek{max-width:34ch;margin:0;font-size:clamp(11px,3vw,13px);line-height:1.38;text-wrap:pretty}.stage-shell{position:absolute;inset:0;width:100%;height:100%;min-height:100%;border:0;border-radius:0;background:transparent;isolation:auto}.stage-hud{top:calc(max(8px,env(safe-area-inset-top)) + 202px);gap:3px}.stage-hud-left{left:max(14px,env(safe-area-inset-left))}.stage-hud-right{right:max(14px,env(safe-area-inset-right))}.stage-hud strong{font-size:8px;letter-spacing:.11em}.hud-kicker{font-size:7px;letter-spacing:.07em}.dot{width:5px;height:5px;margin-right:4px}.stage-telemetry{right:max(14px,env(safe-area-inset-right));bottom:calc(122px + env(safe-area-inset-bottom));left:max(14px,env(safe-area-inset-left));gap:4px 10px;font-size:9px;line-height:1.2}.stage-instructions{display:none}.stage-controls-toggle{top:auto;bottom:calc(66px + env(safe-area-inset-bottom));left:max(12px,env(safe-area-inset-left));width:36px;height:36px}.camera-framing-hud{bottom:calc(66px + env(safe-area-inset-bottom));width:min(430px,calc(100% - 28px));grid-template-columns:32px minmax(0,1fr) 32px;gap:7px}.camera-framing-step{width:32px;height:32px}.camera-framing-scale{padding-right:7px;padding-left:7px}.camera-framing-numbers{font-size:9px}.stage-controls-overlay{padding:12px}.stage-controls-sheet{max-height:calc(100% - 8px);overflow-y:auto;padding:17px 15px}.stage-controls-header{gap:15px;padding-bottom:14px}.stage-controls-header h2{font-size:27px}.stage-control-row{grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;min-height:58px;padding:9px 0}.stage-control-row>:nth-child(2){grid-column:1;color:var(--quiet);font-size:10px}.stage-control-row>:last-child{grid-row:1 / span 2;grid-column:2}.render-status{top:42px;right:13px;left:13px;max-width:none;padding:8px 10px}.stage-guide{top:50%;width:calc(100% - 28px);grid-template-columns:minmax(0,1fr);gap:13px;padding:16px;border-radius:8px;box-shadow:none;filter:none;backdrop-filter:none;-webkit-backdrop-filter:none}.stage-guide-kicker{margin-bottom:7px;font-size:8px}.stage-guide p{max-width:38ch;font-size:12px;line-height:1.42}.stage-guide-dismiss{min-width:0;min-height:44px;justify-self:stretch;padding:0 13px;text-align:left}.story-threshold{right:max(12px,env(safe-area-inset-right));bottom:calc(64px + env(safe-area-inset-bottom));left:auto;width:min(190px,calc(100% - 74px));max-width:190px;min-height:44px;justify-content:space-between;gap:10px;padding:4px 0 4px 10px}.story-threshold-kicker{display:none}.story-threshold-title{min-width:0;flex:1 1 auto;font-size:12px;line-height:1.2;white-space:normal}.story-threshold-arrow{width:30px;height:30px;flex:0 0 30px}.dock{bottom:calc(10px + env(safe-area-inset-bottom));width:auto;max-width:calc(100% - 20px)}.dock-tabs{max-width:100%;border-radius:8px}.dock-tab{min-width:66px;min-height:44px;padding:0 10px;font-size:8px;letter-spacing:.055em;touch-action:manipulation}.dock-tab:after{right:10px;bottom:5px;left:10px}.dock-panels{bottom:calc(100% + 8px);width:min(520px,calc(100vw - 28px - env(safe-area-inset-left) - env(safe-area-inset-right)))}.dock-panel{max-height:min(58svh,480px);align-items:stretch;gap:15px;overflow-x:hidden;overflow-y:auto;padding:15px 14px calc(15px + env(safe-area-inset-bottom));border-radius:9px;overscroll-behavior:contain;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.control-group,.control-group-wide,.control-group-actions,.audio-controls,.control-note{flex:1 1 100%;min-width:0;max-width:none}.control-group{gap:8px}.button-row{min-width:0;flex-wrap:wrap}.control-group-actions>.button-row:not(.camera-row)>:is(.primary-button,.secondary-button){flex:1 1 112px}.camera-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:8px}.camera-row .secondary-button{width:100%}.camera-panel{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:14px}.quiet-button,.secondary-button,.primary-button,.theme-choice,.sound-state-button,.narration-play{min-height:44px;touch-action:manipulation}.quiet-button,.secondary-button,.primary-button,.theme-choice{padding:0 13px;font-size:10px}.sound-state-button{width:44px;min-width:44px;height:44px}.audio-controls{grid-template-columns:minmax(0,1fr);gap:7px}.audio-controls input{min-width:0;margin-bottom:7px}input[type=range]{min-height:36px;touch-action:pan-y}.control-note{font-size:11px;line-height:1.5}.scene-tooltip{width:min(224px,calc(100vw - 32px - env(safe-area-inset-left) - env(safe-area-inset-right)));max-width:calc(100vw - 32px - env(safe-area-inset-left) - env(safe-area-inset-right));border-radius:10px;box-shadow:none!important;filter:none!important;text-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.scene-tooltip-header{padding:9px 11px 8px;font-size:9px;line-height:1.2;letter-spacing:.12em}.scene-tooltip-body{padding:10px 11px 11px;font-size:12px;line-height:1.42;text-wrap:pretty}.scene-tooltip-hotspot{width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;box-shadow:none!important;filter:none!important;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.story{width:100%;margin:clamp(36px,9vw,52px) auto 0;padding:0 2px calc(72px + env(safe-area-inset-bottom));scroll-margin-top:max(12px,env(safe-area-inset-top))}.narration-player+.story-heading{margin-top:46px}.story-heading{gap:7px;margin-bottom:30px}.story-heading>p:not(.eyebrow){margin-top:8px;font-size:clamp(16px,4.5vw,18px);line-height:1.55;text-wrap:pretty}.story-beat,.story-construction,.narration-player{grid-template-columns:minmax(0,1fr);gap:12px;padding:28px 0}.story-stamp,.story-callout-label .eyebrow,.narration-label .eyebrow{margin-top:0;font-size:9px}.story h3{font-size:clamp(24px,7.2vw,31px);line-height:1.04;text-wrap:balance}.story-beat-copy p,.story-construction-copy p{margin-top:14px;font-size:15px;line-height:1.65;text-wrap:pretty}.story-outro{padding-bottom:32px}.story-outro-instrument{width:100vw;margin-top:24px;margin-left:calc(50% - 50vw)}.story-outro-stage{height:100dvh;min-height:100svh}.story-outro-stage-label{top:max(18px,env(safe-area-inset-top))}.story-outro-stage-label-position{left:max(14px,env(safe-area-inset-left))}.story-outro-stage-label-velocity{right:max(14px,env(safe-area-inset-right))}.story-outro-stage-key{right:max(14px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom))}.story-outro-caption{grid-template-columns:minmax(0,1fr);gap:9px;padding:22px max(18px,env(safe-area-inset-right)) 22px max(18px,env(safe-area-inset-left))}.story-outro-caption h4{font-size:22px}.story-outro-actions{display:grid;justify-items:start;padding:0 max(18px,env(safe-area-inset-right)) 24px max(18px,env(safe-area-inset-left))}.narration-player-copy>p{line-height:1.5}.narration-controls{grid-template-columns:auto minmax(0,1fr);gap:9px 11px;margin-top:16px}.narration-play{min-width:84px;justify-content:center;padding:0 12px}.narration-controls output{grid-column:2;min-width:0;text-align:left}.source-note{margin-top:25px;padding-left:13px;font-size:12px;line-height:1.62}.story-evidence{margin-top:22px;padding-top:18px}.story-evidence-notes .story-evidence-media{height:clamp(390px,130vw,560px)}.story-evidence-portrait{grid-template-columns:minmax(0,1fr);gap:14px}.story-evidence-portrait .story-evidence-media{width:min(100%,420px);height:auto;justify-self:start}.story-evidence-portrait figcaption{padding:0}.story-evidence figcaption{grid-template-columns:minmax(0,1fr);gap:9px;padding-top:14px}.story-evidence .source-kind{margin-top:0}.story-evidence h4{font-size:22px}.story-reference{margin-top:17px;padding-left:12px}.creator-credit{grid-template-columns:minmax(0,1fr);gap:6px;margin-top:30px;padding-top:16px}@media(hover:none){.primary-button:hover{background:var(--ink);transform:none}:is(.quiet-button,.secondary-button,.theme-choice,.icon-button):hover{border-color:var(--rule);background:transparent;color:var(--ink-soft)}.icon-button:hover{background:color-mix(in srgb,var(--panel-strong) 74%,transparent)}:is(.secondary-button,.theme-choice).is-selected:hover{border-color:var(--hodograph);background:color-mix(in srgb,var(--hodograph) 10%,transparent);color:var(--ink)}}}@media(max-width:359px){.app-shell{width:100%}.masthead{right:7px;left:7px}.wordmark{padding-right:8px;font-size:8px}.wordmark>span:last-child{display:none}.instrument-heading{top:calc(max(8px,env(safe-area-inset-top)) + 58px);right:max(12px,env(safe-area-inset-right));left:max(12px,env(safe-area-inset-left))}h1{font-size:36px}.dek{max-width:36ch;font-size:12px}.stage-hud{top:calc(max(8px,env(safe-area-inset-top)) + 186px)}.stage-hud-left{left:10px}.stage-hud-right{right:10px}.dock{max-width:calc(100% - 12px)}.dock-tab{min-width:62px;padding:0 8px;font-size:7px}.story-threshold-kicker{display:none}.story-threshold-title{font-size:11px}}@media(orientation:landscape)and (max-height:560px)and (max-width:960px){.app-shell{width:100%;padding:0}.masthead{top:calc(max(6px,env(safe-area-inset-top)) + 6px);right:10px;left:10px}.instrument{height:100dvh;min-height:100svh;grid-template-rows:minmax(0,1fr);overflow:hidden;border:0;border-radius:0;background:transparent;isolation:auto}.stage-shell{position:absolute;inset:0;width:100%;height:100%;min-height:100%;overflow:hidden;border:0;border-radius:0;background:linear-gradient(150deg,color-mix(in srgb,var(--paper-strong) 88%,transparent),color-mix(in srgb,var(--paper) 84%,transparent)),var(--paper-strong);isolation:isolate}.story-outro-instrument{width:100vw;margin-left:calc(50% - 50vw)}.story-outro-stage{height:100dvh;min-height:100svh}.instrument-heading{position:absolute;top:calc(max(6px,env(safe-area-inset-top)) + 54px);right:18px;left:18px;grid-template-columns:minmax(250px,.85fr) minmax(190px,.5fr);gap:24px;padding:0}.instrument-heading .eyebrow{margin-bottom:4px;font-size:7px}h1{font-size:clamp(36px,7.2vw,50px)}.dek{max-width:35ch;font-size:11px;line-height:1.38}.stage-hud{top:118px}.stage-hud-left{left:13px}.stage-hud-right{right:13px}.stage-telemetry{inset:150px auto auto 13px;max-width:176px}.stage-instructions{display:none}.stage-guide{top:55%;width:min(430px,calc(100% - 44px));grid-template-columns:minmax(0,1fr) auto;gap:15px;padding:13px 14px}.stage-guide p{font-size:10px}.stage-guide-dismiss{min-height:44px;align-self:center}.story-threshold{right:10px;bottom:calc(54px + env(safe-area-inset-bottom));left:auto;width:min(270px,42vw);min-height:44px}.story-threshold-kicker{display:none}.story-threshold-title{font-size:11px}.dock{bottom:calc(7px + env(safe-area-inset-bottom))}.dock-tab{min-height:44px}.icon-button,.sound-state-button{width:44px;min-width:44px;height:44px;min-height:44px;touch-action:manipulation}.quiet-button,.secondary-button,.primary-button,.theme-choice,.narration-play,.camera-row .secondary-button{min-height:44px;padding-top:0;padding-bottom:0;touch-action:manipulation}.dock-panels{width:min(700px,calc(100vw - 32px - env(safe-area-inset-left) - env(safe-area-inset-right)))}.dock-panel{max-height:calc(100svh - 74px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:12px 14px}.audio-controls{grid-template-columns:minmax(112px,.8fr) minmax(140px,1.5fr)}.camera-row{display:flex}.camera-row .secondary-button{width:auto}.story{margin-top:58px}.scene-tooltip{width:min(224px,calc(100vw - 24px));max-height:calc(100svh - 24px);overflow-y:auto}}@media(prefers-reduced-motion:reduce){.scene-tooltip{transition-duration:1ms!important}}