:root{color-scheme:dark;--ink: #eef4f2;--muted: #b6cbc7;--dim: #93a9a6;--amber: #ffb04a;--rust: #e07a35;--teal: #5fe3c0;--steel: #9fc4d6;--danger: #ff5f3c;--deep: #0d1618;--panel: rgba(10, 20, 22, .94);--panel-solid: #0a1416;--line: rgba(159, 196, 214, .24);font-family:Space Grotesk,Inter,system-ui,-apple-system,sans-serif;font-synthesis:none}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--deep)}body{color:var(--ink)}button,input{font:inherit}button{color:inherit;cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--amber);outline-offset:3px}#app,#stage{position:fixed;inset:0;width:100%;height:100%}#stage{display:block;touch-action:none}#grain{position:fixed;inset:0;pointer-events:none;z-index:2;opacity:.05;background-image:repeating-linear-gradient(0deg,transparent 0,transparent 3px,rgba(210,235,235,.22) 4px);mix-blend-mode:screen}#vignette{position:fixed;inset:0;pointer-events:none;z-index:3;background:radial-gradient(ellipse at 50% 44%,transparent 46%,rgba(5,12,14,.55) 100%)}#vignette.alarm{background:radial-gradient(ellipse at 50% 44%,transparent 36%,rgba(70,12,4,.7) 100%)}#flash{position:fixed;inset:0;z-index:5;pointer-events:none;opacity:0}#flash.hit{animation:flash-hit .5s ease-out}#flash.warn{animation:flash-warn .5s ease-out}#flash.good{animation:flash-good .7s ease-out}@keyframes flash-hit{0%{opacity:.7;background:radial-gradient(circle at 50% 55%,rgba(255,95,60,.72),rgba(180,40,16,.2) 62%,transparent 82%)}to{opacity:0}}@keyframes flash-warn{0%{opacity:.5;background:radial-gradient(circle at 50% 58%,rgba(255,176,74,.5),transparent 70%)}to{opacity:0}}@keyframes flash-good{0%{opacity:.5;background:radial-gradient(circle at 50% 58%,rgba(95,227,192,.44),transparent 72%)}to{opacity:0}}#hud{position:fixed;z-index:8;top:0;left:0;right:0;display:grid;grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr);align-items:start;gap:14px;padding:14px 20px;pointer-events:none}#hud>*{pointer-events:auto}.chip{background:var(--panel);border:1px solid var(--line);backdrop-filter:blur(5px);padding:8px 12px 10px;display:grid;gap:5px;min-width:0}.chip-actions{justify-items:end}.chip-key{color:var(--dim);font:9px ui-monospace,DM Mono,monospace;letter-spacing:.22em}.chip b{font:700 25px/1 ui-monospace,DM Mono,monospace;letter-spacing:-.01em}.chip small{color:var(--muted);font:9px ui-monospace,monospace;letter-spacing:.18em}.chip-hold{justify-items:center;text-align:center}.tilt{position:relative;width:100%;min-width:120px;height:10px;background:#0a1517;border:1px solid rgba(159,196,214,.18);overflow:hidden}.tilt i{position:absolute;inset:0 auto 0 0;width:0;background:var(--teal);transition:width .07s linear,background .2s,left .07s linear}.tilt i[data-level=work]{background:var(--amber)}.tilt i[data-level=over]{background:var(--danger)}.tilt-safe{position:absolute;top:0;bottom:0;left:50%;width:1px;background:#eef4f28c}.chip-list[data-state=work] b{color:var(--amber)}.chip-list[data-state=over] b{color:var(--danger)}.chip-list[data-state=steady] b{color:var(--teal)}.hud-actions{display:flex;gap:6px}.hud-actions button{border:1px solid var(--line);background:#081012eb;padding:8px 10px;font:9px ui-monospace,monospace;letter-spacing:.12em;min-height:32px;transition:background .18s,border-color .18s,color .18s}.hud-actions button:hover{background:#ffb04a33;border-color:var(--amber)}.hud-actions button[aria-pressed=false]{color:var(--dim)}#instruments{position:fixed;z-index:7;left:20px;bottom:20px;display:grid;grid-template-columns:252px 190px;gap:10px;align-items:end;pointer-events:none}#instruments>*{background:var(--panel);border:1px solid var(--line);backdrop-filter:blur(5px)}.plan{padding:8px 8px 6px}#trim-view{display:block;width:100%;height:auto}.plan p{margin:6px 0 0;color:var(--dim);font:8px ui-monospace,monospace;letter-spacing:.18em}.gauges{padding:9px 11px 10px;display:grid;gap:9px}.gauge{display:grid;gap:4px}.gauge-key{color:var(--dim);font:8px ui-monospace,monospace;letter-spacing:.2em}.gauge b{color:var(--muted);font:10px ui-monospace,monospace;letter-spacing:.1em}#lashings{display:flex;gap:4px}#lashings i{flex:1;height:9px;background:var(--rust);box-shadow:0 0 7px #e07a3580}#lashings i.gone{background:#33403f;box-shadow:none}.dials{margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:6px 4px}.dials div{display:grid;gap:2px}.dials dt{color:var(--dim);font:8px ui-monospace,monospace;letter-spacing:.14em}.dials dd{margin:0;font:13px ui-monospace,monospace}.gauge-foot{margin:0;color:var(--muted);font:9px ui-monospace,monospace;letter-spacing:.08em}#status{position:fixed;z-index:7;top:104px;left:50%;transform:translate(-50%);margin:0;width:max-content;max-width:calc(100vw - 40px);padding:7px 15px;border:1px solid rgba(255,176,74,.32);background:#091113eb;color:var(--ink);font:11px ui-monospace,monospace;letter-spacing:.06em;text-align:center;opacity:0;transition:opacity .25s}#status.show{opacity:1}#touch{position:fixed;z-index:9;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));display:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;pointer-events:none}#touch>*{pointer-events:auto}#touch button{display:grid;gap:2px;justify-items:center;padding:12px 6px;min-height:62px;touch-action:none;user-select:none;border:1px solid var(--line);background:#091214e6;font:10px ui-monospace,monospace;letter-spacing:.12em}#touch button span{font-size:20px;line-height:1}#touch button small{color:var(--dim);font-size:8px;letter-spacing:.18em}#touch button.held{background:#ffb04a42;border-color:var(--amber)}.screen{position:fixed;inset:0;z-index:10}.title-screen{display:grid;grid-template-columns:minmax(330px,42%) 1fr;grid-template-rows:1fr auto;align-content:center;gap:18px 34px;padding:4vh clamp(20px,4.4vw,62px);pointer-events:none;background:linear-gradient(100deg,#060d0ff5,#060d0fed 28%,#060d0f80,#060d0f00 60%)}.title-copy{pointer-events:auto;grid-column:1;grid-row:1;align-self:end;max-width:580px}.eyebrow{display:block;color:var(--rust);font:9px ui-monospace,monospace;letter-spacing:.24em}.eyebrow b{color:var(--muted);font-weight:400}#title-heading{margin:10px 0 14px;font-size:clamp(42px,7vw,80px);line-height:.9;letter-spacing:-.035em;font-weight:800;color:var(--ink);text-shadow:0 6px 30px rgba(0,0,0,.6)}#title-heading span{color:var(--rust)}.title-copy p{margin:0 0 10px;color:var(--muted);font-size:14px;line-height:1.6;max-width:50ch}.title-copy p.rule{color:var(--steel)}.title-controls{display:flex;flex-wrap:wrap;gap:7px 14px;margin:15px 0 16px}.title-controls span{display:flex;align-items:center;gap:5px;color:var(--dim);font:10px ui-monospace,monospace;letter-spacing:.1em}kbd{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border:1px solid var(--line);background:#0e1a1ce6;font:10px ui-monospace,monospace;color:var(--ink)}.title-buttons{display:flex;flex-wrap:wrap;gap:9px}button.primary,button.secondary{border:1px solid var(--line);padding:12px 20px;min-height:44px;font:11px ui-monospace,monospace;letter-spacing:.18em;transition:background .18s,border-color .18s,color .18s,transform .18s}button.primary{background:var(--rust);border-color:var(--rust);color:#180a03;font-weight:700}button.primary:hover{background:#f08b45;transform:translateY(-1px)}button.secondary{background:#0a1416e6;color:var(--muted)}button.secondary:hover{color:var(--ink);border-color:var(--steel)}.title-copy>small{display:block;margin-top:13px;color:var(--dim);font:9px ui-monospace,monospace;letter-spacing:.14em}.log-card{pointer-events:auto;grid-column:1;grid-row:2;align-self:start;justify-self:start;width:100%;max-width:520px;background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--rust);padding:12px 15px;backdrop-filter:blur(5px)}.log-card>span{color:var(--dim);font:9px ui-monospace,monospace;letter-spacing:.2em}#orders{margin-top:10px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}#orders div{display:grid;gap:2px;border-right:1px solid rgba(159,196,214,.12);padding-right:8px}#orders div:last-child{border-right:0;padding-right:0}#orders span{color:var(--rust);font:8px ui-monospace,monospace;letter-spacing:.18em}#orders b{font:700 11px ui-monospace,monospace;letter-spacing:.03em;line-height:1.3}#orders em{color:var(--muted);font:9px/1.4 ui-monospace,monospace;font-style:normal}.log-card .foot{margin:11px 0 0;color:var(--dim);font:10px/1.5 ui-monospace,monospace}.modal{display:grid;place-items:center;padding:24px;pointer-events:auto;background:#050b0dd1;backdrop-filter:blur(7px)}.modal-card{width:min(600px,100%);max-height:88vh;overflow:auto;background:var(--panel-solid);border:1px solid var(--line);border-top:3px solid var(--rust);padding:26px 28px 24px}.modal-card h2{margin:8px 0 10px;font-size:24px;letter-spacing:-.015em}.modal-card h3{margin:18px 0 6px;font-size:12px;letter-spacing:.14em;color:var(--rust)}.modal-card p{margin:0 0 10px;color:var(--muted);font-size:13px;line-height:1.6}.modal-card dl{margin:0 0 4px;display:grid;grid-template-columns:108px 1fr;gap:8px 14px}.modal-card dt{color:var(--amber);font:10px ui-monospace,monospace;letter-spacing:.1em;padding-top:2px}.modal-card dd{margin:0;color:var(--muted);font-size:12.5px;line-height:1.55}.modal-card button{margin-top:10px;margin-right:8px}.toggle{display:flex;align-items:center;gap:9px;color:var(--muted);font:11px ui-monospace,monospace;margin:4px 0 6px}.toggle input{width:17px;height:17px;accent-color:var(--rust)}.ledger{display:grid;gap:5px;margin:14px 0 12px}.ledger div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(159,196,214,.12);padding-bottom:5px}.ledger span{color:var(--muted);font:10px ui-monospace,monospace;letter-spacing:.12em}.ledger b{font:700 12px ui-monospace,monospace}.ledger div.total{border-bottom:0;padding-bottom:0;border-top:1px solid var(--line);padding-top:8px;margin-top:3px}.ledger div.total span{color:var(--ink)}.ledger div.total b{color:var(--amber);font-size:17px}.result-stats{display:flex;flex-wrap:wrap;gap:6px 16px;color:var(--dim);font:9px ui-monospace,monospace;letter-spacing:.12em;margin-bottom:6px}.local-board{margin:10px 0 2px;border-top:1px solid var(--line);padding-top:8px;color:var(--dim);font:9px ui-monospace,monospace;letter-spacing:.12em}.local-board summary{cursor:pointer;min-height:28px;display:flex;align-items:center}.local-board ol{display:grid;gap:4px;margin:5px 0 0;padding:0;list-style:none}.local-board li{display:flex;justify-content:space-between;gap:12px;color:var(--muted)}.local-board li b{color:var(--amber)}@media(max-width:1180px){#orders{grid-template-columns:repeat(2,1fr)}#orders div:nth-child(2){border-right:0}}@media(max-width:900px){.title-screen{grid-template-columns:1fr;grid-template-rows:auto auto;gap:12px;padding:3vh 18px;align-content:end;background:linear-gradient(180deg,#060d0f00,#060d0f33 26%,#060d0fc7 44%,#060d0ff2 58%,#060d0ff5)}.title-copy,.log-card{grid-column:1;width:100%;max-width:none}.log-card{grid-row:2}#instruments{grid-template-columns:176px 1fr;left:12px;right:12px;bottom:88px}#trim-view{width:176px}#title-heading{font-size:clamp(34px,11vw,52px)}.title-copy p{font-size:12.5px;line-height:1.55;margin-bottom:8px}#touch{display:grid}#status{top:176px}}@media(hover:none),(pointer:coarse){#touch{display:grid}#instruments{bottom:88px}}@media(max-width:560px){#hud{grid-template-columns:1fr 1fr;gap:8px;padding:10px 12px}.chip-actions{grid-column:1 / -1;justify-items:stretch}.chip-actions .hud-actions{justify-content:space-between}.chip b{font-size:20px}#instruments{grid-template-columns:1fr;bottom:86px}.plan{display:none}.gauges{grid-template-columns:1fr 1fr;gap:6px 10px;padding:7px 9px 8px}.gauges .dials,.gauge-foot{grid-column:1 / -1}#status{top:196px}#orders{grid-template-columns:repeat(2,1fr)}.title-screen{background:linear-gradient(180deg,#060d0f00,#060d0f29 30%,#060d0fb3 52%,#060d0ff2 66%,#060d0ff7)}.title-copy p.rule,.log-card,.title-controls{display:none}}@media(prefers-reduced-motion:reduce){#flash{display:none}button.primary:hover{transform:none}}