@font-face{font-family:Manrope;src:url("assets/fonts/manrope-variable.woff") format("woff");font-weight:200 800;font-display:swap}
@font-face{font-family:Oswald;src:url("assets/fonts/oswald-variable.woff") format("woff");font-weight:200 700;font-display:swap}
:root{color-scheme:dark;--ink:#eeeee4;--muted:#b6bbb2;--brass:#e4b57d;--line:#434a44;--slab:#171e1c;--mono:Consolas,"Courier New",monospace}
*{box-sizing:border-box}
body{margin:0;background:#101513;color:var(--ink);font:16px/1.6 Manrope,Arial,sans-serif}
button,select{font:inherit;color:inherit}
button,select,summary,a{touch-action:manipulation}
button,select{min-height:44px;border:1px solid #677068;background:#202825;border-radius:2px;padding:6px 14px;cursor:pointer}
button:hover:not(:disabled),select:hover:not(:disabled){border-color:var(--brass)}
button:disabled,select:disabled{opacity:.65;cursor:default}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px}
button:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #f7d6a8;outline-offset:3px}
.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip:focus{position:fixed;z-index:5;inset:8px auto auto 8px;padding:12px;background:var(--ink);color:#141918}
.frame{width:min(1220px,calc(100% - clamp(32px,8vw,128px)));margin:auto}
.topbar{border-bottom:1px solid var(--line);background:#111615}
.top-inner,.brand,nav,.shift-bar,.controls,.route,.route-labels,footer,.overline,.stats{display:flex;align-items:center}
.top-inner,footer,.route-labels{justify-content:space-between}
.top-inner{min-height:74px;gap:18px}
.brand{text-decoration:none;gap:10px;font:550 17px/.94 Oswald,sans-serif;letter-spacing:.09em}
nav{gap:clamp(12px,3vw,35px);font-size:.86rem}
nav button{font:700 14px var(--mono);color:var(--muted);background:transparent}
.language-current{color:var(--brass);text-decoration:underline;text-underline-offset:3px}
.intro{display:grid;grid-template-columns:1.25fr .9fr;gap:clamp(24px,5vw,76px);align-items:center;padding:clamp(32px,5vw,70px) 0}
.overline{gap:10px;color:var(--brass);font:700 .76rem/1.6 var(--mono);letter-spacing:.12em;text-transform:uppercase;margin:0 0 9px}
.overline span:not(.lamp):first-child{color:inherit}
.lamp{width:7px;height:7px;flex:0 0 7px;background:var(--brass);border-radius:50%}
h1,h2,.stats strong{font-family:Oswald,"Arial Narrow",sans-serif;letter-spacing:-.015em;font-weight:480}
h1{font-size:clamp(44px,6.8vw,98px);line-height:1.04;margin:10px 0 17px;text-wrap:balance}
h2{font-size:clamp(26px,3vw,40px);line-height:1.2;margin:3px 0 9px}
.lede{font-size:clamp(16px,1.5vw,20px);color:#d0d3ca;max-width:51ch;margin:0}
figure{position:relative;margin:0;border:1px solid var(--line);background:#222d28;overflow:hidden}
figure img{display:block;width:100%;height:clamp(195px,19vw,275px);object-fit:cover}
figcaption{font:600 11px/1.4 var(--mono);color:#e9e5d9;background:rgba(16,21,19,.91);padding:6px 12px;position:absolute;bottom:0;left:0}
.shift-bar{gap:clamp(14px,2.5vw,32px);border-block:1px solid var(--line);padding:16px 0;margin-bottom:20px}
.select-wrap{flex:none}
.select-wrap label,.stats span{display:block;font:600 12px/1.5 var(--mono);color:var(--muted)}
.shift-bar select{font-size:15px;max-width:100%;margin-top:3px;padding-right:22px}
.shift-bar p{flex:1;margin:0;color:#d1d3ca;font-size:15px;max-width:62ch}
.shift-bar button{margin-left:auto;font-size:14px}
.console{display:grid;grid-template-columns:1.12fr 1fr;gap:16px}
.panel,.result{padding:clamp(18px,2.5vw,32px);background:var(--slab);border:1px solid var(--line);min-width:0}
.queue{border-top:2px solid var(--brass)}
.ledger{background:linear-gradient(150deg,#1c2522,#141a18)}
.helper,.controls p,#empty,.source p,.result p:not(.overline){color:var(--muted);margin:6px 0 0;font-size:15px}
#orders{display:grid;gap:9px;margin:22px 0 16px}
.order{width:100%;display:grid;grid-template-columns:1fr auto;gap:4px 12px;text-align:left;background:#19211e;border:1px solid var(--line);padding:13px 16px;color:var(--ink)}
.order:disabled{opacity:1}
.order[aria-pressed="true"]{border-left:3px solid var(--brass);padding-left:14px;background:#303029}
.order span{font-size:13px;color:#cbd0c6}
.order b{font-size:clamp(16px,1.8vw,20px);line-height:1.35}
.order .order-state{grid-row:1/3;grid-column:2;align-self:center;font:600 12px/1.3 var(--mono);color:var(--brass)}
.controls{flex-wrap:wrap;gap:4px 12px}
#act{background:var(--brass);border-color:var(--brass);color:#171b17;font-weight:800;padding:9px 19px}
.controls p{flex-basis:100%;font-size:14px}
.stats{gap:clamp(22px,3vw,48px);border-block:1px solid var(--line);margin:17px 0;padding:12px 0}
.stats strong{display:block;font-size:30px;font-variant-numeric:tabular-nums;line-height:1.4}
.route{gap:6px;color:#a9bcb2;max-width:100%;font:700 14px var(--mono)}
.route span{border:1px solid #526157;background:#202a24;padding:5px}
.route span.active{border-color:var(--brass);color:var(--brass)}
.track{position:relative;flex:1;border-top:2px dashed #708176}
#truck{position:absolute;left:0;top:-.66em;padding-inline:3px;background:#1c2420;color:var(--brass);font-style:normal;transition:left .35s}
.route-labels{font:500 12px var(--mono);color:var(--muted);margin:4px 0 18px}
#entries{list-style:none;padding:0;margin:0}
#entries li{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:6px 0;border-top:1px solid #343e36;font-size:14px}
#entries time{color:var(--brass);font:600 13px/1.6 var(--mono)}
.result{border-left:3px solid var(--brass);margin-top:16px;background:#252c24}
.source{margin:24px 0;font-size:15px;color:var(--muted)}
.source summary{cursor:pointer;color:var(--ink);padding:9px 0;width:fit-content}
.source p{max-width:82ch}
footer{gap:18px;border-top:1px solid var(--line);padding:24px 0 36px;font:600 12px/1.5 var(--mono);color:var(--muted)}
footer i{color:var(--brass);font-style:normal}
@media(max-width:800px){.console{grid-template-columns:1fr}.intro{gap:20px;grid-template-columns:1.2fr .8fr}.shift-bar{flex-wrap:wrap}.shift-bar p{min-width:170px}}
@media(max-width:580px){.intro{grid-template-columns:1fr;padding:30px 0 22px}.intro figure img{height:150px}.shift-bar{display:grid;grid-template-columns:1fr auto;gap:8px}.shift-bar p{grid-column:1/-1;grid-row:2;font-size:14px}.shift-bar button{align-self:end;max-width:135px}.shift-bar select{width:100%;font-size:14px;padding-left:7px;padding-right:0}.select-wrap{min-width:0}.top-inner{min-height:64px}nav a{font-size:13px}.order{padding:12px}.order[aria-pressed="true"]{padding-left:10px}.order .order-state{max-width:10ch}.frame{width:calc(100% - 28px)}footer{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}