@font-face{font-family:Instrument;src:url('../../assets/fonts/instrument-sans-latin-400-normal.woff2') format('woff2');font-display:swap}
@font-face{font-family:Anybody;src:url('../../assets/fonts/anybody-var.woff2') format('woff2');font-display:swap}
:root{--app-accent:#ff8a1f;--accent-text:#ffad60;--bg:#0b1015;--panel:#131c23;--raised:#1b2831;--line:#2a3943;--fg:#f0f3f5;--muted:#a6b6bf;--font:Instrument,system-ui,sans-serif;--display:Anybody,system-ui,sans-serif}
:root[data-theme=light]{--accent-text:#a64a00;--bg:#f2f0ea;--panel:#fffefb;--raised:#edeae3;--line:#d9d6cd;--fg:#1d2d37;--muted:#596b75;--danger:#b12434}
body{--app-accent:#ff8a1f}h1,h2,h3{font-family:var(--font);font-weight:600}h2{font-size:26px;letter-spacing:-.035em}.app-main{max-width:1560px;padding-top:40px}.app-header{max-width:none}.eyebrow,.badge{color:var(--accent-text)}button{font-size:12px}.small-note{font-size:12px;line-height:1.8;color:var(--muted)}summary{cursor:pointer;min-height:44px;align-content:center}summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--app-accent);outline-offset:3px}em{font-style:normal;color:var(--accent-text)}
.observatory-intro{display:flex;align-items:center;justify-content:space-between;gap:30px;margin:0 0 32px}.observatory-intro h1{font-family:Anybody,var(--font);font-size:clamp(38px,5.5vw,70px);letter-spacing:-.06em;line-height:1.08}.observatory-intro p:last-child{max-width:680px;color:var(--muted);margin-top:16px;font-size:14px;line-height:1.8}.intro-link{display:flex;gap:40px;align-items:center;border-bottom:1px solid var(--app-accent);padding:18px 0;text-decoration:none;white-space:nowrap;font-size:12px}.intro-link span{font-size:24px;color:var(--app-accent)}
.experiment-library{border:1px solid var(--line);border-radius:12px;background:var(--panel);margin-bottom:24px;overflow:hidden}.experiment-library summary{display:flex;justify-content:space-between;padding:17px 22px;gap:15px;list-style:none}.experiment-library summary::-webkit-details-marker{display:none}.experiment-library strong{display:block;font-size:14px}.experiment-library small{font-size:11px;color:var(--muted)}.library-count{font:11px var(--mono);align-self:center;color:var(--accent-text);white-space:nowrap}.program-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:0 18px 18px}.program-presets button{text-align:left;display:grid;grid-template-columns:30px 1fr;gap:7px;min-height:105px;padding:14px;background:var(--bg)}.program-presets button>span{font:11px var(--mono);color:var(--accent-text)}.program-presets strong{font-size:14px;line-height:1.4;display:block}.program-presets small{display:block;margin-top:6px;font-size:11px;font-weight:400;color:var(--muted)}
.workbench{background:var(--panel);border:1px solid var(--line);border-radius:16px;scroll-margin-top:20px;min-width:0}.bench-heading{padding:22px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.bench-heading .eyebrow{font-size:10px;margin-bottom:8px}.bench-heading h2{font-size:27px}.story-strip{display:grid;grid-template-columns:42px minmax(0,1.4fr) minmax(200px,1fr);gap:20px;padding:22px 24px;border-block:1px solid var(--line);background:color-mix(in srgb,var(--app-accent) 4%,var(--bg));align-items:start}.story-mark{font:15px var(--mono);color:var(--accent-text);border:1px solid var(--line);border-radius:50%;width:40px;height:40px;display:grid;place-items:center}.story-strip h3{font-size:16px;margin-bottom:8px}.story-strip p{font-size:12px;line-height:1.8;color:var(--muted)}.story-prediction{border-left:1px solid var(--line);padding-left:22px}.story-prediction span{font:9px var(--mono);letter-spacing:.1em;color:var(--accent-text)}.story-prediction p{margin-top:8px}.notice{padding:12px 24px;font-size:12px;color:var(--accent-text);border-bottom:1px solid var(--line)}.notice.error{color:var(--danger)}
.transport{display:flex;gap:20px;padding:14px 20px;align-items:center;justify-content:space-between;position:sticky;top:0;background:var(--panel);z-index:4;border-bottom:1px solid var(--line);box-shadow:0 8px 15px #00000008}.playback{display:flex;gap:7px;flex-wrap:wrap}.pace-control{display:flex;gap:10px;align-items:center}.pace-control label{font-size:11px}.pace-control select{font-size:12px;width:150px}.timeline{padding:15px 24px;border-bottom:1px solid var(--line)}.timeline>div{display:flex;justify-content:space-between;gap:15px;align-items:center}.timeline label{font-size:11px}.timeline output{color:var(--accent-text)}.timeline input{display:block;min-height:44px}.timeline p{font-size:10px;color:var(--muted)}.mobile-panes{display:none}
.execution-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.program-card,.runtime-panel{min-width:0}.program-card{border-right:1px solid var(--line)}.pane-heading{display:flex;gap:14px;justify-content:space-between;align-items:center;padding:17px 20px;border-bottom:1px solid var(--line);min-height:79px;flex-wrap:wrap}.pane-heading h3{font-size:15px}.pane-heading .badge{font-size:8px;padding:4px 7px}.pane-heading .button-row{margin-left:auto}.pane-heading button{font-size:11px;padding-inline:11px}.code-help{font-size:10px;color:var(--muted);padding:12px 20px;border-bottom:1px solid var(--line);line-height:1.7}.code-lines{max-height:480px;min-height:320px;overflow:auto;padding:8px 0;background:var(--bg);font:12px/1.7 var(--mono);scroll-behavior:auto;position:relative}.code-line{display:flex;align-items:center;min-height:44px;border-left:3px solid transparent;white-space:pre;padding-right:20px;position:relative;width:max-content;min-width:100%}.code-line code{font:inherit}.line-number{flex:0 0 48px;width:48px;min-height:44px;background:none;border:0;border-radius:0;color:var(--muted);font:11px var(--mono);padding:0;position:relative;align-self:stretch}.line-number:focus-visible{outline-offset:-3px}.line-number[aria-pressed=true]{background:color-mix(in srgb,var(--app-accent) 15%,var(--bg));color:var(--accent-text)}.line-number[aria-pressed=true]:before{content:'';position:absolute;left:3px;top:19px;width:6px;height:6px;background:var(--app-accent);border-radius:50%}.code-line.executed{background:color-mix(in srgb,var(--app-accent) 13%,var(--bg));border-left-color:var(--app-accent)}.code-line.next .line-number:after{content:'›';position:absolute;right:0;color:var(--accent-text);font-size:17px;top:8px}.code-line.error{background:color-mix(in srgb,var(--danger) 10%,var(--bg));border-left-color:var(--danger)}.code-keyword{color:var(--accent-text)}.code-comment{color:var(--muted);font-style:italic}.execution-caption{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 14px;border-block:1px solid var(--line);color:var(--muted);font:10px var(--mono);flex-wrap:wrap}.execution-caption button{min-height:44px;padding:8px;font-size:10px}.editor-help{padding:14px 20px;color:var(--muted);font-size:12px;line-height:1.8}.editor-help strong{display:block;color:var(--fg)}#source{border-radius:0;border-inline:0;min-height:440px;padding:20px;font:13px/1.8 var(--mono);tab-size:2}#editorError{padding:12px 20px;color:var(--danger);font-size:12px}.console{padding:19px 20px;background:color-mix(in srgb,var(--bg) 45%,var(--panel));min-height:130px}.console-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:10px}.console h3{font-size:14px}.console-heading span{font:10px var(--mono);color:var(--muted)}.console ol{list-style:none;padding:0;margin:0;max-height:200px;overflow:auto}.console li{display:flex;gap:14px;border-bottom:1px solid var(--line);padding:7px 0;font:12px/1.8 var(--mono)}.console li span{color:var(--muted);font-size:10px;flex:0 0 28px}.console li b{font-weight:400;white-space:pre-wrap;overflow-wrap:anywhere;min-width:0}.console>p{font-size:12px;color:var(--muted)}
.step-story{padding:22px 24px;background:linear-gradient(115deg,color-mix(in srgb,var(--app-accent) 9%,var(--panel)),var(--panel));border-bottom:1px solid var(--line);min-height:160px}.step-story .eyebrow{display:block;font-size:9px;margin-bottom:9px}.step-story h3{font-size:24px;letter-spacing:-.03em;margin-bottom:9px}.step-story p{font-size:13px;line-height:1.8;overflow-wrap:anywhere;color:var(--muted)}.step-story summary{font-size:11px;color:var(--accent-text)}#runtime{padding:20px}.readouts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line)}.readouts>div{padding:17px 24px;border-right:1px solid var(--line)}.readouts>div:last-child{border:0}.readouts span{font-size:10px;color:var(--muted);display:block}.readouts strong{font-size:26px;font-weight:500;display:block;margin-top:4px;overflow-wrap:anywhere}.execution-status{margin:0;padding:12px 24px;border-top:1px solid var(--line);font-size:12px;border-radius:0 0 16px 16px;min-height:48px;color:var(--accent-text)}
.learning-workspace{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;margin-top:24px}.predict-card,.experiment-card,.trace-section{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:24px;min-width:0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:16px}.section-heading .eyebrow,.experiment-card .eyebrow{font-size:10px;margin-bottom:9px}.check-label{display:flex;align-items:center;gap:8px;font-size:12px;min-height:44px}.check-label input{width:18px;height:18px;accent-color:var(--app-accent)}.predict-card>p,.experiment-card>p{font-size:12px;color:var(--muted);line-height:1.85;margin-top:12px}#prediction{padding-top:16px;margin-top:18px;border-top:1px solid var(--line)}#prediction h3{font-size:15px;line-height:1.65;margin-bottom:12px}#prediction label{font-size:11px}#guess{margin:5px 0 12px}#prediction summary{font-size:11px;color:var(--accent-text)}#predictionHint{font-size:12px;color:var(--muted)}#tryEdit{margin-top:18px}.trace-section{margin-top:24px}.trace-controls{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:18px 0 14px}.trace-controls label{max-width:210px;font-size:11px}.trace-controls select{margin-top:6px;font-size:13px}.trace-controls p{font:11px/1.8 var(--mono);color:var(--muted);max-width:420px}.trace-chart{height:220px;background:var(--bg);border:1px solid var(--line);border-radius:10px;overflow:hidden}.trace-chart svg{display:block;width:100%;height:100%}.trace-table{margin-top:20px}.trace-table summary{font-size:12px}.table-scroll{overflow:auto;max-height:370px}table{border-collapse:collapse;width:100%;font-size:11px;text-align:left}caption{text-align:left;font-size:11px;color:var(--muted);padding:14px 0}th,td{padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:top}th{position:sticky;top:0;background:var(--panel);font-weight:600}td:last-child{min-width:200px}td button{font:11px var(--mono);min-width:44px;padding:5px}.comparison{margin-top:20px;border-left:3px solid var(--app-accent);padding:18px;background:var(--bg);display:flex;justify-content:space-between;gap:24px;align-items:center;flex-wrap:wrap}.comparison h3{font-size:15px}.comparison p{font-size:11px;line-height:1.7;color:var(--muted)}#comparisonValues{display:flex;gap:25px;flex-wrap:wrap}#comparisonValues p strong{display:block;color:var(--fg);font:15px var(--mono);margin-top:5px}.learn-card h2{font-size:24px}.learn-card summary{font-size:12px;color:var(--accent-text)}.learn-card pre{overflow:auto;font:11px/1.8 var(--mono);padding:15px;background:var(--bg);border-radius:8px}.learn-card p+p{margin-top:10px}.learn-card a{font-size:12px;display:inline-block;margin-top:15px}.learn-card code{color:var(--accent-text)}
@media(max-width:1150px){.program-presets{grid-template-columns:repeat(2,minmax(0,1fr))}.execution-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.pane-heading{gap:8px;padding:14px}.pane-heading .badge{display:none}.pane-heading .button-row{margin-left:0}.bench-heading{align-items:start}.bench-heading .button-row{justify-content:end}.story-strip{grid-template-columns:32px minmax(0,1fr) minmax(180px,.75fr);gap:14px}.story-mark{width:32px;height:32px;font-size:12px}.readouts>div{padding:16px}.runtime-panel #runtime{padding:14px}.pace-control select{width:135px}.transport{gap:10px;padding:12px}.playback{gap:5px}.playback button{padding-inline:10px;font-size:11px}}
@media(max-width:800px){.observatory-intro{gap:18px}.intro-link{display:none}.story-strip{grid-template-columns:30px 1fr}.story-prediction{grid-column:2;border-left:0;padding:0}.execution-layout{grid-template-columns:1fr}.program-card{border-right:0;border-bottom:1px solid var(--line)}.learning-workspace{grid-template-columns:1fr}.bench-heading{padding:20px;flex-direction:column;gap:16px}.bench-heading .button-row{width:100%;justify-content:start}.bench-heading .button-row button{flex:1}.transport{flex-wrap:wrap}.playback{width:100%}.playback button{flex:1;padding:9px 7px}.pace-control{margin-left:auto}.timeline{padding:12px 18px}.timeline output{font-size:10px}.mobile-panes{display:flex;padding:10px 16px;border-bottom:1px solid var(--line);gap:7px}.mobile-panes button{flex:1}.execution-layout[data-panel=memory] .program-card{display:none}.execution-layout[data-panel=code] .runtime-panel{display:none}.code-lines{min-height:200px;max-height:350px}.step-story{padding:20px}.readouts{grid-template-columns:repeat(2,minmax(0,1fr))}.readouts>div{border-bottom:1px solid var(--line)}.readouts>div:nth-child(2n){border-right:0}.readouts strong{font-size:23px}.trace-controls{align-items:start;flex-direction:column;gap:12px}.comparison{gap:16px}.pace-control select,.trace-controls select{font-size:16px}.code-line{font-size:12px}.pane-heading{min-height:64px}.workbench{scroll-margin-top:10px}.transport{position:relative}}
@media(max-width:480px){.app-main{padding:25px 12px 35px}.observatory-intro h1{font-size:43px}.observatory-intro p:last-child{font-size:13px}.experiment-library summary{padding:14px;gap:10px}.experiment-library strong{font-size:12px}.experiment-library small{font-size:10px}.library-count{font-size:9px}.program-presets{padding:0 10px 10px;gap:6px;grid-template-columns:1fr 1fr}.program-presets button{grid-template-columns:1fr;padding:12px;min-height:125px}.program-presets strong{font-size:12px}.program-presets small{font-size:10px}.bench-heading{padding:18px}.bench-heading h2{font-size:25px}.bench-heading .button-row{gap:5px}.bench-heading .button-row button{font-size:10px;padding-inline:7px}.story-strip{padding:18px;gap:12px}.story-strip h3{font-size:15px}.playback button{flex:1 1 28%;font-size:12px}.pace-control{width:100%;justify-content:space-between}.pace-control select{width:170px}.timeline p{line-height:1.7}.timeline>div{align-items:start;flex-wrap:wrap;gap:5px}.pane-heading{padding:14px}.pane-heading .badge{display:none}.pane-heading .button-row{margin-left:auto}.pane-heading h3{font-size:14px}.step-story h3{font-size:22px}#runtime{padding:12px}.readouts>div{padding:14px}.readouts span{font-size:10px}.predict-card,.experiment-card,.trace-section{padding:20px}.section-heading{gap:12px}.section-heading h2{font-size:25px}.trace-section .section-heading .button-row{width:100%}.trace-section .section-heading .button-row button{flex:1;font-size:11px}.trace-chart{height:200px}.code-lines{font-size:11px}.code-line{padding-right:14px}.line-number{flex-basis:44px;width:44px}#source{font-size:16px;padding:15px}.execution-status{padding:12px 18px}.step-story p{font-size:12px}.trace-controls select{width:100%}.trace-controls label{max-width:none;width:100%}.learn-grid{margin-top:20px}.execution-caption{font-size:9px}.mobile-panes button{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* A distraction-free bench keeps the controls next to the running program. */
.focus-workbench .app-header,.focus-workbench .observatory-intro,.focus-workbench .experiment-library,.focus-workbench .story-strip,.focus-workbench .trace-section,.focus-workbench .learn-grid,.focus-workbench .app-footer{display:none}
.focus-workbench .app-main{max-width:none;padding:0}.focus-workbench .workbench{border:0;border-radius:0;min-height:100dvh;scroll-margin-top:0}.focus-workbench .bench-heading{padding-block:12px}.focus-workbench .bench-heading h2{font-size:20px}.focus-workbench .bench-heading .eyebrow{margin-bottom:4px}.focus-workbench .timeline{padding-block:8px}.focus-workbench .timeline p{display:none}.focus-workbench .step-story{min-height:0;padding-block:15px}.focus-workbench .code-lines{max-height:55dvh}.focus-workbench .rt-frames{max-height:48dvh;overflow:auto}.focus-workbench .readouts>div{padding-block:10px}.focus-workbench .readouts strong{font-size:22px}
#focusWorkbench{white-space:nowrap}.pace-control{flex-wrap:wrap;justify-content:flex-end}
@media(max-width:800px){.pace-control{width:100%;justify-content:flex-end}.pace-control #focusWorkbench{margin-right:auto}.focus-workbench .bench-heading{gap:10px}.focus-workbench .bench-heading .button-row{display:none}.focus-workbench .rt-frames{max-height:none;overflow:visible}.focus-workbench .code-lines{max-height:45dvh}}

.focus-workbench .learning-workspace{grid-template-columns:1fr;margin:24px auto;max-width:760px}.focus-workbench .experiment-card{display:none}


/* An explorable library, with a direct route from every template into the editor. */
.world-view-controls{display:flex;gap:6px;flex-wrap:wrap}.world-view-controls button{font-size:11px;min-height:44px;padding-inline:10px}.world-view-controls [aria-pressed=true]{border-color:var(--app-accent);background:color-mix(in srgb,var(--app-accent) 12%,var(--panel));color:var(--accent-text)}.execution-layout.world-expanded{grid-template-columns:1fr}.execution-layout.world-expanded .program-card{display:none}.execution-layout.world-expanded .runtime-panel{display:block}.execution-layout.world-expanded .step-story{padding-block:12px;min-height:0}#worldFallback{padding:16px 20px;color:var(--accent-text)}#sceneWorld{min-width:0}.line-help{flex:0 0 30px;min-height:36px;margin-inline:10px;font:11px var(--mono);padding:0;opacity:.6}.line-help:hover,.line-help:focus-visible{opacity:1}.code-line code{flex:1}.value-history{margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}.value-history h3{font-size:22px;letter-spacing:-.03em}.value-chart-controls{display:flex;gap:14px;flex-wrap:wrap}.value-chart-controls label{display:grid;gap:6px;font-size:11px;min-width:160px;max-width:100%}.value-chart-controls select{font-size:13px;max-width:100%;min-height:44px}.value-chart-summary{font:11px/1.8 var(--mono);color:var(--muted);margin:15px 0}.value-chart{color:var(--muted)}.value-chart [data-value-step]{cursor:pointer}.value-chart+.small-note{margin-top:10px}.focus-workbench .trace-section{display:block;max-width:1500px;margin:24px auto}
@media(max-width:650px){.world-view-controls{width:100%}.world-view-controls button{flex:1}.line-help{flex-basis:36px;min-height:44px;margin-inline:5px}.value-chart-controls{display:grid;grid-template-columns:1fr;width:100%}.value-chart-controls label{min-width:0;width:100%}.value-chart-controls select{font-size:16px;width:100%}.value-history .section-heading{gap:12px}}
.template-tools{display:grid;grid-template-columns:minmax(180px,1.4fr) minmax(140px,1fr) minmax(130px,.85fr) auto;gap:12px;align-items:end;padding:4px 20px 16px}.template-tools label{font-size:11px}.template-tools input,.template-tools select{display:block;margin-top:6px;font-size:14px;height:44px}.template-tools input[type=search]{width:100%;min-width:0;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--fg);padding:9px 11px}.template-results{font-size:11px;color:var(--muted);padding:0 20px 16px}.template-empty{font-size:13px;color:var(--muted);padding:25px 20px 40px}.program-presets{grid-template-columns:repeat(3,minmax(0,1fr));max-height:560px;overflow:auto;scrollbar-gutter:stable;padding:0 18px 20px}.template-card{border:1px solid var(--line);border-radius:10px;background:var(--bg);padding:18px;min-width:0;display:flex;flex-direction:column;gap:11px}.template-card:has([aria-pressed=true]){border-color:var(--app-accent)}.template-card-meta{display:flex;justify-content:space-between;gap:8px;font:10px var(--mono);color:var(--accent-text)}.template-card-meta small{font:10px var(--mono);color:var(--muted);margin:0}.template-card h3{font-size:18px;letter-spacing:-.02em;line-height:1.3}.template-card p{font-size:12px;line-height:1.7;color:var(--muted);flex:1}.template-card .template-topic{display:block;margin-top:2px;font-size:10px;color:var(--muted)}.template-actions{display:flex;gap:7px;flex-wrap:wrap}.program-presets .template-actions button{display:inline-flex;align-items:center;justify-content:center;flex:1;min-height:44px;padding:8px;font-size:11px;text-align:center;background:var(--raised);white-space:nowrap}.program-presets .template-actions [data-preset]{border-color:color-mix(in srgb,var(--app-accent) 45%,var(--line));color:var(--accent-text)}.program-presets .template-actions button[aria-pressed=true]{background:color-mix(in srgb,var(--app-accent) 16%,var(--panel))}#draftState{display:block;margin-top:8px;color:var(--accent-text);font-size:11px}.editor-help{padding-block:12px}.step-story #stepWhy{font-size:12px;line-height:1.8;margin-top:3px}.focus-workbench .bench-heading .button-row{display:flex}.bench-heading #chooseTemplate{border-color:var(--app-accent);color:var(--accent-text)}
@media(max-width:1100px){.program-presets{grid-template-columns:repeat(2,minmax(0,1fr))}.template-tools{grid-template-columns:minmax(180px,1.4fr) 1fr}.template-tools button{justify-self:start}.bench-heading .button-row{flex-wrap:wrap}.pane-heading .button-row{flex-wrap:wrap}.pane-heading .button-row button{padding-inline:9px}}
@media(max-width:650px){.program-presets{grid-template-columns:1fr;max-height:60dvh;padding-inline:12px}.template-tools{padding-inline:14px;grid-template-columns:1fr 1fr;gap:10px}.template-tools label:first-child{grid-column:1/-1}.template-tools input,.template-tools select{font-size:16px}.template-tools button{grid-column:1/-1;justify-self:stretch}.template-card{padding:16px}.template-card h3{font-size:18px}.template-results{padding-inline:14px;line-height:1.8}.bench-heading .button-row button{flex:1 1 40%;font-size:11px}.focus-workbench .bench-heading .button-row button:not(#chooseTemplate){display:none}.focus-workbench .bench-heading .button-row{width:auto}.focus-workbench .bench-heading{flex-direction:row;align-items:center}.pane-heading .button-row{width:100%;margin:0;justify-content:start}.pane-heading .button-row button{flex:1}.pane-heading:has(#edit:not([hidden])) .button-row{width:auto;margin-left:auto}.step-story #stepWhy{font-size:12px}}

.world-chart-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 12px;border:1px solid var(--line);border-radius:8px;font-size:11px;color:var(--accent-text);text-decoration:none}.world-chart-link:hover{border-color:var(--app-accent)}#traceTitle{scroll-margin-top:95px}@media(max-width:650px){.world-chart-link{flex:1}}
.value-chart-summary{overflow-wrap:anywhere}
/* Keep code beside a larger teaching stage, with room to follow each value. */
.app-main{max-width:1840px}
@media(min-width:1101px){.execution-layout:not(.world-expanded):has(#sceneWorld:not([hidden])){grid-template-columns:minmax(320px,.3fr) minmax(0,.7fr)}.execution-layout:has(#source:not([hidden])){grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.runtime-panel>.pane-heading{padding-block:12px;min-height:68px}.program-card>.pane-heading{min-height:68px}.runtime-panel .step-story{min-height:0;padding:14px 22px}.runtime-panel .step-story h3{font-size:24px}.runtime-panel .step-story .eyebrow{margin-bottom:6px}}
.pace-control select{width:205px;max-width:100%}
#programMap{min-width:0}.code-line.map-selected{outline:1px dashed var(--app-accent);outline-offset:-2px}
@media(min-width:1101px){.execution-layout:not(.world-expanded):has(#programMap:not([hidden])){grid-template-columns:minmax(320px,.3fr) minmax(0,.7fr)}}
@media(max-width:480px){.pace-control select{width:195px}.pace-control{gap:7px}}
/* Phone: the option text names the pace, so the visible "Pace" label yields its width to keep "4s / step" readable. */
@media(max-width:480px){.pace-control label[for=speed]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.pace-control select{flex:1 1 auto;width:auto;min-width:0}}