@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=IBM+Plex+Mono:wght@400;450;500&display=swap');
:root{color-scheme:dark;--bg:#080b12;--panel:#0d121d;--panel2:#111927;--line:#29394e;--line2:#1c2738;--text:#eaf0fa;--muted:#a0aec2;--subtle:#7e90aa;--accent:#70d8ff;--orange:#ffa369;--purple:#c1a0ff;--font:'DM Sans',system-ui,sans-serif;--mono:'IBM Plex Mono',monospace;font-family:var(--font);font-size:16px;background:var(--bg);color:var(--text)}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:1px solid var(--line);background:var(--panel2);border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 13px;font-size:.875rem;line-height:1.3;transition:background .18s,border-color .18s}button:hover{background:#1c2b3d;border-color:#445872}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button svg,a svg{width:17px;height:17px;flex-shrink:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,p{margin:0}em{font-style:normal}small,.micro{font-size:.8125rem;line-height:1.65;color:var(--muted)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.masthead{height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 38px;border-bottom:1px solid var(--line2);gap:20px}.brand{display:flex;align-items:center;gap:13px;color:var(--text);font-size:1.32rem;letter-spacing:-.04em;font-weight:550}.brand:hover{text-decoration:none}.brand em{font-weight:400;color:#bac8dd}.brand small{display:block;font:400 .75rem/1.5 var(--mono);letter-spacing:.12em;color:var(--subtle);margin-top:5px}.brand-mark{width:36px;height:36px;display:grid;place-items:center;color:var(--accent)}.brand-mark svg{width:33px;height:33px;stroke-width:1.3}.header-actions{display:flex;align-items:center;gap:12px}.quiet{background:transparent;border-color:transparent;color:var(--muted)}.quiet:hover{color:var(--text)}.tour-button{background:transparent;border-color:#354559}.tour-button svg{color:var(--accent)}.icon-button{padding:9px;min-width:36px;min-height:36px;background:transparent}
.experiment-nav{display:grid;grid-template-columns:repeat(4,1fr);padding:0 38px;border-bottom:1px solid var(--line2)}.experiment{background:transparent;border:0;border-radius:0;justify-content:flex-start;padding:20px 14px;position:relative;gap:14px;color:var(--muted);white-space:nowrap}.experiment>span{font:.75rem var(--mono);color:var(--subtle)}.experiment>svg{margin-left:auto;width:17px;opacity:.6}.experiment.active{color:var(--text);background:linear-gradient(0deg,#70d8ff09,transparent)}.experiment.active:after{content:'';height:2px;position:absolute;bottom:-1px;left:14px;right:14px;background:var(--accent)}.experiment.active>span,.experiment.active>svg{color:var(--accent);opacity:1}
.lab{display:grid;grid-template-columns:minmax(0,1fr) 355px;padding:0 38px;border-bottom:1px solid var(--line2)}.stage-column{min-width:0;border-right:1px solid var(--line2)}.stage-shell{height:590px;position:relative;isolation:isolate;background:radial-gradient(ellipse at 52% 40%,#12243b59,transparent 70%)}#viewport{position:absolute;inset:0;touch-action:none;overflow:hidden}#viewport>canvas{display:block;width:100%;height:100%;outline:none}.stage-meta{position:absolute;left:22px;right:22px;top:22px;z-index:2;display:flex;justify-content:space-between;font:.75rem var(--mono);letter-spacing:.01em;color:var(--muted);pointer-events:none;gap:12px}.stage-meta b{font-weight:400;color:var(--subtle);padding:0 7px}.view-buttons{position:absolute;left:22px;top:58px;display:flex;gap:5px;z-index:2}.view-buttons button{font-size:.8125rem;padding:7px 10px;background:#0b121ce0;border-color:#263347}.view-buttons button.selected{background:#182c3c;border-color:#4b7790;color:#a5e8ff}.view-buttons .icon-button{padding:7px;min-width:34px;min-height:34px}.stage-bottom{position:absolute;left:22px;right:22px;bottom:19px;display:flex;align-items:center;justify-content:space-between;gap:15px;z-index:2}.stage-bottom>span{font-size:.75rem;color:var(--subtle);line-height:1.6}.camera-button{font-size:.75rem;border-color:transparent;background:transparent;padding:6px;color:var(--muted)}.camera-button[aria-pressed=true]{color:var(--accent)}.body-label{position:absolute;top:0;left:0;border:1px solid color-mix(in srgb,var(--body-color),transparent 65%);color:var(--body-color);background:#080b1290;font:.75rem var(--mono);border-radius:50%;width:26px;height:26px;padding:0;z-index:1;will-change:transform}.body-label:hover{background:var(--body-color);color:#080b12}.transport{display:flex;align-items:center;gap:16px;padding:18px 22px;border-top:1px solid var(--line2)}.play-button{width:41px;height:41px;padding:10px;background:var(--accent);border:0;color:#06101d}.play-button:hover{background:#b5ecff}.timeline{flex:1;min-width:0}.timeline>span{display:flex;justify-content:space-between;gap:12px;font:.75rem var(--mono);color:var(--muted);margin-bottom:6px}.timeline>span>span:first-child{color:var(--text)}input[type=range]{width:100%;accent-color:var(--accent);height:18px;cursor:pointer;margin:0;display:block}input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px;margin:0}.speed-label select{padding:7px 8px;width:65px;font:.8rem var(--mono);background:var(--panel);border:1px solid var(--line);border-radius:5px}.stage-options{padding:0 22px 20px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}.stage-options label{display:flex;align-items:center;gap:8px;font-size:.8125rem;color:#b4c0d2;cursor:pointer;min-height:25px}.hint{margin-left:auto;font-size:.75rem;color:var(--subtle)}.stage-shell:fullscreen{height:100vh;background:var(--bg)}
.inspector{padding:31px 27px 22px;display:flex;flex-direction:column;min-width:0}.eyebrow{font:400 .75rem/1.6 var(--mono);letter-spacing:.075em;color:var(--accent);text-transform:uppercase;margin-bottom:16px}h1{font-size:2.12rem;font-weight:450;line-height:1.15;letter-spacing:-.045em}.description{font-size:1rem;line-height:1.75;color:var(--muted);margin-top:17px}.case-controls{margin-top:28px;padding-top:22px;border-top:1px solid var(--line2)}.section-label{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:16px;font-size:.875rem;color:#cbd6e7}.text-button{border:0;background:transparent;color:var(--accent);padding:4px 0;font-size:.75rem;gap:4px;white-space:nowrap}.text-button svg{width:13px;height:13px}.range-label{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:.875rem;color:var(--muted);margin-bottom:18px}.range-label output{font:.8125rem var(--mono);color:var(--text)}.range-label input[type=range],.range-label select{flex-basis:100%}.search-readout{display:flex;justify-content:space-between;align-items:center;gap:12px}.search-readout span{font-size:.8125rem;color:var(--muted)}.search-readout strong{font:.92rem var(--mono);color:var(--accent)}.closure-wrap{margin:14px 0 15px;border:1px solid var(--line2);border-radius:6px;overflow:hidden;background:#0b111b}.closure-wrap canvas{display:block;width:100%;height:110px}.closure-label{padding:7px 10px;border-top:1px solid var(--line2);display:flex;justify-content:space-between;gap:8px;font:.75rem var(--mono);color:var(--subtle)}.inspector-foot{margin-top:auto;padding-top:23px;display:flex;align-items:center;gap:8px;color:var(--subtle);font-size:.75rem}.inspector-foot svg{width:14px;height:14px;color:var(--accent);flex-shrink:0}.big-fact{display:flex;align-items:center;gap:18px;margin-bottom:15px}.big-fact strong{font:450 3.15rem/1 var(--font);letter-spacing:-.05em;color:var(--orange)}.big-fact strong span{font-size:1.9rem}.big-fact>span{font-size:.8125rem;line-height:1.6;color:var(--muted)}.primary{background:#b0e8ff;color:#08111c;border:1px solid transparent;font-weight:600}.primary:hover{background:#d3f2ff;border-color:transparent}.full{width:100%;margin-top:15px}.future-control{margin-top:22px}.equation{padding:20px 16px;background:#121c2b;border-left:2px solid #3c617c;color:#dbeafb;font-size:1rem;line-height:1.8;margin:18px 0;overflow-wrap:anywhere}.equation small{display:block;font:.8rem/1.6 var(--mono);margin-top:8px}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px}.form-pair label{font-size:.875rem;color:var(--muted)}input[type=number],select{display:block;background:#0a111d;color:var(--text);border:1px solid #2b3b51;border-radius:5px;padding:9px 10px;width:100%;margin-top:7px;font-size:1rem}.selected-body{margin-top:20px;border:1px solid var(--line);padding:12px;border-radius:7px}.selected-body .section-label{margin-bottom:4px}.selected-body p{font:.75rem/1.8 var(--mono);color:var(--muted);overflow-wrap:anywhere}
.evidence-section{padding:35px 60px 30px;max-width:1600px;margin:auto}.evidence-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:26px}.evidence-heading .eyebrow{margin-bottom:8px;color:var(--subtle)}h2{font-size:1.6rem;font-weight:450;letter-spacing:-.03em;line-height:1.3}.evidence-heading button{font-size:.8125rem}.evidence-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:42px}.chart-heading{display:flex;justify-content:space-between;gap:15px;font-size:.875rem;color:#c6d1e3;margin-bottom:6px}.chart-heading>span:last-child{font:.75rem var(--mono);color:var(--subtle)}#evidence-chart{display:block;width:100%;height:210px;overflow:visible}.chart-legend{display:flex;flex-wrap:wrap;gap:20px;font-size:.75rem;color:var(--muted);padding-left:52px}.chart-legend span:before{content:'';display:inline-block;width:15px;height:2px;background:var(--color);vertical-align:middle;margin-right:7px}.stats-panel{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-content:start}.stats-panel>div:first-child{grid-column:1/-1}.stats-panel>div>span{display:block;font-size:.8125rem;color:var(--muted);margin-bottom:9px}.stats-panel strong{font:400 1.4rem/1.3 var(--mono);letter-spacing:-.04em;display:block}.stats-panel>div:first-child strong{font:450 2.4rem/1.1 var(--font);color:var(--accent);letter-spacing:-.05em}.stats-panel small{display:block;font-size:.75rem;line-height:1.6;margin-top:6px;color:var(--subtle)}.evidence-note{font-size:.75rem;line-height:1.7;color:var(--subtle);margin-top:25px}.answer-section{padding:42px 60px 48px;border-top:1px solid var(--line2);display:grid;grid-template-columns:240px minmax(0,680px);gap:35px}.answer-index{font:.75rem var(--mono);letter-spacing:.08em;color:var(--subtle);padding-top:8px}.answer-section p{font-size:1rem;line-height:1.8;color:var(--muted);margin-top:16px}.answer-section strong{color:var(--text);font-weight:500}.answer-section a{display:inline-flex;align-items:center;gap:10px;font-size:.875rem;margin-top:22px}footer{border-top:1px solid var(--line2);padding:22px 38px;display:flex;justify-content:space-between;gap:20px;font:.75rem/1.7 var(--mono);color:var(--subtle)}
.load-message{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:14px;font-size:.875rem;color:var(--muted)}.loading-orbit{width:26px;height:26px;border:1px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin 1.3s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.tour-card{position:absolute;left:24px;bottom:60px;width:340px;max-width:calc(100% - 48px);padding:18px 22px 20px;background:#101b2bf2;border:1px solid #42647d;border-radius:10px;z-index:5;box-shadow:0 14px 50px #0006}.tour-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.tour-top>span{font:.75rem var(--mono);color:var(--accent);letter-spacing:.12em}.tour-top button{padding:5px;min-height:25px;min-width:25px;border:0}.tour-card h2{font-size:1.35rem}.tour-card p{font-size:.9rem;line-height:1.65;color:#bccbdc;margin-top:11px}.tour-controls{display:flex;justify-content:space-between;align-items:center;margin-top:17px}.tour-controls button{font-size:.8125rem}.toast{position:fixed;left:50%;bottom:25px;transform:translateX(-50%);background:#d9f3ff;color:#082031;padding:13px 20px;border-radius:7px;z-index:20;font-size:.875rem;box-shadow:0 8px 40px #0008;max-width:90vw}dialog{width:min(720px,calc(100% - 32px));max-height:85vh;overflow:auto;border:1px solid #3a516d;border-radius:12px;background:#0d1522;color:var(--text);padding:28px 34px}dialog::backdrop{background:#02050dcc;backdrop-filter:blur(8px)}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head .eyebrow{margin:0}.dialog-head button{border:0}dialog h2{margin:20px 0}dialog h3{margin:28px 0 10px;font-size:1.05rem;font-weight:550}dialog p{color:#a9b9cd;font-size:1rem;line-height:1.8;margin:12px 0}dialog ul{padding-left:20px;font-size:.9rem;line-height:1.8}dialog li{padding-bottom:10px}
@media(min-width:1600px){.lab{grid-template-columns:minmax(0,1fr) 390px}.stage-shell{height:680px}.inspector{padding:38px 34px}.masthead,.experiment-nav,.lab{padding-left:60px;padding-right:60px}}
@media(max-width:1100px){.masthead{padding:0 22px}.experiment-nav{padding:0 10px}.experiment{gap:9px;padding:18px 12px;font-size:.875rem}.experiment>svg{display:none}.lab{padding:0 15px;grid-template-columns:minmax(0,1fr) 315px}.inspector{padding:27px 21px}h1{font-size:1.9rem}.stage-meta{left:16px;right:16px;font-size:.75rem}.view-buttons{left:16px}.stage-bottom{left:16px;right:16px}.stage-bottom>span{max-width:190px;line-height:1.6}.stage-shell{height:600px}.stage-options{gap:10px}.hint{width:100%;margin:0}.evidence-section{padding:32px}.answer-section{padding:35px 32px;grid-template-columns:180px 1fr}}
@media(max-width:820px){.masthead{height:80px;padding:0 19px}.brand{font-size:1.1rem}.brand-mark{display:none}.brand small{font-size:.75rem}.header-actions{gap:5px}.header-actions .quiet{display:none}.tour-button{padding:9px;font-size:.8125rem}.lab{grid-template-columns:1fr;padding:0}.stage-column{border:0}.stage-shell{height:540px}.inspector{padding:27px 25px;display:grid;grid-template-columns:1fr 1fr;gap:0 28px;border-top:1px solid var(--line2)}.inspector-heading{grid-column:1}.case-controls{grid-column:2;grid-row:1/4;margin:0;padding:0;border:0}.inspector-foot{grid-column:1;margin-top:22px;padding-top:0}.selected-body{grid-column:1}.evidence-grid{gap:25px;grid-template-columns:1.2fr 1fr}.stats-panel{grid-template-columns:1fr;gap:16px}.stats-panel>div:first-child{grid-column:1}.stats-panel>div:first-child strong{font-size:1.9rem}.evidence-heading button{max-width:200px;text-align:left}.answer-section{grid-template-columns:1fr;gap:16px}.stage-options .hint{width:100%;margin:0}.experiment{font-size:.8125rem;padding:16px 8px;gap:6px}footer{padding:18px 25px;flex-wrap:wrap}}
@media(max-width:540px){.masthead{gap:10px;height:86px;padding:0 16px}.brand{font-size:1.05rem}.brand small{letter-spacing:.04em;font-size:.75rem}.header-actions .tour-button span{max-width:54px;font-size:.8125rem}.header-actions .tour-button{gap:5px;padding:7px}.header-actions .icon-button{min-width:30px;padding:6px}.experiment-nav{grid-template-columns:1fr 1fr;padding:0 12px}.experiment{font-size:.875rem;min-height:44px;padding:13px 8px}.experiment>span{font-size:.75rem}.experiment.active:after{left:8px;right:8px}.stage-shell{height:440px}.stage-meta{font-size:.75rem;top:17px;gap:10px}.stage-meta>span:first-child{max-width:55%}.view-buttons{top:64px;gap:4px;right:14px;flex-wrap:wrap}.view-buttons button{font-size:.75rem;padding:7px}.view-buttons button svg{width:14px;height:14px}.view-buttons .icon-button{padding:6px;min-width:28px}.stage-bottom{bottom:14px;gap:8px}.stage-bottom>span{font-size:.75rem;max-width:185px}.camera-button{font-size:.75rem;gap:4px;max-width:100px}.camera-button svg{width:14px}.transport{padding:14px 16px;gap:10px}.transport>.icon-button{padding:4px;min-width:28px}.timeline>span{font-size:.75rem;flex-wrap:wrap;gap:3px}.play-button{width:35px;height:35px}.speed-label select{width:56px;font-size:.8rem}.stage-options{padding:0 16px 17px;gap:8px 16px}.stage-options label{font-size:.8125rem}.stage-options .hint{width:100%;margin:0;font-size:.75rem}.inspector{display:block;padding:26px 23px}.inspector-heading h1{font-size:2.15rem}.case-controls{margin-top:23px;padding-top:22px;border-top:1px solid var(--line2)}.section-label{font-size:.875rem}.text-button{font-size:.8125rem}.closure-wrap canvas{height:120px}.inspector-foot{margin-top:22px}.micro{font-size:.875rem}.search-readout span{font-size:.875rem}.search-readout strong{font-size:1rem}.evidence-section{padding:30px 22px}.evidence-heading{display:block}.evidence-heading .quiet{padding-left:0;margin-top:10px;max-width:100%}.evidence-grid{display:block}.chart-heading{font-size:.875rem;flex-wrap:wrap}.chart-heading>span:last-child{font-size:.75rem}.chart-legend{font-size:.75rem;gap:12px;padding-left:40px}.stats-panel{display:grid;grid-template-columns:1fr 1fr;margin-top:25px;gap:24px 20px}.stats-panel>div:first-child{grid-column:1/-1}.stats-panel strong{font-size:1.2rem}.stats-panel small{font-size:.75rem}.evidence-note{font-size:.8125rem}.answer-section{padding:30px 22px}.tour-card{left:14px;bottom:75px;max-width:calc(100% - 28px);width:330px;padding:14px 17px}.tour-card p{font-size:.875rem}.tour-card h2{font-size:1.18rem}.tour-controls{margin-top:12px}dialog{padding:20px}dialog h2{font-size:1.45rem}}
@media(pointer:coarse){button{min-height:44px}.view-buttons .icon-button{min-width:36px;min-height:36px}.body-label{width:32px;height:32px;min-height:32px}.stage-options label{min-height:35px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Production usability refinements */
.skip-link{position:fixed;top:-80px;left:16px;z-index:100;background:var(--accent);color:var(--bg);padding:14px}.skip-link:focus{top:12px}
.mobile-context,#touch-rotate{display:none}.result-settings{font-size:.875rem;line-height:1.6;padding:12px;border:1px solid #506781;border-radius:7px;color:#cbdbea;background:#121f30;margin-top:16px}
input[type=number],select{border-color:#62748b}.view-buttons button{border-color:#53667f}.icon-button{min-width:44px;min-height:44px}.text-button{min-height:40px}#viewport>canvas:focus-visible{outline:2px solid var(--accent);outline-offset:-4px}
.stage-column:fullscreen{display:flex;flex-direction:column;background:var(--bg);width:100%;height:100dvh;overflow:auto}.stage-column:fullscreen .stage-shell{flex:1;min-height:240px;height:auto}.stage-column:fullscreen .transport,.stage-column:fullscreen .stage-options{flex-shrink:0}.stage-column:fullscreen .tour-card{position:absolute;bottom:68px}
.stage-column{position:relative}.tour-card{position:relative;left:auto;bottom:auto;width:auto;max-width:none;margin:16px 22px;box-shadow:none;border-color:#567b98}.tour-card p{max-width:72ch}.tour-controls{justify-content:flex-end;gap:12px}.tour-top{margin-bottom:4px}.tour-card h2:focus{outline:none}
#evidence-chart{cursor:crosshair}.chart-heading{line-height:1.5}.micro,.stage-options label{font-size:.875rem}.inspector-foot{font-size:.8125rem;line-height:1.5}.load-message{padding:30px;text-align:center;flex-direction:column}
@media(max-width:820px){.mobile-context{display:block;padding:17px 20px 0;color:var(--text);font-size:1.05rem}.stage-shell{height:440px}.inspector{padding-top:22px}.inspector-heading .description{margin-top:10px}.tour-card{margin:14px 18px}.stage-meta{top:16px}.view-buttons{top:52px}}
@media(max-width:540px){.masthead{height:76px}.experiment-nav{padding:0 8px}.experiment{padding:11px 8px}.stage-shell{height:360px}.view-buttons{top:56px;left:12px;right:12px;gap:4px}.view-buttons button{min-height:40px;font-size:.8125rem}.view-buttons .icon-button{min-width:40px;min-height:40px}.stage-meta{left:14px;right:14px}.stage-bottom{left:14px;right:14px}.stage-bottom>span{max-width:210px}.camera-button{display:none}.transport{padding:12px 14px;gap:8px}.play-button{width:44px;height:44px}.transport>.icon-button{min-width:40px}.stage-options{padding:0 14px 12px}.stage-options label{min-height:40px}.inspector-heading h1{font-size:1.8rem}.description{line-height:1.65}.case-controls{margin-top:18px}.tour-card{margin:12px 14px}.tour-card h2{font-size:1.2rem}}
@media(pointer:coarse){#touch-rotate{display:inline-flex}#viewport,#viewport>canvas{touch-action:pan-y!important}#viewport.rotating,#viewport.rotating>canvas{touch-action:none!important}.body-label{width:36px;height:36px;min-height:36px}.view-buttons .icon-button{min-width:44px;min-height:44px}.stage-options label{min-height:44px}input[type=range]{height:32px}.tour-top button{min-width:44px;min-height:44px}}

/* One-click, captioned demonstration using the live laboratory. */
.watch-button{background:#b0e8ff;color:#08111c;border-color:transparent;font-weight:600}.watch-button:hover{background:#d3f2ff}.watch-panel{padding:20px 24px;background:#0d1623;border-top:1px solid #3b536c;flex-shrink:0;order:3}.watch-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px}.watch-top>span{font: .8125rem var(--mono);color:var(--accent);letter-spacing:.05em}.watch-actions{display:flex;gap:8px}.watch-actions button{min-width:68px;min-height:44px;border-color:#62748b}.watch-caption h2{font-size:1.65rem;line-height:1.25}.watch-caption p{font-size:1rem;line-height:1.65;color:#bbc9dc;margin-top:9px;max-width:78ch}#watch-fact{font:.8125rem/1.65 var(--mono);color:var(--accent);min-height:1.65em;margin-top:12px}.watch-progress{height:3px;background:#29394e;margin-top:15px;border-radius:2px;overflow:hidden}.watch-progress>span{display:block;height:100%;width:0;background:var(--accent)}
body.watching{overflow:hidden}.watching .lab{position:fixed;inset:0;z-index:40;background:var(--bg);padding:0;grid-template-columns:minmax(0,1fr) 330px;overflow:hidden}.watching .stage-column{display:flex;flex-direction:column;height:100dvh;min-height:0}.watching .stage-shell{height:auto;min-height:150px;flex:1;order:1}.watching .stage-meta{top:18px}.watching .stage-bottom{bottom:12px}.watching .inspector{height:100dvh;overflow:auto;padding:25px 22px}.watching .transport,.watching .stage-options,.watching .view-buttons,.watching .mobile-context,.watching .camera-button{display:none}.watching .watch-panel{display:block}.watching #viewport{pointer-events:none}.watching .body-label{pointer-events:none}.watching .stage-bottom>span{max-width:none}.watching .case-controls{margin-top:20px}
@media(max-width:820px){.masthead{height:auto;min-height:90px;flex-wrap:wrap;padding-top:14px;padding-bottom:14px;gap:12px}.header-actions{gap:7px;flex-wrap:wrap}.watching .lab{grid-template-columns:1fr}.watching .inspector{display:none}.watch-panel{padding:15px 20px}.watch-caption h2{font-size:1.4rem}.watch-caption p{font-size:.9375rem;line-height:1.6}.watch-top{margin-bottom:8px}}
@media(max-width:540px){.header-actions{width:100%;justify-content:flex-end}.header-actions .watch-button{margin-right:auto;min-height:44px}.header-actions .tour-button span{max-width:none}.watch-panel{padding:12px 16px max(14px,env(safe-area-inset-bottom))}.watch-caption h2{font-size:1.2rem}.watch-caption p{font-size:.875rem}.watch-top>span{font-size:.75rem;letter-spacing:0}.watch-actions{gap:5px}.watch-actions button{min-width:58px;padding:8px;font-size:.8125rem}#watch-fact{font-size:.75rem;margin-top:8px}.watching .stage-shell{min-height:120px}.watching .stage-meta{font-size:.75rem}.watching .stage-bottom{display:none}}
@media(max-height:580px){.watching .stage-column{overflow:auto}.watch-panel{padding-top:10px;padding-bottom:10px}.watch-caption h2{font-size:1.1rem}.watch-caption p{font-size:.875rem;line-height:1.45;margin-top:5px}.watch-top{margin-bottom:4px}.watch-progress{margin-top:8px}.watching .stage-shell{min-height:160px}.watching #watch-fact{margin-top:6px}}