:root{color-scheme:dark;--bg:#060d14;--panel:#0b1a24;--line:#274351;--text:#ebf8f4;--muted:#93afb9;--lime:#b9f47a;--gold:#f7bf69;--red:#fc727b;--font:ui-monospace,SFMono-Regular,Consolas,monospace}*{box-sizing:border-box}body{margin:0;min-width:300px;color:var(--text);background:radial-gradient(ellipse at 80% 1%,#25404c55,transparent 42%),var(--bg);font-family:Arial,Helvetica,system-ui,sans-serif}button{cursor:pointer;font:inherit}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,canvas:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.skip{position:absolute;top:-90px;left:10px;background:white;color:black;padding:10px}.skip:focus{top:0}header{display:flex;gap:24px;justify-content:space-between;align-items:center;border-bottom:1px solid #254351;padding:18px max(25px,3vw)}header .brand{display:flex;align-items:center;gap:9px;font:bold 12px var(--font);letter-spacing:.07em}header .brand:first-letter{font-size:22px;color:var(--lime)}header nav{display:flex;gap:23px}header nav a,header small{font:10px var(--font);color:#b5cbd3}main{max-width:1710px;margin:0 auto;padding:0 clamp(14px,3vw,55px) 60px}.hero{display:flex;justify-content:space-between;gap:20px;align-items:end;padding:46px 0 36px}.kicker,.overline{font:10px var(--font);color:var(--lime);letter-spacing:.13em}.dot,.meta-bar i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 13px var(--lime);margin-right:8px}.hero h1{font-size:clamp(56px,8vw,119px);line-height:.82;letter-spacing:-.075em;margin:22px 0 23px;font-weight:1000}.hero h1 em{font-style:normal;color:var(--gold)}.hero h1 .suffix{font:normal 12px var(--font);letter-spacing:.1em;vertical-align:top;margin-left:20px;color:var(--muted)}.hero p{max-width:770px;color:#a9c1c9;line-height:1.7;font-size:14px;margin:0}.hero-stat{min-width:175px;align-self:end;margin-bottom:7px;text-align:right;display:grid;gap:6px}.hero-stat strong{font:18px var(--font)}.hero-stat span{font:9px var(--font);color:#819cad}.hero-stat .status{font:9px var(--font);letter-spacing:.08em;color:var(--lime);margin-top:14px}.machine-shell{border:1px solid #2b5060;background:#07141d;box-shadow:0 28px 90px #0007}.meta-bar{padding:14px 17px;display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #2b4857;font:10px var(--font);color:#c4d9d8}.meta-bar i{vertical-align:middle}.frame-data{display:flex;gap:18px;color:#86acb7}.layout{display:grid;grid-template-columns:minmax(0,1fr) 280px}.factory-section{min-width:0}.canvas-holder{position:relative;overflow:hidden;aspect-ratio:1120/660;background:#0d2631}.canvas-holder canvas{display:block;width:100%;height:100%;touch-action:none;image-rendering:auto}.canvas-head{position:absolute;top:11px;left:12px;right:12px;display:flex;justify-content:space-between;pointer-events:none;font:10px var(--font);color:#deedd9;text-shadow:0 1px 5px black}.canvas-head span{padding:7px 9px;background:#06121ac0;border:1px solid #45606d}.message{position:absolute;bottom:10px;left:10px;background:#05131ccc;color:#d2efbf;font:10px var(--font);padding:9px 13px;pointer-events:none;max-width:85%;border-left:3px solid var(--lime)}.controls{padding:9px 13px;border-top:1px solid #2d4b58;display:flex;gap:14px;justify-content:space-between;align-items:center;flex-wrap:wrap}.toggle-group{display:flex;gap:5px;flex-wrap:wrap}.utility{border:1px solid #3b5a6b;color:#c4e0df;background:#142e3a;padding:10px 12px;font:10px var(--font)}.utility:hover{border-color:var(--lime);color:var(--lime)}.utility.subtle{color:#e9b3ad;background:#261f28}.legend{font:9px var(--font);color:#7597a8}.toolbox{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));padding:10px;gap:6px;border-top:1px solid #203a47}.tool{background:linear-gradient(145deg,#15303a,#0b1c29);border:1px solid #2e5361;color:#e1e8e4;min-height:74px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:7px 4px;text-align:center}.tool.active{border-color:#e9c271;box-shadow:inset 0 3px #f6c46a;background:#29362c}.tool .symbol{font-size:23px;line-height:1}.tool b{font:9px var(--font)}.tool small{font:8px var(--font);color:#9db6bc}.inspector{border-left:1px solid #2b4857;background:linear-gradient(160deg,#0f2430,#07141e);min-width:0}.side-section{padding:19px 18px;border-bottom:1px solid #2a4654}.credits{margin-top:14px;display:grid;gap:5px}.credits span{font:10px var(--font);color:#97b7bd}.credits strong{font:32px var(--font);color:#f6d496;letter-spacing:-.09em}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:17px 5px;margin-top:24px}.metrics small{display:block;font:9px var(--font);color:#84a8b6;margin-bottom:8px}.metrics b{font:19px var(--font)}.side-section h2{font-size:18px;letter-spacing:-.03em;margin:12px 0}.side-section p{font-size:12px;line-height:1.75;color:#b0c3cc;margin:7px 0}.contract-numbers{display:flex;justify-content:space-between;gap:10px;margin-top:18px;font:14px var(--font)}.contract-numbers b:last-child{color:var(--lime)}.bar{height:5px;background:#25404d;margin-top:12px}.bar>div{height:100%;width:0;background:var(--lime)}.details{font:10px var(--font);color:#e8cd95;margin-top:15px}.event-log{font:10px/1.6 var(--font);color:#9ebdc3;max-height:118px;overflow:auto}.event-log div{border-left:2px solid #638979;padding-left:8px;margin-bottom:9px}.side-footer{padding:19px;color:#70919c;font:9px/1.7 var(--font)}.below{padding:80px 0}.below-intro h2{font-size:clamp(34px,5vw,70px);letter-spacing:-.075em;line-height:.99;margin:15px 0}.below-intro p{color:#a7c0c9;line-height:1.7;max-width:760px}.mechanic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:36px}.mechanic-grid article{padding:24px;border:1px solid #274655;background:#0b1b27}.mechanic-grid article span{font:10px var(--font);color:var(--lime)}.mechanic-grid h3{font-size:18px;letter-spacing:-.04em}.mechanic-grid p{font-size:12px;line-height:1.7;color:#9fb4c1}footer{border-top:1px solid #243e4c;padding:20px 35px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font:10px var(--font);color:#8eacb7}@media(max-width:1030px){.layout{grid-template-columns:1fr}.inspector{border-left:0;border-top:1px solid #294957;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.side-footer{grid-column:1/-1}.hero-stat{display:none}}@media(max-width:670px){header{flex-wrap:wrap;gap:8px}header small{display:none}.hero{padding:36px 0 23px}.hero h1{font-size:clamp(52px,15vw,88px)}.hero p{font-size:12px}.toolbox{grid-template-columns:repeat(3,minmax(0,1fr))}.meta-bar{font-size:8px}.frame-data{gap:7px}.legend{font-size:8px}.inspector{display:block}.mechanic-grid{grid-template-columns:1fr}.canvas-head{font-size:8px;top:2px;left:2px;right:2px}.canvas-head span{padding:5px}.message{bottom:2px;left:2px;padding:5px;font-size:8px}.controls{gap:10px}.utility{padding:8px;font-size:9px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}}