:root{--ink:#e9f2f7;--muted:#8fa4b0;--line:#263b47;--panel:#10232d;--panel2:#132a35;--cyan:#63e3f2;--orange:#ff9e4a;--bg:#07151c}*{box-sizing:border-box}body{color:var(--ink);background:radial-gradient(circle at 77% 5%,#163746 0,#0000 27%),linear-gradient(135deg,#07151c,#091b23 55%,#061219);min-height:100vh;margin:0;font-family:Segoe UI,system-ui,sans-serif}button,select{font:inherit}button{cursor:pointer}main{max-width:1500px;min-height:100vh;margin:auto;padding:0 36px}.topbar{border-bottom:1px solid var(--line);align-items:center;gap:12px;height:78px;display:flex}.brandmark{background:var(--orange);color:#17232a;clip-path:polygon(12% 0,100% 0,100% 75%,76% 100%,0 100%,0 24%);place-items:center;width:39px;height:39px;font-weight:900;display:grid}.topbar strong{letter-spacing:.12em;text-transform:uppercase;font-size:15px;display:block}.topbar span{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;font-size:11px}.beta{border:1px solid var(--line);color:var(--cyan);letter-spacing:.1em;margin-left:auto;padding:7px 10px;font:700 10px ui-monospace}.hero{justify-content:space-between;align-items:flex-end;gap:30px;padding:42px 0 34px;display:flex}.eyebrow{color:var(--orange);letter-spacing:.16em;font:700 11px ui-monospace}.hero h1{letter-spacing:-.055em;max-width:680px;margin:12px 0 16px;font-size:clamp(38px,5vw,68px);line-height:.95}.hero>div>p:last-child{color:var(--muted);max-width:650px;margin:0;line-height:1.6}.statline{border:1px solid var(--line);background:#0b1c24aa;display:flex}.statline div{border-right:1px solid var(--line);min-width:110px;padding:15px 22px}.statline div:last-child{border:0}.statline b,.statline span{display:block}.statline b{color:var(--cyan);font:700 25px ui-monospace}.statline span{text-transform:uppercase;color:var(--muted);margin-top:4px;font-size:10px}.workspace{grid-template-columns:minmax(320px,420px) 1fr;gap:18px;display:grid}.panel{border:1px solid var(--line);background:linear-gradient(155deg,#112832e8,#0d2029e8);box-shadow:0 18px 70px #0005}.controls{padding:22px}.panel-title{border-bottom:1px solid var(--line);align-items:center;gap:13px;margin-bottom:20px;padding-bottom:17px;display:flex}.panel-title>span{color:var(--orange);border:1px solid #714928;padding:5px;font:700 12px ui-monospace}.panel-title h2{margin:0;font-size:16px}.panel-title p{color:var(--muted);margin:2px 0 0;font-size:11px}.controls>label{text-transform:uppercase;letter-spacing:.1em;color:#aac0ca;margin:20px 0 8px;font:700 10px ui-monospace;display:block}.picker{grid-template-columns:1fr 64px;gap:8px;display:grid}.picker select{min-width:0;color:var(--ink);background:#091921;border:1px solid #304956;outline:none;padding:11px}.picker select:focus{border-color:var(--cyan)}.picker button{color:var(--cyan);background:#183642;border:1px solid #3e6270;font-weight:700}.chips{flex-direction:column;gap:6px;max-height:154px;margin-top:8px;display:flex;overflow:auto}.chips.components{max-height:240px}.chip{background:#0a1a22;border:1px solid #1f3540;align-items:center;gap:9px;min-height:40px;padding:7px 8px;display:flex}.chip span{flex:1;font-size:12px}.chip small{color:var(--muted);font:700 10px ui-monospace}.chip>button{color:#728b96;background:0 0;border:0;font-size:20px;line-height:1}.chip>button:hover{color:#ff7a70}.mini{justify-content:start;gap:1px;width:38px;display:grid}.mini i{background:0 0;width:7px;height:7px;display:block}.mini i.on{background:var(--orange)}.solve{background:var(--orange);color:#17232a;text-transform:uppercase;letter-spacing:.08em;border:0;justify-content:space-between;width:100%;margin-top:22px;padding:14px 16px;font-weight:900;display:flex}.solve:hover{background:#ffb062}.clear{width:100%;color:var(--muted);background:0 0;border:0;margin-top:7px;padding:8px;font-size:11px}.grid-panel{min-width:0;padding:22px}.grid-panel .panel-title{position:relative}.status{max-width:350px;color:var(--orange);text-align:right;margin-left:auto;font:600 11px ui-monospace}.status.success{color:#73e6ad}.grid-wrap{width:min(75vw,570px);margin:15px auto 24px;padding:25px 0 0 25px;position:relative}.power-grid{aspect-ratio:1;grid-template-columns:repeat(8,1fr);gap:6px;display:grid}.cell{clip-path:polygon(7% 0,100% 0,100% 93%,93% 100%,0 100%,0 7%);border:1px solid #20323c;transition:all .2s;position:relative}.cell.powered{background:#174f4b;border-color:#277a70;box-shadow:inset 0 0 16px #2ab29d20}.cell.shielded{background:#174867;border-color:#2676a0;box-shadow:inset 0 0 18px #4ac7ff28}.cell.off{background:#09151b;border-color:#172831}.cell.occupied{background:color-mix(in srgb,var(--piece) 72%,#10232d);border:2px solid var(--piece);box-shadow:inset 0 0 0 3px #0b1a2055,0 0 12px color-mix(in srgb,var(--piece) 25%,transparent)}.cell b{color:#081219;place-items:center;font:900 clamp(13px,2vw,22px) ui-monospace;display:grid;position:absolute;inset:0}.grid-label{color:#657f8a;word-spacing:10px;justify-content:space-around;font:10px ui-monospace;display:flex;position:absolute;top:3px;left:25px;right:0}.row-labels{color:#657f8a;flex-direction:column;justify-content:space-around;font:10px ui-monospace;display:flex;position:absolute;top:25px;bottom:0;left:5px}.legend{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;justify-content:center;gap:20px;font-size:10px;display:flex}.legend span{align-items:center;gap:6px;display:flex}.legend i{border:1px solid;width:9px;height:9px}.legend i.shielded{background:#174867;border-color:#2676a0}.legend i.powered{background:#174f4b;border-color:#277a70}.legend i.off{background:#09151b;border-color:#172831}.manifest{border-top:1px solid var(--line);margin-top:23px;padding-top:18px}.manifest h3{text-transform:uppercase;color:var(--muted);letter-spacing:.12em;font:700 10px ui-monospace}.manifest>div{grid-template-columns:1fr 1fr;gap:7px;display:grid}.manifest article{background:#0a1b23;border:1px solid #213944;align-items:center;gap:9px;padding:9px;display:flex}.manifest article>i{color:#071219;border-radius:3px;place-items:center;width:26px;height:26px;font:900 12px ui-monospace;display:grid}.manifest article div{flex:1}.manifest article b,.manifest article span{display:block}.manifest article b{font-size:11px}.manifest article span{color:var(--muted);margin-top:3px;font:9px ui-monospace}.manifest article em{color:#6fc9f0;font:9px ui-monospace}footer{color:#647c87;justify-content:space-between;padding:30px 0 38px;font-size:11px;display:flex}footer a{color:#8db4c5;text-decoration:none}@media (width<=900px){main{padding:0 18px}.hero{flex-direction:column;align-items:flex-start}.workspace{grid-template-columns:1fr}.controls{order:1}.grid-panel{order:2}.statline{width:100%}.statline div{flex:1}.manifest>div{grid-template-columns:1fr}.grid-wrap{width:min(88vw,560px)}}@media (width<=560px){main{padding:0 12px}.hero{padding:28px 0 24px}.hero h1{font-size:43px}.statline div{min-width:0;padding:12px 9px}.statline b{font-size:20px}.panel{padding:15px}.grid-wrap{padding:20px 0 0 20px}.power-grid{gap:3px}.grid-label{left:20px}.row-labels{top:20px}.legend{flex-wrap:wrap}.status{text-align:left;position:absolute;top:62px;left:0}.grid-panel .panel-title{margin-bottom:48px}footer{flex-direction:column;gap:8px}}