:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ground:#151b20;--panel:#202a30;--panel-dark:#171f24;--raised:#2a373d;--edge:#3e5057;--ink:#f1ead7;--muted:#becac5;--yellow:#efc678;--mint:#a9dfbb;--danger:#ff9f88;--mono:ui-monospace, SFMono-Regular, Consolas, monospace;background:var(--ground);color:var(--ink);font:15px/1.45 system-ui,sans-serif}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}body{background:radial-gradient(ellipse at 20% 0%, #344346 0, transparent 47rem), var(--ground);margin:0}h1,h2,p,dl,dd{margin:0}a{color:var(--yellow)}button{font:inherit}button:focus-visible,a:focus-visible,canvas:focus-visible,h2:focus-visible{outline:2px solid var(--mint);outline-offset:3px}.shell{width:min(1180px,100% - 40px);margin:auto;padding-bottom:32px}.masthead{padding:12px 0 19px}.mast-actions{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.back{align-items:center;min-height:44px;font-weight:680;text-decoration:none;display:inline-flex}.back:hover{text-decoration:underline}.kicker{color:var(--yellow);font:750 .72rem/1.2 var(--mono);letter-spacing:.09em;align-items:center;gap:.55em;display:flex}.kicker span{background:currentColor;width:1rem;height:1px}h1{letter-spacing:-.075em;width:fit-content;margin:.1em 0;font:900 clamp(2.55rem,7vw,4.6rem)/.96 system-ui,sans-serif}.subtitle{color:var(--muted)}h2{letter-spacing:-.03em;font-size:1.24rem}.layout{grid-template-columns:minmax(0,1fr) minmax(260px,.38fr);align-items:start;gap:12px;display:grid}.field,.orders section{border:1px solid var(--edge);background:var(--panel);box-shadow:0 14px 28px #11181c40}.field{min-width:0}.field-head,.field-footer,.control-footer{justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;display:flex}.field-head{border-bottom:1px solid var(--edge)}.phase{color:var(--yellow);font:750 .68rem/1.2 var(--mono);letter-spacing:.06em;text-align:right;text-transform:uppercase}.readouts{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.readouts>div{min-width:0;padding:8px 12px}.readouts>div+div{border-inline-start:1px solid var(--edge)}.readouts dt,.field-footer{color:var(--muted);font:700 .68rem/1.25 var(--mono)}.readouts dd{color:var(--accent,var(--ink));font:780 .95rem/1.5 var(--mono);white-space:nowrap}.home{--accent:var(--yellow)}.engineer,.route{--accent:var(--mint)}.readouts [data-critical]{--accent:var(--danger)}.readouts meter,.readouts progress{background:var(--panel-dark);appearance:none;border:0;border-radius:2px;width:100%;height:5px;display:block}meter::-webkit-meter-bar{background:var(--panel-dark);border:0;border-radius:2px}progress::-webkit-progress-bar{background:var(--panel-dark);border-radius:2px}meter::-webkit-meter-optimum-value{background:var(--accent);border-radius:2px}progress::-webkit-progress-value{background:var(--accent);border-radius:2px}meter::-moz-meter-bar{background:var(--accent);border-radius:2px}progress::-moz-progress-bar{background:var(--accent);border-radius:2px}.signal{background:var(--panel-dark);border-block:1px solid var(--edge);min-height:45px;color:var(--muted);align-items:center;gap:9px;padding:6px 12px;font-size:.8rem;display:flex}.signal-lamp{border:1px solid;border-radius:50%;flex:none;width:.55rem;height:.55rem}.signal[data-urgent]{color:var(--danger)}.signal[data-urgent] .signal-lamp{background:currentColor;box-shadow:0 0 12px}#field{aspect-ratio:960/430;touch-action:none;background:#344248;width:100%;height:auto;display:block}[data-phase=active] #field{cursor:crosshair}.field-footer{background:var(--panel-dark);flex-wrap:wrap}.field-footer strong{color:var(--ink)}.control-footer{border-top:1px solid var(--edge);color:var(--muted);font-size:.78rem}kbd{color:var(--yellow);font:700 .75em var(--mono);padding:1px 3px}.status{min-height:34px;color:var(--muted);padding:6px 12px 9px;font-size:.8rem}.touch{gap:5px;padding:8px;display:none}.touch button{touch-action:none;-webkit-user-select:none;user-select:none}.touch button[data-held]{border-color:var(--mint);color:var(--mint);box-shadow:inset 0 -3px var(--mint)}.touch .fire{color:var(--yellow)}.orders{gap:10px;min-width:0;display:grid}.orders section{gap:7px;padding:12px;display:grid}.section-title{justify-content:space-between;align-items:baseline;gap:6px;display:flex}.credits{color:var(--muted);white-space:nowrap;font-size:.76rem}.credits strong{color:var(--yellow);font:790 1.12rem var(--mono)}.detail{color:var(--muted);font-size:.8rem}.sites{gap:7px;display:grid}.site{border:1px solid var(--edge);min-width:0;margin:0;padding:6px}.site legend{padding-inline:4px;font-weight:760}.site-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;display:grid}.site-options button{padding-inline:4px}.site-options small{color:var(--yellow);font:700 .68rem var(--mono);display:block}.installed{color:var(--mint);margin:3px 0;padding-inline:4px;font-size:.8rem}.quiet,.site-options button,.touch button,.primary{border:1px solid var(--edge);background:var(--raised);min-height:44px;color:var(--ink);cursor:pointer;border-radius:3px;padding:5px 9px;font-size:.84rem;font-weight:720}button:hover:enabled{border-color:var(--yellow)}button:disabled{cursor:default;opacity:.55}.primary{background:var(--yellow);border-color:var(--yellow);color:#211d18;justify-content:space-between;align-items:center;display:flex}.primary:hover:enabled{background:#ffdfa0}.packets{gap:7px;margin:1px 0;padding:0;list-style:none;display:grid}.packets li{border-inline-start:2px solid var(--yellow);background:var(--panel-dark);padding:7px 8px;font-size:.8rem}.packets strong{color:var(--ink)}.packets p,.report{color:var(--muted)}.packet-time{color:var(--yellow);font:720 .72rem var(--mono);margin-right:6px}#debrief{border-top:3px solid var(--mint)}[data-phase=lost] #debrief{border-top-color:var(--danger)}@media (width<=770px){.shell{width:calc(100% - 24px)}.layout{grid-template-columns:minmax(0,1fr)}}@media (pointer:coarse),(width<=640px){.touch{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}}@media (width<=430px){.masthead{padding-top:4px;padding-bottom:11px}.mast-actions{margin-bottom:3px}.subtitle{font-size:.83rem}.readouts>div{padding-inline:6px}.readouts dt{font-size:.6rem}.readouts dd{font-size:.78rem}.field-footer{padding-inline:7px;font-size:.61rem}.control-footer{align-items:start;padding-inline:7px}}
