@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');
:root{--ink:#19313b;--muted:#5b7078;--paper:#f5f3ec;--card:#fffefa;--line:#d5dcd5;--teal:#087b79;--light:#e6efdf;--amber:#b55b25;--blue:#346ca6;--gold:#edb965;--danger:#a13b34}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',system-ui,sans-serif;line-height:1.55}body>*+*{margin-top:0}a{color:var(--teal);text-underline-offset:3px}button,input{font:inherit}button{border:1px solid var(--line);border-radius:5px;color:var(--ink);background:var(--card);padding:.6rem .8rem;cursor:pointer;line-height:1.4}button:hover:not(:disabled),.file-button:hover{border-color:var(--teal);background:#edf3e9}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--amber);outline-offset:4px}button.primary{background:var(--teal);color:white;border-color:var(--teal);font-weight:700}button.primary:hover:not(:disabled){background:#075e61}h1,h2,h3,p{margin:0 0 .7rem}h1{font-family:'Libre Caslon Display',Georgia,serif;font-size:clamp(3rem,5.5vw,5.7rem);line-height:1.03;letter-spacing:-.035em;font-weight:400;border:0;padding:0;display:block}h1 em{color:var(--teal);font-weight:400}h2{font-size:1.45rem;line-height:1.3;letter-spacing:-.025em}h3{font-size:1rem;line-height:1.4}p:last-child{margin-bottom:0}.small{font-size:.83rem;color:var(--muted);line-height:1.55}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.68rem;font-weight:700;color:var(--teal);margin-bottom:.65rem}.site-nav{display:flex;align-items:center;gap:1.5rem;border-bottom:1px solid var(--line);padding:1.1rem max(1.25rem,calc((100vw - 1280px)/2));font-size:.8rem;flex-wrap:wrap}.site-nav a:last-child{margin-left:auto}.skip{position:absolute;top:-100px;background:white;padding:.5rem;z-index:3}.skip:focus{top:5px}main{max-width:1280px;margin:auto;padding:3rem 1.5rem 0}.intro{display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;align-items:center;margin-bottom:2.5rem}.intro-copy{max-width:32rem;font-size:.98rem}.intro-copy .small{margin-top:1rem}.mission-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2.5rem}.mission-choice{text-align:left;display:grid;grid-template-columns:auto 1fr;gap:1rem;padding:1rem 1.1rem;border:1px solid #bdc9c5}.mission-number{font-family:Georgia,serif;font-size:1.6rem;color:var(--teal)}.mission-choice strong{display:block;font-size:.95rem;margin-bottom:.2rem}.mission-choice span.description{display:block;font-size:.77rem;color:var(--muted)}.mission-choice[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.mission-choice[aria-pressed=true] .description,.mission-choice[aria-pressed=true] .mission-number{color:#b6d8d0}.shift-heading,.section-heading{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:1.2rem}.shift-heading h2{margin:0}.shift-heading .eyebrow{margin-bottom:.25rem}.utility{display:flex;gap:.5rem;flex-wrap:wrap}.quiet{font-size:.8rem;padding:.5rem .7rem}.help{border:1px solid var(--line);border-left:4px solid var(--teal);padding:1.3rem;background:var(--card);font-size:.9rem;margin-bottom:1rem}.help ol{padding-left:1.2rem}.help li{margin:.4rem 0}.hud{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:var(--card);border-radius:6px 6px 0 0;overflow:hidden}.stat{padding:.8rem 1.1rem;border-right:1px solid var(--line)}.stat:last-child{border-right:0}.stat-label{font-size:.69rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.stat-value{font-size:1.55rem;line-height:1.25;font-family:Georgia,serif;margin:.3rem 0}.stat-note{font-size:.73rem;color:var(--muted)}.stat.warn .stat-value{color:var(--danger)}.site-grid{display:grid;grid-template-columns:260px 1fr;border:1px solid var(--line);border-top:0;background:var(--card);border-radius:0 0 6px 6px;overflow:hidden}.brief-card{padding:1.25rem;background:#ecefe5;border-right:1px solid var(--line);font-size:.87rem}.brief-card h3{margin-top:1.4rem}.brief-tags{display:flex;gap:.3rem;flex-wrap:wrap;margin:.7rem 0}.brief-tags span{font-size:.72rem;padding:.15rem .4rem;border:1px solid #becbc5;background:#f7f9f2;border-radius:3px}.goal{display:flex;gap:.6rem;padding:.55rem 0;border-bottom:1px solid #d7dfd3;font-size:.78rem;align-items:flex-start}.goal-icon{border:1px solid #9eafa4;width:18px;height:18px;flex:none;border-radius:50%;display:grid;place-items:center;line-height:1;color:#879d8d}.goal.met .goal-icon{color:white;background:var(--teal);border-color:var(--teal)}.semantic-key{display:flex;gap:.45rem;flex-wrap:wrap;font-size:.64rem;margin:1.2rem 0 .5rem}.key-product{color:var(--teal)}.key-means{color:#94591e}.key-evidence{color:var(--blue)}.site-right{padding:1.3rem;min-width:0}.world{background:#17343e;color:#d5e6df;border-radius:4px;overflow:hidden;position:relative}.world-head{display:flex;justify-content:space-between;gap:.5rem;align-items:center;font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;padding:.8rem 1rem 0}.world-head .clear{color:#a9d4bc}.world-head .occupied{color:var(--gold)}.world svg{width:100%;height:auto;display:block}.world svg text{font-family:'DM Sans',sans-serif}.world-caption{font-size:.78rem;padding:.5rem 1rem .9rem;color:#ccdedb;border-top:1px solid #2c4a50}.work-clock{min-height:44px;display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-top:.7rem;font-size:.8rem}.work-clock .clock-label{flex:1;min-width:180px}.clock-track{height:4px;background:#d9e3dc;margin-top:.4rem;border-radius:3px;overflow:hidden}.clock-track i{display:block;height:100%;background:var(--teal);transition:width .25s}.notice{font-size:.82rem;color:var(--muted);padding:.5rem 0}.notice.error{color:var(--danger)}.notice:empty{display:none}.shift-event:empty,.outcome:empty{display:none}.shift-event{background:#fff3de;border:1px solid #e4c696;padding:1.2rem;border-radius:5px;margin-top:.5rem;font-size:.88rem}.shift-event .eyebrow{color:#98551d}.event-choices{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin-top:.8rem}.event-choice{text-align:left;background:#fffaf0;display:flex;flex-direction:column;gap:.3rem;border-color:#dcb47b}.event-choice strong{font-size:.85rem}.event-choice .small{font-size:.75rem}.outcome{padding:1.25rem;background:#e5efdf;border:1px solid #abc5ad;margin-top:.7rem}.outcome.failed{background:#f9e8dc;border-color:#d3a78d}.outcome h3{font-family:Georgia,serif;font-size:1.55rem;font-weight:400}.outcome p{font-size:.9rem}.outcome-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1rem}.dispatch{margin:2rem 0}.dispatch .section-heading{margin-bottom:.3rem}.dispatch-grid{display:grid;grid-template-columns:1fr 300px;gap:1.2rem;margin-top:1rem;align-items:start}.work-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.work-card{text-align:left;padding:.9rem;min-height:126px;display:flex;flex-direction:column;gap:.25rem;border-top:3px solid var(--teal);position:relative}.work-card .kind{font-size:.6rem;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);display:flex;justify-content:space-between;gap:.2rem}.work-card strong{font-size:.84rem;line-height:1.35;font-weight:600}.work-card .resource{font-size:.72rem;color:var(--muted);margin-top:auto}.work-card .availability{font-size:.66rem;color:var(--teal)}.work-card.blocked{background:#edf0e9;border-color:#d1d9d0}.work-card.blocked .availability{color:#75867e}.work-card.done{background:#e5efdf}.work-card.done .availability{color:#52785b}.work-card.selected{outline:2px solid var(--teal);outline-offset:1px;background:#edf6ea}.work-card[data-kind=inspect]{border-top-color:var(--blue)}.work-card[data-kind=enable],.work-card[data-kind=remove]{border-top-color:var(--amber)}.crew-briefing{padding:1.2rem;background:var(--card);border:1px solid var(--line);border-left:4px solid var(--teal);position:sticky;top:1rem;font-size:.85rem;min-width:0}.crew-briefing h3{font-size:1.15rem}.crew-briefing ul{padding-left:1.1rem;font-size:.78rem}.crew-briefing li{margin:.4rem 0}.crew-briefing .primary{width:100%;margin-top:1rem}.crew-label{font-size:.74rem;color:var(--muted);margin-bottom:.8rem}.crew-briefing .caution{background:#fff0d7;padding:.65rem;font-size:.77rem;color:#7d4c20;border-radius:3px}.crew-briefing details{margin-top:.8rem;border-top:1px solid var(--line);padding-top:.6rem}.crew-briefing summary{font-size:.76rem;cursor:pointer}.facts{font-size:.73rem;overflow-wrap:anywhere;color:var(--muted);padding-top:.7rem}.learning{display:grid;grid-template-columns:1fr 1.55fr;gap:2.5rem;padding:2rem;background:#e8edde;border:1px solid #d2dac6;border-radius:6px;margin:2rem 0}.learning>div>p{font-size:.87rem;max-width:28rem}.learning-progress{display:flex;gap:.4rem;margin-top:1rem}.learning-step{width:30px;height:30px;display:grid;place-items:center;border:1px solid #b7c5b1;border-radius:50%;font-size:.75rem}.learning-step.done{background:var(--teal);color:white;border-color:var(--teal)}.learning-card{background:var(--card);padding:1.3rem;border-radius:4px;border:1px solid var(--line);font-size:.9rem}.learning-options{display:grid;gap:.5rem;margin-top:1rem}.learning-option{text-align:left;font-size:.84rem}.feedback{padding:.8rem;border-left:3px solid var(--teal);background:#eef5e8;margin-top:1rem;font-size:.83rem}.feedback.incorrect{border-color:var(--amber);background:#fff1dc}.shift-log{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:1rem 0;font-size:.85rem}.shift-log summary{cursor:pointer;font-weight:600}.shift-log summary span{font-weight:400;color:var(--muted);font-size:.75rem}.log-entry{display:grid;grid-template-columns:70px 1fr;gap:1rem;padding:.65rem 0;border-bottom:1px solid var(--line);font-size:.78rem}.log-entry .stamp{color:var(--muted)}.save-tools{display:flex;gap:.7rem;flex-wrap:wrap;align-items:center;padding-top:1rem}.file-button{display:inline-block;border:1px solid var(--line);border-radius:5px;padding:.5rem .7rem;cursor:pointer;font-size:.8rem;background:var(--card)}.file-button input{display:block;font-size:.73rem;max-width:220px;margin-top:.3rem}.understanding{display:grid;grid-template-columns:1.1fr 1fr;gap:3rem;margin:3rem 0;font-size:.9rem}.model-boundary{border-left:1px solid var(--line);padding-left:2rem;color:var(--muted);font-size:.83rem}.understanding h2{max-width:26rem}footer{max-width:1280px;margin:auto;padding:1.5rem;display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:space-between;border-top:1px solid var(--line);font-size:.75rem;color:var(--muted)}[hidden]{display:none!important}.working-glow{animation:glow 1.3s ease-in-out infinite}@keyframes glow{50%{opacity:.4}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(max-width:1050px){.intro{gap:2rem}.site-grid{grid-template-columns:220px 1fr}.dispatch-grid{grid-template-columns:1fr 260px}.work-cards{grid-template-columns:repeat(2,1fr)}.mission-picker{gap:.6rem}.mission-choice{padding:.85rem;gap:.6rem}.learning{gap:1.5rem;padding:1.5rem}}
@media(max-width:760px){main{padding:2rem 1rem 0}.site-nav{gap:.7rem 1rem;padding:1rem;font-size:.75rem}.site-nav a:last-child{margin-left:0}.intro{grid-template-columns:1fr;gap:1.1rem;margin-bottom:1.5rem}h1{font-size:3.7rem}.intro-copy{max-width:none}.mission-picker{grid-template-columns:1fr;gap:.5rem;margin-bottom:1.8rem}.mission-choice{grid-template-columns:32px 1fr;padding:.7rem 1rem}.mission-choice strong{margin:0}.mission-number{font-size:1.45rem}.shift-heading{align-items:flex-start;flex-direction:column}.utility{width:100%}.utility button{flex:1;padding:.55rem .25rem}.hud{grid-template-columns:1fr 1fr}.stat{padding:.7rem .8rem}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid var(--line)}.site-grid{grid-template-columns:1fr}.brief-card{border-right:0;border-bottom:1px solid var(--line);padding:1rem}.brief-card h3{margin-top:.8rem}.brief-card #obligations{display:grid;grid-template-columns:1fr 1fr;column-gap:1rem}.brief-card .small{font-size:.77rem}.semantic-key{margin:.9rem 0 .4rem}.site-right{padding:.8rem}.world-head{font-size:.57rem;padding:.8rem .7rem 0}.world-caption{font-size:.7rem;padding:.5rem .7rem .7rem}.dispatch-grid{grid-template-columns:1fr}.crew-briefing{position:static;grid-row:1;padding:1rem}.work-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.work-card{min-height:118px;padding:.75rem}.section-heading{align-items:flex-start;flex-direction:column;gap:.2rem}.event-choices{grid-template-columns:1fr}.learning{grid-template-columns:1fr;padding:1rem;gap:1rem}.learning-card{padding:1rem}.understanding{grid-template-columns:1fr;gap:1.5rem;margin:2rem 0}.model-boundary{border-left:0;border-top:1px solid var(--line);padding:1.25rem 0 0}.log-entry{grid-template-columns:50px 1fr;gap:.7rem}.save-tools{align-items:stretch;flex-direction:column}.save-tools button,.file-button{width:100%}.work-clock button{padding:.4rem;font-size:.75rem}footer{font-size:.72rem;gap:.7rem 1.5rem}.shift-event{padding:.9rem}}
.method-picker{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center;margin:1rem 0}.method-picker button{font-size:.8rem}.method-picker button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.method-picker .small{flex-basis:100%;font-size:.72rem}.crew-briefing .facts p{margin-bottom:.6rem}.feedback p{margin:.55rem 0 0}
.mission-choice[aria-pressed=true]:hover{background:var(--ink);color:white}.question-ready{display:inline-block;font-weight:600;margin:.2rem 0}.feedback button{margin-top:.75rem}

/* Keep the active job and required decisions at the work controls. */
.action-desk{min-width:0}.action-desk .crew-briefing{position:static}.action-desk .work-clock{background:var(--card);padding:.8rem;border:1px solid var(--line);border-radius:4px}.action-desk .event-choices{display:grid;grid-template-columns:1fr}.action-desk .outcome{margin-bottom:1rem}.action-desk [id]{scroll-margin-top:1rem}.crew-briefing[hidden]{display:none}
@media(max-width:760px){.action-desk{grid-row:1}.action-desk .crew-briefing{grid-row:auto}}

/* One decision at a time; supporting information stays available in dialogs. */
html{scroll-behavior:auto}.play-nav{max-width:760px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:.6rem 1rem;gap:.6rem;font-size:.8rem}.play-nav>span{font-weight:700}.play-shell{max-width:680px;padding:.5rem 1rem}.play-heading{margin-bottom:.7rem}.play-heading h1{font:600 1.5rem/1.2 'DM Sans',sans-serif;letter-spacing:-.03em;margin-bottom:.3rem}.play-heading .eyebrow{margin-bottom:.2rem}.hud{grid-template-columns:repeat(3,1fr);border-radius:6px;margin-bottom:.75rem}.stat{padding:.45rem .65rem}.stat:nth-child(2){border-right:1px solid var(--line)}.stat:nth-child(-n+2){border-bottom:0}.stat:nth-child(3){border-right:0}.stat:last-child{display:none}.stat-label{font-size:.6rem;letter-spacing:.02em}.stat-value{font:600 1rem/1.2 'DM Sans',sans-serif;margin:.2rem 0}.stat-note{display:none}.play-stage{border:1px solid var(--line);border-radius:10px;background:var(--card);padding:1rem;box-shadow:0 6px 22px #19313b08}.stage-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem;gap:.5rem}.stage-heading .eyebrow{margin:0}.stage-heading .quiet{padding:.3rem .5rem}.play-stage .notice{font-size:.75rem;padding:0 0 .5rem}.play-stage .crew-briefing{border:0;padding:0;background:none;position:static}.crew-briefing h2{font-size:1.5rem;margin-bottom:.3rem}.crew-briefing .primary{margin-top:.6rem;min-height:46px}.crew-briefing .alternative{width:100%;margin-top:.45rem;background:transparent;font-size:.85rem}.crew-briefing details{font-size:.85rem}.crew-briefing details p{margin-top:.5rem}.crew-briefing summary{font-size:.8rem}.play-stage .learning{display:block;margin:0;padding:0;border:0;background:none}.learning-progress{display:none}.learning-card{border:0;background:none;padding:0;font-size:.85rem}.learning-card h3{font-size:1.15rem}.learning-card .eyebrow{display:none}.learning-options{margin-top:.6rem}.learning-option{min-height:44px;font-size:.85rem}.learning-card>.quiet{margin-top:.7rem}.feedback{margin:0;padding:.7rem;font-size:.85rem}.feedback details{margin-top:.7rem}.feedback .primary{width:100%;min-height:44px}.action-desk .work-clock{border:0;padding:0;margin:0;background:none}.work-clock .clock-label{flex-basis:100%;font-size:1rem}.clock-track{height:9px;margin:.7rem 0}.action-desk .shift-event{margin:0;padding:0;background:none;border:0;font-size:.85rem}.shift-event .eyebrow{display:none}.shift-event h3{font-size:1.2rem}.event-choice{padding:.65rem;gap:.2rem}.event-choice .small{display:none}.action-desk .outcome{margin:0;padding:.8rem}.outcome-actions{gap:.5rem}.outcome-actions button{min-height:44px}.support-tools{display:flex;justify-content:center;gap:.5rem;margin:.6rem 0;flex-wrap:wrap}.support-tools button{background:transparent;font-size:.75rem}footer{max-width:680px;padding:.6rem 1rem;font-size:.72rem;gap:.4rem}dialog{width:min(720px,calc(100% - 24px));max-height:90dvh;border:1px solid var(--line);border-radius:12px;padding:1.2rem;color:var(--ink);background:var(--paper);overflow-y:auto}dialog::backdrop{background:#19313b88}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;position:sticky;top:-1.2rem;background:var(--paper);padding:.5rem 0;z-index:1}.dialog-top h2{font-size:1.1rem;margin:0}.dialog-top button{font-size:.8rem}dialog .dispatch{margin:.7rem 0}dialog .dispatch-grid{display:block}dialog .mission-picker{grid-template-columns:1fr;gap:.5rem;margin:1rem 0}dialog .work-cards{grid-template-columns:repeat(2,minmax(0,1fr))}dialog .world{margin:.7rem 0}dialog .understanding{display:block;margin:1.2rem 0}dialog .model-boundary{padding:1rem 0;border-left:0}dialog .shift-log{margin-top:1rem}dialog .event-reasons{margin:.6rem 0}button,summary,a{touch-action:manipulation}@media(max-width:400px){.play-nav{font-size:.7rem}.play-nav .quiet{font-size:.7rem;padding:.4rem}.play-shell{padding:.25rem .65rem}.play-stage{padding:.8rem}.play-heading h1{font-size:1.3rem}.support-tools{gap:.2rem}.stat-label{font-size:.54rem}.play-nav>span{max-width:90px}.crew-briefing h2{font-size:1.3rem}}

.teaching-step{font-size:.88rem}.teaching-step h2{font-size:1.3rem}.teaching-step .primary{width:100%;margin:.6rem 0;min-height:44px}.teaching-step details{margin-top:.5rem;font-size:.8rem}.teaching-step pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#edf1e9;padding:.6rem;font-size:.72rem}.bridge{margin:.5rem 0}.bridge dt{font-size:.73rem;font-weight:700;color:var(--teal);margin-top:.65rem}.bridge dd{margin:0;font-size:.82rem}.teaching-step .learning-option{font-size:.8rem}#try-prediction{margin-top:.8rem} .support-tools{gap:.25rem}.support-tools button{padding:.4rem .5rem}