.operator-page{--op-bg:#0c1512;--op-deep:#07100d;--op-panel:#16221d;--op-panel-2:#1d2d26;--op-panel-3:#26382f;--op-ink:#f5f1e8;--op-muted:#b7c5be;--op-faint:#7f958a;--op-copper:#df934c;--op-copper-light:#f0bb80;--op-green:#78b79a;--op-red:#ee7468;--op-road:#343b35;background:var(--op-bg);color:var(--op-ink)}.operator-page .site-main{background:var(--op-bg)}.operator-page .site-header{background:#07100df7;border-color:#26382f}.operator-page .brand,.operator-page .site-nav a{color:var(--op-ink)}.operator-page .site-nav a:not(.nav-cta):hover,.operator-page .site-nav a:not(.nav-cta)[aria-current=page]{background:var(--op-panel-2);color:#fff;border-color:#0000}.operator-page .site-nav .nav-cta{background:var(--op-copper);border-color:var(--op-copper);color:var(--op-deep)}.operator-page .theme-toggle{display:none}.operator-page .site-footer{background:var(--op-deep);color:var(--op-muted);border-color:#26382f}.operator-page .site-footer a{color:var(--op-ink)}.operator-page button,.operator-page .button{box-shadow:none;border:0;border-radius:3px;transition:background-color .14s,color .14s,opacity .14s;transform:none}.operator-page button:hover,.operator-page .button:hover{background:var(--op-copper-light);transform:none}.operator-page button:active,.operator-page .button:active{box-shadow:none;transform:none}.operator-page button:focus-visible,.operator-page input:focus-visible,.operator-page a:focus-visible{outline:3px solid var(--op-copper-light);outline-offset:3px}.operator-page button:disabled{cursor:not-allowed;opacity:.48}.operator-game{width:100%;max-width:1640px;min-height:calc(100vh - 4.25rem);margin:0 auto;padding:clamp(.9rem,2vw,1.75rem)}.operator-command{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:2rem;margin-bottom:1rem;display:grid}.operator-title p{color:var(--op-copper-light);margin:0 0 .25rem;font-size:.78rem;font-weight:800}.operator-title h1{color:var(--op-ink);letter-spacing:.015em;text-transform:uppercase;max-width:none;margin:0;font-family:Arial Black,Helvetica Neue,Arial,sans-serif;font-size:clamp(2.75rem,6vw,6.5rem);line-height:.88}.operator-title>span{color:var(--op-muted);margin-top:.65rem;font-size:1rem;display:block}.operator-shift{justify-content:end;align-items:end;gap:clamp(1.25rem,3vw,2.75rem);padding-bottom:.2rem;display:flex}.operator-shift>div{gap:.15rem;display:grid}.operator-shift span,.operator-metrics span,.operator-section-title>span,.mission-console-head>div>span,.mission-urgency span,.dispatcher-strip span,.service-command span,.closeout-ledger span,.mission-complete>div>span,.loadout-readiness span{color:var(--op-faint);font-size:.72rem;font-weight:800}.operator-shift strong{color:var(--op-ink);font-size:.96rem}.operator-reset{color:var(--op-muted);background:0 0;min-height:2.75rem;padding:.45rem .2rem}.operator-reset:hover{color:var(--op-ink);background:0 0!important}.operator-metrics{background:var(--op-deep);grid-template-columns:repeat(4,1fr);gap:2px;margin-bottom:.75rem;display:grid}.operator-metrics>div{background:var(--op-panel);justify-content:space-between;min-height:3.5rem;padding:.85rem 1rem;display:flex}.operator-metrics strong{color:var(--op-ink);font-size:1.08rem}.operator-workspace{grid-template-columns:268px minmax(560px,1fr) 294px;gap:.75rem;display:grid}.mission-board,.operator-rail,.mission-console{background:var(--op-panel)}.mission-board,.operator-rail{align-self:start;min-width:0;padding:1rem}.operator-section-title{margin-bottom:.85rem}.operator-section-title h2{color:var(--op-ink);margin:.15rem 0 0;font-size:1.08rem;line-height:1.15}.mission-list{gap:.55rem;display:grid}.mission-ticket{background:var(--op-panel-2);clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,0 100%);color:var(--op-ink);text-align:left;grid-template-columns:auto minmax(0,1fr) auto;gap:.15rem .7rem;width:100%;min-height:6.65rem;padding:.85rem 1.65rem .85rem .85rem;display:grid}.mission-ticket:hover{background:var(--op-panel-3)!important}.mission-ticket.is-active,.mission-ticket[aria-pressed=true]{background:var(--op-copper);color:var(--op-deep)}.mission-ticket.is-active:hover,.mission-ticket[aria-pressed=true]:hover{background:var(--op-copper-light)!important}.mission-ticket.is-complete{color:#e7fff2;background:#274337}.mission-ticket-time,.mission-ticket-value,.mission-ticket-status{font-size:.72rem;font-weight:900}.mission-ticket-main{gap:.18rem;min-width:0;display:grid}.mission-ticket-main strong{font-size:.95rem;line-height:1.12}.mission-ticket-main small{color:currentColor;opacity:.78;overflow-wrap:anywhere;font-size:.74rem}.mission-ticket-value{justify-self:end}.mission-ticket-status{opacity:.72;grid-column:2/4}.mission-board-note{background:var(--op-deep);color:var(--op-muted);margin-top:1rem;padding:.95rem}.mission-board-note strong{color:var(--op-green);font-size:.78rem}.mission-board-note p{margin:.3rem 0 0;font-size:.76rem;line-height:1.45}.operator-center{gap:.75rem;min-width:0;display:grid}.district-scene{clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%);background:#d9c6a3;min-width:0;margin:0}.district-scene svg{width:100%;height:auto;max-height:410px;display:block}.district-scene figcaption{color:var(--op-ink);background:#202d27;justify-content:space-between;align-items:center;min-height:2.65rem;padding:.55rem 1rem;display:flex}.district-scene figcaption span{color:var(--op-copper-light);font-size:.78rem;font-weight:800}.district-scene figcaption strong{font-size:.84rem}.district-sky{fill:#c7d7c9}.district-sun{fill:#e4a45e}.district-horizon{fill:#8da48f}.district-road{fill:var(--op-road)}.road-mark{fill:none;stroke:#e6d8b9;stroke-width:4px}.building-shell,.service-depot path{fill:#e7dfcd;stroke:#26382f;stroke-width:4px}.building-roof{fill:#895d43;stroke:#26382f;stroke-width:4px}.building-window{fill:#8eb6b1;stroke:#26382f;stroke-width:3px}.building-door{fill:#bf8053;stroke:#26382f;stroke-width:3px}.district-building text,.service-depot text{fill:#26382f;text-anchor:middle;font-family:Arial Black,Arial,sans-serif;font-size:15px}.district-building[data-map-site=cafe] text{fill:#fff4df}.site-marker{fill:none;opacity:0;stroke:#cb612d;stroke-linecap:round;stroke-width:8px}.district-building.is-active .site-marker{opacity:1}.district-building.is-active .building-shell{fill:#f1d4a8}.sewer-main,.service-line{fill:none;stroke:#334b42;stroke-linecap:round;stroke-linejoin:round}.sewer-main{stroke-width:42px}.service-line{stroke-width:20px}.sewer-flow{fill:none;stroke:#79b59b;stroke-dasharray:22 14;stroke-linecap:round;stroke-width:11px;animation:2.4s linear infinite operator-flow}.sewer-access{fill:#df934c;stroke:#26382f;stroke-width:4px}.service-van{transform-box:fill-box;transform-origin:50%;transition:transform 1.05s cubic-bezier(.25,.8,.25,1);transform:translate(0)}.operator-game[data-stage=service] .service-van,.operator-game[data-stage=closeout] .service-van,.operator-game[data-stage=complete] .service-van{transform:translateX(var(--van-route))}.van-body{fill:#df934c;stroke:#13201a;stroke-width:4px}.van-window{fill:#b8d3cb;stroke:#13201a;stroke-width:3px}.van-mark{fill:#f4ead6}.van-pipe{fill:none;stroke:#173028;stroke-width:3px}.van-wheel{fill:#15231d;stroke:#d7c9ae;stroke-width:3px}.field-tech{fill:#df934c;opacity:0;transition:opacity .18s .9s,transform 1.05s cubic-bezier(.25,.8,.25,1);transform:translate(0)}.field-tech path:last-child{fill:none;stroke:#13201a;stroke-linecap:round;stroke-width:4px}.operator-game[data-stage=service] .field-tech,.operator-game[data-stage=closeout] .field-tech{opacity:1;transform:translateX(var(--van-route))}.mission-console{min-height:510px;padding:clamp(1rem,2vw,1.45rem)}.mission-console-head{justify-content:space-between;align-items:start;gap:1.5rem;display:flex}.mission-console-head h2{color:var(--op-ink);margin:.22rem 0 0;font-size:clamp(1.7rem,3vw,2.8rem);line-height:1}.mission-urgency{text-align:right}.mission-urgency strong{color:var(--op-copper-light);margin-top:.15rem;font-size:.92rem;display:block}.mission-briefing{color:var(--op-muted);max-width:68rem;margin:.8rem 0 1rem;line-height:1.5}.mission-progress{background:var(--op-deep);grid-template-columns:repeat(4,1fr);gap:2px;margin:0 0 1rem;padding:0;list-style:none;display:grid}.mission-progress li{background:var(--op-panel-2);color:var(--op-faint);text-align:center;padding:.65rem .8rem;font-size:.74rem;font-weight:850}.mission-progress li.is-past{color:#d9f2e5;background:#294438}.mission-progress li[aria-current=true],.mission-progress li[aria-current=step]{background:var(--op-copper);color:var(--op-deep)}.dispatch-grid{grid-template-columns:minmax(240px,.72fr) minmax(310px,1.28fr);gap:1.25rem;display:grid}.crew-selector,.gear-selector{border:0;min-width:0;margin:0;padding:0}.crew-selector legend,.gear-selector legend{color:var(--op-ink);margin-bottom:.65rem;font-size:.84rem;font-weight:850}.crew-option,.gear-option{background:var(--op-panel-2);color:var(--op-ink);cursor:pointer;min-height:4.25rem;position:relative}.crew-option{grid-template-columns:42px 1fr;align-items:center;gap:.65rem;margin-bottom:.45rem;padding:.65rem .8rem;display:grid}.crew-option:hover,.gear-option:hover{background:var(--op-panel-3)}.crew-option:has(input:checked),.gear-option:has(input:checked){color:#f4fff8;background:#315342}.crew-option input,.gear-option input{opacity:0;position:absolute;inset:0}.crew-option:has(input:focus-visible),.gear-option:has(input:focus-visible){outline:3px solid var(--op-copper-light);outline-offset:2px}.crew-option svg{fill:none;height:40px;stroke:var(--op-copper-light);stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2px;width:40px}.crew-option .crew-shoulders{fill:color-mix(in srgb, var(--op-copper) 26%, transparent)}.crew-option span,.gear-option>span:last-child{gap:.12rem;display:grid}.crew-option strong,.gear-option strong{font-size:.82rem}.crew-option small,.gear-option small{color:var(--op-muted);font-size:.68rem;line-height:1.28}.crew-option:has(input:checked) small,.gear-option:has(input:checked) small{color:#d1e7db}.gear-grid{grid-template-columns:repeat(3,1fr);gap:.45rem;display:grid}.gear-option{align-content:start;gap:.45rem;min-height:7.5rem;padding:.7rem;display:grid}.gear-drawing svg{fill:none;height:34px;stroke:var(--op-copper-light);stroke-linecap:round;stroke-linejoin:round;stroke-width:2.1px;width:46px}.dispatcher-strip{background:var(--op-deep);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:1rem;margin-top:1rem;padding:.85rem;display:grid}.dispatcher-strip p{color:var(--op-muted);margin:.2rem 0 0;font-size:.78rem;line-height:1.4}.loadout-readiness{min-width:132px}.loadout-readiness strong{color:var(--op-green);margin-top:.15rem;font-size:.8rem;display:block}.dispatcher-strip button,.close-job-button,[data-next-mission]{background:var(--op-copper);color:var(--op-deep);min-height:3rem;padding-inline:1rem}.service-command{background:var(--op-deep);justify-content:space-between;gap:1rem;margin-bottom:.75rem;padding:.8rem .9rem;display:flex}.service-command strong{color:var(--op-ink);margin-top:.18rem;font-size:.88rem;display:block}.service-command>div:last-child{text-align:right}.service-action-grid{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.service-action{background:var(--op-panel-2);color:var(--op-ink);text-align:left;align-content:start;justify-items:start;gap:.18rem;min-height:7.5rem;padding:.8rem;display:grid}.service-action:hover{background:var(--op-panel-3)!important}.service-action>span{color:var(--op-copper-light);font-size:.68rem;font-weight:900}.service-action strong{font-size:.84rem}.service-action small{color:var(--op-muted);font-size:.69rem;line-height:1.34}.service-action.is-complete{color:#effff6;opacity:1;background:#315342}.service-action.is-complete>span:after{content:" · done"}.service-action.is-wrong{color:#fff2ec;opacity:1;background:#51322b}.service-action.is-wrong>span:after{content:" · reset"}.service-feedback{color:var(--op-muted);min-height:1.3rem;margin:.9rem 0 0;font-size:.8rem}.closeout-ledger{background:var(--op-deep);grid-template-columns:repeat(4,1fr);gap:2px;display:grid}.closeout-ledger>div{background:var(--op-panel-2);gap:.18rem;min-height:4.4rem;padding:.8rem;display:grid}.closeout-ledger strong{color:var(--op-ink);font-size:1.1rem}.closeout-actions{grid-template-columns:repeat(3,1fr);gap:.55rem;margin-top:.85rem;display:grid}.closeout-actions button{background:var(--op-panel-2);color:var(--op-ink);text-align:left;align-content:start;justify-items:start;gap:.2rem;min-height:6.6rem;padding:.8rem;display:grid}.closeout-actions button:hover{background:var(--op-panel-3)!important}.closeout-actions button span{color:var(--op-copper-light);font-size:.72rem;font-weight:900}.closeout-actions button small{color:var(--op-muted);font-size:.7rem}.closeout-actions button.is-complete{color:#f0fff7;opacity:1;background:#315342}.closeout-actions button.is-complete span:after{content:" · done"}.close-job-button,[data-next-mission]{width:100%;margin-top:.85rem}.mission-complete{background:var(--op-deep);grid-template-columns:150px minmax(0,1fr);align-items:center;gap:clamp(1.25rem,4vw,3rem);min-height:240px;padding:clamp(1rem,3vw,2rem);display:grid}.grade-mark{aspect-ratio:1;background:var(--op-copper);clip-path:polygon(0 0,78% 0,100% 22%,100% 100%,22% 100%,0 78%);color:var(--op-deep);align-content:center;justify-items:center;padding:1rem;display:grid}.grade-mark span{align-self:end;color:var(--op-deep)!important}.grade-mark strong{align-self:start;font-family:Arial Black,Arial,sans-serif;font-size:4.4rem;line-height:.95}.mission-complete h3{color:var(--op-ink);margin:.25rem 0 .65rem;font-size:clamp(1.8rem,4vw,3rem);line-height:1}.mission-complete p{color:var(--op-muted);margin:0}.mission-complete dl{flex-wrap:wrap;gap:1.5rem;margin:1rem 0 0;display:flex}.mission-complete dl div{gap:.1rem;display:grid}.mission-complete dt{color:var(--op-faint);font-size:.7rem}.mission-complete dd{color:var(--op-ink);margin:0;font-size:1.05rem;font-weight:850}.operator-rail{gap:.7rem;display:grid}.operator-rail>section{background:var(--op-panel-2);padding:.85rem}.crew-board{gap:.6rem;display:grid}.crew-board-row{gap:.45rem;padding:.25rem 0;display:grid}.crew-board-row.is-assigned strong:after{color:var(--op-green);content:" · assigned";font-size:.7rem}.crew-board-row>div:first-child,.fatigue-meter,.equipment-log>div{justify-content:space-between;gap:.65rem;display:flex}.crew-board-row strong,.equipment-log dt{color:var(--op-ink);font-size:.76rem}.crew-board-row span,.equipment-log dd{color:var(--op-muted);text-align:right;margin:0;font-size:.68rem}.fatigue-meter{align-items:center}.fatigue-meter meter{accent-color:var(--op-copper);width:62%;max-width:120px;height:.55rem}.fatigue-meter meter::-webkit-meter-bar{background:var(--op-deep);border:0;border-radius:0;height:.45rem}.fatigue-meter meter::-webkit-meter-optimum-value{background:var(--op-copper)}.equipment-log{gap:.55rem;margin:0;display:grid}.equipment-log>div{align-items:baseline}.dispatch-feed ol{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.dispatch-feed li{color:var(--op-muted);font-size:.7rem;line-height:1.42}.dispatch-feed li:first-child{color:var(--op-ink)}.operator-boundary{color:var(--op-ink);background:#12201a;justify-content:space-between;align-items:center;gap:2rem;max-width:1640px;margin:0 auto;padding:1.4rem clamp(1.25rem,4vw,3rem);display:flex}.operator-boundary strong{color:var(--op-copper-light)}.operator-boundary p{color:var(--op-muted);max-width:60rem;margin:.25rem 0 0;font-size:.82rem}.operator-boundary a{color:var(--op-ink);flex:none;font-weight:800}.operator-reset-dialog{background:var(--op-panel);color:var(--op-ink);border:0;border-radius:3px;width:calc(100% - 2rem);max-width:31rem;padding:0}.operator-reset-dialog::backdrop{background:#030806c7}.operator-reset-dialog form{padding:1.4rem}.operator-reset-dialog h2{color:var(--op-ink);margin-top:0}.operator-reset-dialog p{color:var(--op-muted)}.operator-reset-dialog form>div{justify-content:flex-end;gap:.65rem;margin-top:1.25rem;display:flex}.operator-reset-dialog button.secondary{background:var(--op-panel-3);color:var(--op-ink)}@keyframes operator-flow{to{stroke-dashoffset:-72px}}@media (width<=1240px){.operator-workspace{grid-template-columns:245px minmax(520px,1fr)}.operator-rail{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}}@media (width<=920px){.operator-command{grid-template-columns:1fr;align-items:start}.operator-shift{justify-content:start}.operator-workspace{grid-template-columns:1fr}.mission-list{scroll-snap-type:x proximity;grid-auto-columns:minmax(230px,42vw);grid-auto-flow:column;padding-bottom:.35rem;overflow-x:auto}.mission-ticket{scroll-snap-align:start}.mission-board-note{display:none}.operator-rail{grid-column:auto}}@media (width<=760px){.operator-metrics{grid-template-columns:repeat(2,1fr)}.operator-rail,.dispatch-grid{grid-template-columns:1fr}.dispatcher-strip{grid-template-columns:1fr 1fr;align-items:stretch}.dispatcher-strip>div:first-child{grid-column:1/-1}.gear-grid,.service-action-grid,.closeout-ledger,.closeout-actions{grid-template-columns:repeat(2,1fr)}.closeout-actions button:last-child{grid-column:1/-1}}@media (width<=520px){.operator-game{padding:.75rem}.operator-title h1{font-size:clamp(2.25rem,14vw,3.5rem);line-height:.92}.operator-shift{grid-template-columns:1fr 1fr;align-items:start;gap:.7rem 1.4rem;display:grid}.operator-reset{grid-column:1/-1;justify-content:start}.operator-metrics>div{min-height:3.9rem;display:grid}.mission-list{grid-auto-columns:minmax(230px,82vw)}.district-scene svg{min-height:210px}.district-scene figcaption{align-items:start;gap:.15rem;display:grid}.mission-console{min-height:0;padding:.85rem}.mission-console-head{gap:.75rem}.mission-console-head h2{font-size:1.65rem}.mission-progress li{padding-inline:.25rem;font-size:.65rem}.gear-grid,.service-action-grid,.closeout-ledger,.closeout-actions{grid-template-columns:1fr}.gear-option{grid-template-columns:52px 1fr;align-items:center;min-height:4.7rem}.service-action{min-height:5.8rem}.dispatcher-strip{grid-template-columns:1fr}.dispatcher-strip>div:first-child{grid-column:auto}.dispatcher-strip button{width:100%}.closeout-actions button:last-child{grid-column:auto}.mission-complete{grid-template-columns:1fr}.grade-mark{width:130px}.operator-boundary{flex-direction:column;align-items:start}.operator-reset-dialog form>div{flex-direction:column-reverse}.operator-reset-dialog button{width:100%}}@media (prefers-reduced-motion:reduce){.service-van,.field-tech{transition:none}.sewer-flow{animation:none}}
