:root{color-scheme:dark;--cream:#000;--ink:#dededc;--muted:#a0adb7;--red:#569cd6;--line:#293642;--paper:#090e14;--green:#8ab575}
body{font-family:monospace}button,input{font-family:inherit}a{color:#569cd6}
.header{height:82px}.wordmark{font-size:17px;font-weight:400;letter-spacing:0;color:white}.brand-dot{font-size:20px}.header-note{font-size:10px}.home-link{font-size:11px}
.intro{padding:30px 0 25px}.eyebrow{color:var(--green);font-weight:400;letter-spacing:0}
h1{font:normal clamp(28px,3.1vw,43px)/1.2 monospace;letter-spacing:-1.5px;color:white}h1 em{font-style:normal}
h2{font:normal 24px/1.25 monospace;letter-spacing:-1px;color:white}.intro-copy{font-size:11px}.intro-copy strong{color:#e8b96c;font-weight:400}
.kitchen{gap:16px}.workbench{background:#070c12;border:1px solid var(--line);border-radius:0;min-height:620px}
.stage-top{color:var(--red);font-weight:400;letter-spacing:1px}.live-badge{background:#05090ee0;border:1px solid var(--line);border-radius:0;color:var(--green)}.live-badge i{background:var(--green)}
.scene-caption{color:#a0adb7}.drag-hint{color:var(--red)}.turn-controls button{background:#080e16e6;color:var(--red);border-color:#43596d;border-radius:0}
.step-strip{background:#080c10;border-color:var(--line);color:var(--muted)}.step-strip b{color:var(--red)}.step-strip .active{color:white;font-weight:400}
.recipe-panel{border-color:var(--line);border-radius:0;box-shadow:none}.ticket-top{border-color:var(--line);color:var(--red);letter-spacing:.5px}
.dispatch-clock{display:flex;align-items:center;justify-content:space-between;margin-top:17px;color:var(--muted);font-size:10px}.dispatch-clock output{color:#e8b96c;font-size:25px;line-height:1}.dispatch-clock.expired output{color:#ff907f}
.panel-copy{font-size:11px}.section-label{color:var(--red);font-weight:400;letter-spacing:0}
.toppings button{background:#0b1118;border-color:var(--line);border-radius:0;font-size:9px}.toppings button:hover{border-color:var(--red)}.toppings button[aria-pressed=true]{background:#132434;border-color:var(--red);box-shadow:inset 0 -2px var(--red);color:white}
.small-actions button,.bottom-actions button{color:var(--red);font-size:10px}.ticket-line{border-color:var(--line)}.special{font-size:10px}.special strong{color:var(--green)}
.primary{border:1px solid var(--red);border-radius:0;background:#17334a;color:white;font-size:12px}.primary:hover{background:#234e70}
#status{color:var(--green)}.heat-display{font-family:monospace;font-size:64px;color:#e8b96c}.stamp{border:1px solid var(--green);border-radius:0;transform:none;width:100%;height:auto;padding:25px 12px;color:var(--green);font-size:10px}.stamp b{font-weight:400;font-size:20px}
footer span:first-child{color:var(--green);letter-spacing:0}
dialog{border-color:var(--red);border-radius:0}dialog::backdrop{background:#000c}dialog input{color:white;border-color:var(--line);border-radius:0}.dialog-close{color:white}
@media(max-width:740px){.header{height:70px;gap:12px}.header .brand-dot{font-size:18px;margin-right:3px}.wordmark{font-size:13px}.home-link{font-size:10px}h1{font-size:30px}.intro-copy{font-size:11px}.workbench{min-height:390px}.recipe-panel h2{font-size:24px}.stage-top{letter-spacing:0}.ticket-top{padding-bottom:13px}.special{font-size:10px}}
#dispatch{border-color:var(--green);background:#203328;margin-bottom:12px}
#delivery-status{color:var(--green);font-size:12px;border:1px solid var(--line);padding:24px 12px;margin:20px 0;flex:1}
.delivery-steps{list-style:none;padding:0;margin:25px 0;color:var(--muted);font-size:11px}
.delivery-steps li{padding:11px 0;border-bottom:1px solid var(--line)}
.delivery-steps span{color:var(--red);margin-right:12px}
.delivery-steps li.active{color:white}.delivery-steps li.complete{color:var(--green)}
.delivery-note{color:var(--muted);font-size:10px;line-height:1.8}
#delivery-phase{margin:24px 0 0}#replay{padding:12px 0;background:none;border:0;color:var(--red);font-size:10px;text-align:left}
body[data-mode="pickup"] .drag-hint,body[data-mode="dispatched"] .drag-hint{display:none}