/* Refinement pass: visible mechanisms, scroll sequence, and one field notebook. */
.traffic-history{margin-bottom:14px}.traffic-history-head{display:flex;justify-content:space-between;gap:12px;font:8px/1.5 var(--mono);color:#a9c2c3;margin:5px 0}.traffic-history canvas{display:block;width:100%;height:64px;border:1px solid #36525c}.speed-key{display:inline-block;width:36px;height:6px;margin-right:5px;background:linear-gradient(90deg,#f24f42,#f4b957,#6adaaa)}.speed-readout svg{width:100%;max-width:180px;height:34px;margin-top:7px;display:block}.speed-readout svg path{fill:none;stroke-width:1.7}.speed-readout [data-speed-baseline]{stroke:#526c73;stroke-dasharray:3 3;stroke-width:.7}.speed-readout [data-speed-spark]{stroke:#b8e0c8}.speed-readout [data-speed-perturb]{stroke:#f5a17b;stroke-dasharray:2 3;stroke-width:1}
.traffic-hero{min-height:940px}.traffic-console{width:min(550px,46%)}.traffic-exhibit{min-height:850px}.traffic-exhibit .traffic-stage{height:470px}
.name-sequence{margin-top:60px}.name-beat{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:10%;padding:60px 0;border-top:1px solid var(--line)}.name-beat-copy{max-width:390px}.name-beat-copy h3{font-size:clamp(35px,4vw,58px);line-height:1.05;margin:24px 0}.name-beat-copy p{color:var(--muted);font-size:16px}.name-beat-copy .text-link{display:inline-block;margin-top:10px}.name-beat-figure{min-width:0}.name-beat .hero-system{padding:20px 0}.name-beat .hero-system svg{max-height:380px}.name-beat .diagram-top{border:0}.name-beat .diagram-bottom p{font-size:12px}.name-beat .chapter-number{display:block}.name-beat:nth-child(2){grid-template-columns:1.2fr .8fr}.name-beat:nth-child(2) .name-beat-copy{order:2}.name-beat:nth-child(2) .name-beat-figure{order:1}.name-beat .figure-caption{margin:14px 0 0;font-size:11px;color:var(--muted)}
[data-map-teaser] .map-layout{grid-template-columns:1fr}[data-map-teaser] .map-detail{display:none}[data-map-teaser] .map-nodes [data-map-node]{cursor:pointer}[data-map-teaser] .map-layout>svg{max-height:660px}.daily-detail b{font-variant-numeric:tabular-nums;white-space:nowrap}
.notebook{padding:30px;background:#eeeee5;border:1px solid #d5dacd;margin:0 0 40px;scroll-margin-top:30px}.notebook-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}.notebook-heading h2{font-size:36px;line-height:1.1;margin:8px 0 0}.notebook-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin:28px 0;padding:22px 0;border-top:1px solid #c9d0c1;border-bottom:1px solid #c9d0c1}.notebook-stats b{font:27px var(--mono);display:block}.notebook-stats span{display:block;font:10px/1.7 var(--mono);color:var(--muted);margin-top:7px}.notebook-patterns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}.notebook-pattern{padding:14px 0;border-bottom:1px solid #cdd3c6}.notebook-pattern span{font:20px var(--serif);display:block}.notebook-pattern small{font:10px/1.7 var(--mono);color:var(--muted);display:block;margin-top:5px}.notebook-pattern.explored span:before{content:'● ';color:#436f60;font-size:10px;vertical-align:middle}.notebook-review{margin:24px 0}.notebook-review h3{font-size:27px;margin-bottom:8px}.notebook-review p{font-size:13px;color:var(--muted)}.notebook-review ol{padding-left:20px;max-width:680px}.notebook-review li{padding:10px 0}.notebook-review li span{display:block;font:10px var(--mono);color:var(--muted);margin-top:4px}.notebook details{font-size:12px}.notebook summary{cursor:pointer;font:11px var(--mono)}.notebook details p{margin:12px 0}.notebook details button{min-height:44px}.game-notebook{max-width:1200px;margin:0 auto 70px;padding:0 5%}
.story-model{--blue:#b7d9d0;--orange:#f3a07a;background:#10252e;color:#f0eee4;padding:30px;margin:40px 0;max-width:100%;min-width:0}.story-model>.eyebrow{color:#a3c2c3;font-size:10px}.story-model h3{font-size:34px;line-height:1.1;margin:18px 0}.story-model>p:not(.eyebrow){color:#bcd0cf;font-size:14px;line-height:1.7}.story-slider{display:block;font:12px var(--mono);margin:25px 0 10px}.story-slider output{float:right;color:#f6ae85}.story-slider input{display:block;width:100%;margin-top:16px;accent-color:#e9986e;min-height:30px}.story-switch{display:flex;align-items:center;gap:12px;font:12px/1.5 var(--mono);margin:22px 0}.story-switch input{width:20px;height:20px;accent-color:#e9986e}.story-presets,.story-actions{display:flex;gap:10px;flex-wrap:wrap}.story-actions{padding:16px 0;border-top:1px solid #35505b}.story-model button{border:1px solid #526e75;background:#203b44;color:#f2eee1;padding:11px 14px;min-height:44px;font:11px var(--mono)}.story-model button:hover{border-color:#f2a17b}.story-model button[data-story-play]{background:#ed9b76;color:#10252e}.story-chart{min-height:160px;margin:18px 0 0}.story-chart svg{display:block;width:100%;height:auto}.story-chart svg text{fill:#b7cdce;font:11px var(--mono)}.story-chart svg .cascade-label{fill:#10252e;font:bold 12px var(--mono)}.story-result{min-height:60px}.story-legend{font:10px/1.8 var(--mono);display:flex;flex-wrap:wrap;gap:8px 20px;padding-bottom:20px;color:#bed3cf}.story-legend .stock-key{color:#a3d7c6}.story-legend .pipeline-key{color:#b9add5}.story-legend .backlog-key{color:#f2a17b}.story-model details{border-top:1px solid #35505b;padding:16px 0;font-size:12px;line-height:1.7;color:#c2d1d0}.story-model summary{cursor:pointer;font:11px var(--mono)}.story-model details p{font-size:12px}.story-model figcaption{font-size:10px;color:#9bb8bd;margin-top:16px}.story-model>.text-link{font-size:12px;color:#efad89}.story-model :focus-visible,.notebook :focus-visible{outline:2px solid #d96b43;outline-offset:5px}
@media(max-width:850px){.traffic-hero{min-height:1240px}.traffic-console{width:auto}.traffic-hero .traffic-stage{top:340px;height:470px}.traffic-exhibit{min-height:940px}.traffic-exhibit .traffic-stage{top:90px;height:420px}.name-beat,.name-beat:nth-child(2){gap:6%;grid-template-columns:.85fr 1.15fr}.notebook-stats{gap:12px}.notebook-stats b{font-size:23px}.story-model{padding:24px}}
@media(max-width:600px){.traffic-hero{min-height:1220px}.traffic-hero .traffic-stage{top:335px;height:405px}.traffic-exhibit{min-height:930px}.traffic-exhibit .traffic-stage{top:80px;height:360px}.traffic-console{bottom:25px}.traffic-history-head{font-size:7px}.name-sequence{margin-top:35px}.name-beat,.name-beat:nth-child(2){display:flex;flex-direction:column;align-items:stretch;gap:30px;padding:35px 0}.name-beat:nth-child(2) .name-beat-copy,.name-beat:nth-child(2) .name-beat-figure{order:initial}.name-beat-copy h3{font-size:38px;margin:15px 0}.name-beat-copy p{font-size:15px}.name-beat .chapter-number{margin-bottom:12px}.name-beat .hero-system svg{max-height:320px}.notebook{padding:22px 18px}.notebook-heading{display:block}.notebook-heading h2{font-size:31px}.notebook-heading>.text-link{display:inline-block;margin-top:18px;font-size:12px}.notebook-stats{grid-template-columns:repeat(2,1fr);gap:22px}.notebook-patterns{grid-template-columns:1fr}.notebook-pattern span{font-size:21px}.notebook-pattern small{font-size:10px}.story-model{padding:22px 16px;margin:30px 0}.story-model h3{font-size:30px}.story-slider{font-size:10px}.story-chart svg text{font-size:12px}.story-actions{gap:7px}.story-model button{font-size:10px;padding:10px}.game-notebook{padding:0 4%}}
@media print{.name-beat,.name-beat:nth-child(2){display:block;break-inside:avoid}.traffic-history,.story-actions,.story-slider,.story-presets{display:none}.story-model{background:white;color:black}.story-model p,.story-model details{color:#333}.notebook{break-inside:avoid}}

.dated-game{max-width:900px;margin:0 auto 50px;padding:0 5%}

.live-dot{animation:none!important}
