*{box-sizing:border-box}:root{--ink: #e9eff1;--ink-dim: #9aa9b1;--ink-faint: #7d8c94;--panel: #161d22;--panel-2: #1d262c;--line: #2c373d;--ochre: #e0a24a;--larch: #7fc08f;--alarm: #e08b78}html,body{margin:0;height:100%;background:#12181c;color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden;overscroll-behavior:none}#app{position:relative;height:100%;width:100%;overflow:hidden}#stage{display:block;width:100%;height:100%;touch-action:none}#vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 42%,#0000 45%,#06090b8c)}#hud{position:absolute;inset:0;display:grid;grid-template-columns:276px 1fr 262px;grid-template-rows:auto 1fr auto;gap:12px;padding:12px;pointer-events:none}#hud[hidden]{display:none}#topbar{grid-area:1 / 1 / 2 / 4;display:flex;align-items:center;gap:12px;padding:8px 12px;background:var(--panel);border:1px solid var(--line);border-radius:10px;pointer-events:auto}.mark{display:flex;align-items:center;gap:9px;font-weight:800;letter-spacing:.16em;font-size:.86rem}.mark i{width:12px;height:12px;background:var(--ochre);border-radius:2px;transform:rotate(45deg)}.mark small{display:block;font-weight:600;letter-spacing:.12em;font-size:.62rem;color:var(--ink-faint)}.chips{display:flex;gap:8px;margin-left:auto}.chip{padding:5px 10px;border-radius:6px;background:var(--panel-2);border:1px solid var(--line);border-left:3px solid var(--ink-faint);font:700 .72rem/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em;white-space:nowrap}.chip[data-tone=calm]{border-left-color:var(--larch)}.chip[data-tone=tense]{border-left-color:var(--alarm)}#clock-chip{color:var(--ochre)}#clock-chip b{font:inherit}#clock-chip small{display:block;font:600 .52rem/1.4 ui-monospace,monospace;letter-spacing:.1em;color:var(--ink-faint)}#credit-chip.negative{color:var(--alarm)}.hud-actions{display:flex;gap:6px}button{font:inherit;color:var(--ink);background:var(--panel-2);border:1px solid var(--line);border-radius:7px;padding:7px 10px;cursor:pointer;line-height:1.4;transition:background .12s ease,border-color .12s ease}button:hover:not(:disabled){background:#26313a;border-color:#4c5c66}button:focus-visible{outline:2px solid var(--ochre);outline-offset:2px}button:disabled{opacity:.45;cursor:default}.hud-actions button{min-width:44px;font:700 .72rem/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.hud-actions button[aria-pressed=true]{background:#2f3d33;border-color:#5b7f66;color:#b7e6c4}.stack{display:flex;flex-direction:column;gap:12px;align-self:start;min-width:0}#left{grid-area:2 / 1 / 4 / 2}#right{grid-area:2 / 3 / 4 / 4}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px 12px 12px;pointer-events:auto}.panel-title{margin:0 0 6px;font:700 .62rem/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint)}.big{margin:0;font:700 1.02rem/1.5 ui-sans-serif,system-ui,sans-serif;letter-spacing:.01em}.big b{color:var(--ochre);font-size:1.16rem}.big span{color:var(--ink-dim);font-weight:600;font-size:.86rem}.sub{margin:4px 0 0;font-size:.74rem;line-height:1.55;color:var(--ink-dim)}.meter{margin-top:8px;height:6px;border-radius:999px;background:#0d1215;border:1px solid var(--line);overflow:hidden}.meter i{display:block;height:100%;width:0;background:var(--larch)}.meter.ochre i{background:var(--ochre)}.seam-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px}.seam-list button{display:grid;grid-template-columns:20px 1fr auto;align-items:baseline;gap:0 6px;text-align:left;padding:6px 8px;background:var(--panel-2)}.seam-list b{font-size:.94rem;color:var(--ochre)}.seam-list span{font-size:.62rem;letter-spacing:.08em;color:var(--ink-faint)}.seam-list em{font:700 .78rem/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;font-style:normal;color:var(--ink-dim)}.seam-list button[data-active=true]{background:#2b353c;border-color:var(--ochre)}.seam-list button[data-active=true] em{color:var(--ochre)}.seam-list button[data-working=true]{border-color:var(--larch)}.truck-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.truck{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:8px}.truck .tname{font:800 .78rem/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--ochre)}.truck .tstate{font-size:.7rem;line-height:1.5;color:var(--ink-dim);letter-spacing:.04em}.truck .tstate b{color:var(--ink);font-weight:700}.truck button{padding:6px 9px;font:700 .68rem/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.log-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.log-list li{font-size:.73rem;line-height:1.5;color:var(--ink-dim);padding-left:10px;border-left:2px solid var(--line)}.log-list li:first-child{color:var(--ink);border-left-color:var(--ochre)}.log-list li[data-kind=good]{border-left-color:var(--larch)}.log-list li[data-kind=bad]{border-left-color:var(--alarm)}.log-list li[data-kind=alert]{border-left-color:var(--ochre)}#dock.warn{border-color:var(--alarm)}#dock{grid-area:3 / 2 / 4 / 3;align-self:end;justify-self:center;width:min(540px,100%);background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px 12px 12px;pointer-events:auto}.wire{height:6px;border-radius:999px;background:#0d1215;border:1px solid var(--line);overflow:hidden;margin-bottom:8px}.wire i{display:block;height:100%;width:0;background:var(--ochre)}.dock-head{display:flex;justify-content:space-between;gap:10px;margin:0 0 8px;font:600 .72rem/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.05em;color:var(--ink-dim)}.dock-head b{color:var(--ochre)}.dock-head #dock-est{color:var(--larch);white-space:nowrap}.dock-row{display:flex;gap:10px;align-items:stretch}.angles{display:flex;gap:6px;flex:1}.angle{flex:1;font:700 .94rem/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}.angle[aria-pressed=true]{background:#2b353c;border-color:var(--ochre);color:var(--ochre)}.primary{background:var(--ochre);border-color:#f0bd72;color:#14100a;font-weight:800;letter-spacing:.08em;padding:10px 18px}.primary:hover:not(:disabled){background:#f0b862;border-color:#ffd79a}#cut-button{flex:0 0 auto;min-width:132px}.ghost{background:transparent;color:var(--ink);border-color:#46555e}.screen{position:absolute;inset:0;display:grid;place-items:center;padding:20px;background-color:#090d1042;background-image:linear-gradient(102deg,#090d10d1,#090d1099,#090d1024 68%,#090d100a);overflow:auto}.screen[hidden]{display:none}.card{width:min(640px,100%);background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--ochre);border-radius:12px;padding:22px 24px 20px}.card.wide{width:min(760px,100%)}.modal .card{box-shadow:0 24px 60px #00000080}.eyebrow{margin:0 0 6px;font:700 .64rem/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.22em;text-transform:uppercase;color:var(--ochre)}h1{margin:0 0 10px;font-size:clamp(2.1rem,7vw,3.5rem);line-height:1.05;letter-spacing:-.02em}h2{margin:0 0 8px;font-size:clamp(1.4rem,4.4vw,2rem);line-height:1.15}h3{margin:16px 0 6px;font:700 .68rem/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint)}.lede{margin:0 0 10px;font-size:1rem;line-height:1.55;color:var(--ink)}.brief{margin:0 0 14px;font-size:.86rem;line-height:1.6;color:var(--ink-dim)}.brief b{color:var(--ink)}dl{margin:0;display:grid;gap:10px}dt{font:700 .72rem/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;color:var(--ochre)}dd{margin:2px 0 0;font-size:.84rem;line-height:1.6;color:var(--ink-dim)}.row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.hint{margin:0;font-size:.74rem;line-height:1.65;color:var(--ink-faint)}.hint+.hint{margin-top:4px}kbd{display:inline-block;min-width:20px;margin:0 2px;padding:1px 5px;border-radius:4px;background:#232d34;border:1px solid #3a4750;font:700 .7rem/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--ink)}.toggle{display:flex;align-items:center;gap:8px;font-size:.8rem;line-height:1.6;color:var(--ink-dim);margin-bottom:8px}.toggle input{width:18px;height:18px;accent-color:var(--ochre)}.ledger{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:4px}.ledger li{display:flex;justify-content:space-between;gap:12px;font-size:.82rem;line-height:1.6;color:var(--ink-dim);border-bottom:1px solid var(--line);padding-bottom:4px}.ledger b{color:var(--ink)}@media(min-width:901px){#title-screen{place-items:end start;padding:4vh 0 4vh 4vw}#title-screen .card{width:min(560px,48%)}}@media(max-width:900px){#hud{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) auto auto;gap:7px;padding:7px}#topbar{grid-area:1 / 1 / 2 / 2;flex-wrap:wrap;gap:6px;padding:6px 9px}.mark{font-size:.78rem}.mark small{font-size:.55rem}.hud-actions{margin-left:auto}.hud-actions button{min-width:38px;padding:6px 8px}.chips{margin-left:0;order:3;width:100%;gap:5px}.chip{flex:1;text-align:center;padding:3px 6px;font-size:.62rem}.stack{align-self:end;gap:7px}#left{grid-area:2 / 1 / 3 / 2}#right{grid-area:3 / 1 / 4 / 2;display:grid;grid-template-columns:1fr 1fr;align-items:start}#dock{grid-area:4 / 1 / 5 / 2;width:100%;padding:7px 9px 9px}.panel{padding:6px 9px 8px;border-radius:8px}.panel-title{margin-bottom:3px;font-size:.54rem;letter-spacing:.16em}.big{font-size:.84rem}.big b{font-size:1rem}.sub{font-size:.66rem;line-height:1.45;margin-top:3px}.meter{height:5px;margin-top:5px}.seam-list{grid-template-columns:repeat(3,1fr);gap:5px}.seam-list button{padding:4px 6px;gap:0 4px}.seam-list b{font-size:.8rem}.seam-list span{font-size:.54rem}.seam-list em{font-size:.66rem}.optional,#market-panel .sub,#order-panel .panel-title,#market-panel .panel-title,#survey-panel .panel-title,#log-panel .panel-title{display:none}.panel{padding:5px 8px 7px}.stack{gap:6px}#hud{gap:6px;padding:6px}#dock{padding:6px 8px 8px}.chip small{display:none}#order-panel .big{font-size:.8rem}#order-panel .sub{font-size:.6rem}.log-list li:nth-child(n+2){display:none}.log-list li{font-size:.66rem;line-height:1.45}#fleet-panel{grid-column:1 / -1}.truck-list{flex-direction:row;gap:5px}.truck{flex:1;grid-template-columns:1fr;gap:1px;padding:4px 6px;background:var(--panel-2);border:1px solid var(--line);border-radius:6px}.truck .tname{font-size:.66rem}.truck .tstate{font-size:.56rem;letter-spacing:0}.truck button{padding:4px 5px;font-size:.6rem}.wire{height:5px;margin-bottom:5px}.dock-head{font-size:.62rem;margin-bottom:5px}.dock-row{gap:6px}.angles{gap:5px}.angle{font-size:.82rem;padding:7px 4px}#cut-button{min-width:96px;padding:8px 10px;font-size:.78rem}.card{padding:16px 14px 14px}h1{font-size:clamp(1.8rem,8vw,2.4rem)}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}