:root{color-scheme:dark;font-family:Bahnschrift,DIN Alternate,Trebuchet MS,sans-serif;font-synthesis:none;text-rendering:geometricPrecision;--ink: oklch(92% .018 92);--ink-muted: oklch(72% .025 92);--factory: oklch(18% .014 96);--factory-raised: oklch(24% .018 96);--line: oklch(48% .035 92);--hazard: oklch(81% .155 91);--danger: oklch(64% .19 28);--safe: oklch(72% .12 150);--human: oklch(74% .12 44);--ease-out: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:var(--factory)}body{min-width:20rem;min-height:30rem}button,input{font:inherit}#app{position:relative;isolation:isolate}#game-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;cursor:crosshair;outline:none}#game-canvas:focus-visible{outline:3px solid var(--hazard);outline-offset:-3px}.fatal-error{position:absolute;inset:0;display:grid;align-content:center;justify-items:center;gap:.75rem;padding:2rem;color:var(--factory);background:var(--hazard);text-align:center}.fatal-error strong{font-size:clamp(2rem,8vw,6rem);letter-spacing:-.06em}.fatal-error code{max-width:46rem;padding:.5rem;color:#f8e6e4;background:#791a16;font-family:Consolas,monospace;font-size:.75rem}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.game-ui{position:absolute;inset:0;z-index:5;overflow:hidden;color:var(--ink);pointer-events:none;font-variant-numeric:tabular-nums;letter-spacing:.035em}.factory-vignette{position:absolute;inset:0;background:linear-gradient(90deg,oklch(11% .015 92 / .34),transparent 16% 84%,oklch(11% .015 92 / .34)),linear-gradient(0deg,oklch(11% .015 92 / .4),transparent 22% 78%,oklch(11% .015 92 / .3))}.factory-vignette:after{position:absolute;inset:0;content:"";opacity:.08;background-image:repeating-linear-gradient(0deg,transparent 0,transparent 3px,oklch(90% .01 92 / .12) 4px)}.split-rail{position:absolute;top:0;bottom:0;left:50%;width:2px;background:var(--hazard);box-shadow:0 0 0 1px #0f0d08}.split-rail span{position:absolute;top:5.25rem;left:50%;display:grid;width:2rem;height:2rem;place-items:center;color:var(--factory);background:var(--hazard);font-size:.68rem;font-weight:800;transform:translate(-50%) rotate(45deg)}.split-rail span:first-letter{transform:rotate(-45deg)}.shift-status{position:absolute;top:max(.75rem,env(safe-area-inset-top));left:50%;display:grid;grid-template-columns:auto clamp(8rem,19vw,21rem) auto auto;gap:.75rem;align-items:center;padding:.42rem .75rem;color:var(--factory);background:var(--hazard);clip-path:polygon(.6rem 0,100% 0,calc(100% - .6rem) 100%,0 100%);transform:translate(-50%)}.status-kicker,.shift-status strong,.shift-status time{font-size:.68rem;font-weight:800;white-space:nowrap}.production-track{position:relative;width:100%;height:.38rem;overflow:hidden;background:#40371b}.production-track span{position:absolute;inset:0;background:#f5f2e9;transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease-out)}.shift-status time{min-width:2.5rem;padding-left:.75rem;border-left:1px solid oklch(35% .04 92);font-size:.82rem}.shift-status time.is-critical{color:oklch(28% .16 28);animation:critical-pulse .8s steps(2,end) infinite}.player-hud{position:absolute;inset-block:0;width:50%;container-type:inline-size}.admin-hud{left:0}.human-hud{right:0}.role-stamp{position:absolute;top:clamp(4.4rem,10vh,6.5rem);left:clamp(1rem,3vw,3rem);display:grid;justify-items:start;line-height:1;animation:hud-enter .65s var(--ease-out) both}.human-hud .role-stamp{right:clamp(1rem,3vw,3rem);left:auto;justify-items:end}.role-index{margin-bottom:.45rem;color:var(--hazard);font-size:.63rem;font-weight:800}.human-hud .role-index{color:var(--human)}.role-stamp strong{font-size:clamp(1.5rem,4cqw,2.9rem);font-weight:760;letter-spacing:-.04em}.role-stamp small{margin-top:.45rem;color:var(--ink-muted);font-size:.62rem;font-weight:700}.crosshair{position:absolute;top:50%;left:50%;width:3rem;height:3rem;transform:translate(-50%,-50%)}.crosshair i,.crosshair b{position:absolute;display:block;background:var(--ink)}.crosshair i:nth-child(1),.crosshair i:nth-child(2){top:50%;width:.65rem;height:1px}.crosshair i:nth-child(1){left:0}.crosshair i:nth-child(2){right:0}.crosshair i:nth-child(3),.crosshair i:nth-child(4){left:50%;width:1px;height:.65rem}.crosshair i:nth-child(3){top:0}.crosshair i:nth-child(4){bottom:0}.crosshair b{top:50%;left:50%;width:.22rem;height:.22rem;transform:translate(-50%,-50%) rotate(45deg)}.admin-feedback{position:absolute;top:calc(50% + 2.5rem);left:50%;max-width:25rem;color:var(--ink);font-size:.65rem;font-weight:800;text-align:center;text-shadow:0 2px 5px var(--factory);opacity:0;transform:translate(-50%,.35rem);transition:opacity .18s,transform .18s var(--ease-out)}.admin-feedback.is-visible{opacity:1;transform:translate(-50%)}.admin-feedback[data-kind=danger]{color:oklch(83% .13 28)}.admin-feedback[data-kind=safe]{color:#a0e1a1}.admin-feedback[data-kind=warning]{color:var(--hazard)}.inspection-panel{position:absolute;top:clamp(9rem,21vh,12rem);left:clamp(1rem,3vw,3rem);width:min(19rem,calc(100% - 2rem));overflow:hidden;color:var(--factory);background:#e3dac1;opacity:0;transform:translate(-1.4rem);transition:opacity .24s,transform .3s var(--ease-out)}.inspection-panel.is-visible{opacity:1;transform:translate(0)}.panel-flag{display:flex;justify-content:space-between;padding:.55rem .7rem;color:var(--hazard);background:#17140a;font-size:.62rem}.action-strip{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid oklch(58% .035 92)}.action-strip>div{display:grid;min-height:5rem;padding:.6rem;border-right:1px solid oklch(62% .03 92);opacity:.52}.action-strip>div:last-child{border-right:0}.action-strip>div.is-active{color:oklch(24% .08 90);background:var(--hazard);opacity:1}.action-strip>div.is-complete{color:#e9f1e8;background:#295a2c;opacity:1}.action-strip i{font-size:1.5rem;font-style:normal}.action-strip span{align-self:end;font-size:.56rem;font-weight:800}.action-strip b{overflow:hidden;font-size:.55rem;text-overflow:ellipsis}.charge-readout{display:flex;align-items:baseline;justify-content:space-between;padding:.65rem .75rem .15rem}.charge-readout span{font-size:.62rem;font-weight:700}.charge-readout strong{font-size:1.6rem;letter-spacing:-.05em}.inspection-panel p{margin:0;padding:.1rem .75rem .7rem;font-size:.63rem;font-weight:700}.inspection-panel p[data-verdict=suspicious]{color:#a2080c}.inspection-panel p[data-verdict=natural]{color:#0d5117}.factory-quota{position:absolute;top:clamp(5.5rem,13vh,8rem);right:clamp(1rem,2vw,2rem);width:min(12rem,34%);color:var(--ink);background:#141108;border-top:2px solid var(--hazard)}.quota-kicker{display:block;padding:.42rem .5rem;color:var(--factory);background:var(--hazard);font-size:.52rem;font-weight:800}.recipe-list{display:grid;gap:1px}.recipe-row{display:grid;grid-template-columns:1.1rem 1fr auto;gap:.35rem;align-items:center;min-width:0;padding:.34rem .42rem;color:var(--ink-muted);background:#1e1a11;font-size:.52rem;font-weight:700}.recipe-row i{color:var(--part-color);font-size:.76rem;font-style:normal;text-align:center}.recipe-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recipe-row b{color:var(--ink);font-size:.52rem}.recipe-row em{color:var(--part-color);font-style:normal}.recipe-row.is-filled{color:#cedcce;background:#1b381c}.recipe-row.is-filled em{color:#bcf2bd}.control-ribbon{position:absolute;bottom:max(1rem,env(safe-area-inset-bottom));left:clamp(1rem,3vw,3rem);display:flex;max-width:calc(100% - 2rem);flex-wrap:wrap;gap:.35rem .8rem;align-items:center;color:var(--ink-muted);font-size:.58rem;font-weight:650}.human-controls{right:clamp(1rem,3vw,3rem);left:auto;justify-content:flex-end}kbd{padding:.18rem .32rem;border:1px solid var(--line);color:var(--ink);background:#18160e;font-family:inherit;font-size:.55rem;font-weight:800;letter-spacing:.06em}.control-ribbon b{color:var(--hazard);font-size:.58rem}.human-inspection{position:absolute;top:50%;left:50%;display:grid;min-width:min(20rem,calc(100% - 2rem));justify-items:center;padding:1rem 1.5rem 1.2rem;color:var(--factory);background:var(--hazard);box-shadow:0 0 0 .35rem #14110a;opacity:0;transform:translate(-50%,-50%) scale(.94);transition:opacity .18s,transform .3s var(--ease-out)}.human-inspection.is-visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.scan-line{justify-self:stretch;padding-bottom:.55rem;border-bottom:1px solid oklch(35% .04 92);font-size:.6rem;font-weight:800;text-align:center}.human-action-icon{margin-top:.6rem;font-size:clamp(3rem,10cqw,5.5rem);font-weight:300;line-height:.95}.human-inspection>strong{font-size:.78rem}.human-inspection p{margin:.65rem 0 0;font-size:.65rem}.human-inspection kbd{border-color:#443a1a;color:var(--hazard)}.human-sequence{display:flex;gap:.4rem;margin-top:.8rem}.human-sequence i{display:grid;width:2rem;height:.32rem;place-items:center;overflow:hidden;color:transparent;background:#736847;font-style:normal}.human-sequence i.is-active{background:oklch(27% .06 92)}.human-sequence i.is-complete{background:#29672e}.human-reticle{position:absolute;top:50%;left:50%;width:3.5rem;height:3.5rem;color:var(--ink);transform:translate(-50%,-50%)}.human-reticle i,.human-reticle b{position:absolute;display:block;background:currentColor}.human-reticle i:nth-child(1),.human-reticle i:nth-child(2){top:50%;width:.72rem;height:1px}.human-reticle i:nth-child(1){left:0}.human-reticle i:nth-child(2){right:0}.human-reticle i:nth-child(3),.human-reticle i:nth-child(4){left:50%;width:1px;height:.72rem}.human-reticle i:nth-child(3){top:0}.human-reticle i:nth-child(4){bottom:0}.human-reticle b{top:50%;left:50%;width:.22rem;height:.22rem;transform:translate(-50%,-50%) rotate(45deg)}.human-reticle strong{position:absolute;top:calc(100% + .4rem);left:50%;color:var(--ink-muted);font-size:.48rem;white-space:nowrap;transform:translate(-50%)}.human-reticle.has-target,.human-reticle.has-target strong{color:var(--human)}.human-status{position:absolute;right:clamp(1rem,3vw,3rem);bottom:clamp(4rem,12vh,7rem);display:flex;gap:1.2rem;align-items:end}.charge-dial{display:grid;grid-template-columns:auto auto;align-items:baseline;min-width:7rem;border-bottom:2px solid var(--human);text-align:right}.charge-dial span{grid-column:1 / -1;color:var(--ink-muted);font-size:.58rem;font-weight:700}.charge-dial strong{font-size:clamp(2rem,7cqw,4rem);line-height:.92;letter-spacing:-.07em}.charge-dial i{color:var(--human);font-size:.8rem;font-style:normal}.parts-ledger{display:grid;min-width:14rem;gap:.35rem;padding-left:.8rem;border-left:1px solid var(--line)}.parts-ledger span,.parts-ledger strong{color:var(--ink-muted);font-size:.56rem}.parts-ledger span b{color:var(--ink)}.private-recipe{grid-template-columns:repeat(2,minmax(0,1fr));gap:.16rem}.private-recipe .recipe-row{grid-template-columns:.8rem 1fr auto;padding:.22rem .28rem;background:#16140c}.private-recipe .recipe-row span,.private-recipe .recipe-row b{font-size:.46rem}.human-feedback{position:absolute;right:clamp(1rem,3vw,3rem);bottom:clamp(13.5rem,28vh,17rem);max-width:18rem;padding:.35rem .55rem;color:var(--factory);background:var(--human);font-size:.56rem;font-weight:800;opacity:0;transform:translateY(.4rem);transition:opacity .16s,transform .22s var(--ease-out)}.human-feedback.is-visible{opacity:1;transform:translateY(0)}.human-feedback[data-kind=danger]{color:#f8efee;background:var(--danger)}.human-feedback[data-kind=safe]{color:#051c07;background:var(--safe)}.event-notice{position:absolute;top:16%;left:50%;padding:.42rem .75rem;color:var(--factory);background:var(--hazard);font-size:.64rem;font-weight:800;opacity:0;transform:translate(-50%,-.65rem);transition:opacity .18s,transform .24s var(--ease-out)}.event-notice.is-visible{opacity:1;transform:translate(-50%)}.event-notice[data-kind=human]{color:#f8f0ec;background:var(--human)}.event-notice[data-kind=danger]{color:#f8efee;background:var(--danger)}.boot-brief{position:absolute;bottom:19%;display:grid;padding:.55rem .75rem;color:var(--factory);background:#ded7c2;animation:brief-life 7s var(--ease-out) both}.boot-brief b{font-size:.62rem}.boot-brief span{margin-top:.2rem;font-size:.58rem}.admin-brief{left:3rem}.human-brief{right:3rem;animation-delay:.3s}.match-end{position:absolute;inset:0;display:grid;z-index:20;align-content:center;justify-items:center;color:var(--factory);background:#d7ceb1;opacity:0;transform:scale(1.03);transition:opacity .3s,transform .5s var(--ease-out)}.match-end.is-visible{opacity:1;transform:scale(1)}.match-end[data-winner=human]{color:#f8f0ec;background:#a1321f}.match-end>span{font-size:.68rem;font-weight:800}.match-end h1{margin:.4rem 0 0;font-size:clamp(3rem,11vw,9rem);font-weight:780;line-height:.9;letter-spacing:-.065em}.match-end p{margin:.8rem 0 0;font-size:.8rem;font-weight:750}.end-rule{width:min(28rem,65vw);height:.35rem;margin:2rem 0 1rem;background:currentColor;transform:skew(-18deg)}.match-end strong{font-size:.65rem}.viewport-warning{display:none;position:absolute;right:.5rem;bottom:.5rem;max-width:14rem;padding:.6rem;color:var(--factory);background:var(--hazard);font-size:.58rem}.viewport-warning strong,.viewport-warning span{display:block}.private-ready .human-hud{box-shadow:inset 0 0 0 3px var(--human)}.private-ready .human-hud:after{position:absolute;top:42%;right:1rem;content:"PRIVATE CHASSIS";color:var(--human);font-size:clamp(1.2rem,4cqw,2.5rem);font-weight:800;letter-spacing:-.03em;opacity:.64;transform:rotate(90deg) translate(50%);transform-origin:right}@keyframes hud-enter{0%{opacity:0;transform:translateY(-.75rem)}to{opacity:1;transform:translateY(0)}}@keyframes brief-life{0%{opacity:0;transform:translateY(.5rem)}8%,72%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-.35rem)}}@keyframes critical-pulse{50%{opacity:.4}}@media(max-width:900px),(max-height:560px){.viewport-warning{display:block}.boot-brief,.control-ribbon span{display:none}.shift-status{grid-template-columns:auto minmax(4rem,1fr) auto}.status-kicker{display:none}.human-status{bottom:3rem;gap:.5rem}.parts-ledger{min-width:10rem}.factory-quota{width:9rem}.recipe-row span{display:none}}