:root{font-family:Inter,'Segoe UI',sans-serif;color:#e3ecef;background:#080f16;color-scheme:dark;--panel:#111e28;--edge:#293b47;--soft:#91a8b5;--accent:#69dbc4;--amber:#f3b671}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit;font-size:13px}button,input,select{background:#172935;border:1px solid #345060;border-radius:7px;color:inherit;padding:9px 12px}button{cursor:pointer;transition:background .15s,border-color .15s}button:hover{border-color:var(--accent);background:#223d47}button:disabled{opacity:.4;cursor:default}button.primary{background:#64d8bd;color:#0d2626;border-color:#64d8bd;font-weight:750}button.danger{color:#ffaf9e}button.active{border-color:var(--accent);color:var(--accent);background:#193c3c}input:focus,select:focus{outline:2px solid #63d7c155;outline-offset:2px}h1,h2,h3,p{margin:0}h1{font-size:26px}h2{font-size:19px}h3{font-size:14px}small,.muted{color:var(--soft);font-size:12px;line-height:1.5}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--accent);font-weight:700;text-transform:uppercase}.topbar{height:62px;border-bottom:1px solid var(--edge);display:flex;align-items:center;gap:24px;padding:0 24px;background:#0b151e}.brand{font-size:16px;font-weight:850;letter-spacing:1px;white-space:nowrap}.brand span{font-size:10px;color:var(--accent);margin-left:6px;letter-spacing:2px}.nav{display:flex;gap:5px}.nav button{border:0;background:transparent;color:var(--soft);padding:20px 14px;border-radius:0;border-bottom:2px solid transparent}.nav button.active{color:var(--accent);border-bottom-color:var(--accent)}.topright{margin-left:auto;display:flex;align-items:center;gap:10px}.badge{display:inline-block;padding:4px 7px;border:1px solid #34454e;border-radius:20px;font-size:10px;color:var(--soft)}.notice{position:fixed;top:72px;right:18px;max-width:420px;background:#243b42;border:1px solid #658783;border-radius:8px;padding:13px 18px;z-index:50;box-shadow:0 10px 45px #0009}.boot,.login{margin:15vh auto;max-width:620px;padding:40px}.login h1{font-size:42px;line-height:1.12;margin:18px 0}.login p{color:var(--soft);line-height:1.75;margin-bottom:25px}.login input{margin-right:8px}.page{max-width:1680px;margin:auto;padding:22px 24px}.pagehead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.spread{justify-content:space-between}.panel{background:linear-gradient(135deg,#12212c,#0e1922);border:1px solid var(--edge);border-radius:12px;padding:18px}.workspace{display:grid;grid-template-columns:230px minmax(480px,1fr) 310px;gap:16px;align-items:start}.library{max-height:72vh;overflow:auto}.library h3{margin-bottom:12px}.weapon-card{margin-top:8px;padding:12px;border:1px solid #2c404a;background:#13232d;border-radius:9px;cursor:pointer}.weapon-card.selected{border-color:var(--accent);background:#183630}.weapon-card .frame-icon{width:72px;height:38px;color:var(--soft)}.weapon-card strong{font-size:12px;display:block;margin-bottom:4px}.weapon-card button{font-size:11px;padding:5px 9px}.slots{padding:12px 0;display:grid;gap:7px}.slot{display:flex;align-items:center;gap:8px;padding:9px;border:1px solid var(--edge);border-radius:7px;font-size:12px}.slot b{color:var(--accent)}.slot button{margin-left:auto;padding:2px 7px}.boardtop{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin:14px 0}.boardtop input{flex:1;min-width:120px}.grid{display:grid;gap:3px;margin:18px auto;max-width:760px;padding:14px;background:radial-gradient(ellipse at center,#1b323e,#09121b);border:1px solid #375563;border-radius:12px;box-shadow:inset 0 0 35px #0006;touch-action:manipulation}.cell{aspect-ratio:1;border:1px solid #36505c;padding:1px;background:#152530;border-radius:4px;position:relative;min-width:0;overflow:hidden}.cell svg{width:100%;height:100%;display:block}.cell.blocked{background:repeating-linear-gradient(45deg,#111b22,#111b22 5px,#1c2a32 5px,#1c2a32 7px);border-color:#223039}.cell.selected{border:2px solid #f2c681}.cell.endpoint{background:#204440;color:var(--accent);font-size:11px;font-weight:900}.cell.drop{outline:2px solid var(--accent)}.trace{stroke:#0a131b;stroke-width:12;stroke-linecap:round;fill:none}.trace-core{stroke:#59b6b4;stroke-width:5;fill:none}.port-in{fill:#b0fff0;stroke:#21413f;stroke-width:1}.port-out{fill:#f2be76}.symbol-back{fill:#152b38;stroke:#587684;stroke-width:1}.component-glyph{stroke:var(--glyph-color,#d8eff6);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}.glyph-fill{fill:#34464d}.glyph-solid{fill:var(--glyph-color);stroke:none}.glyph-thin{stroke-width:1}.palette{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:15px 0}.part-button{padding:7px 3px;font-size:9px;text-align:center;min-width:0;touch-action:none}.part-button svg{width:47px;height:47px;display:block;margin:auto}.metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:16px 0}.metric{padding:12px;background:#0c171f;border:1px solid #253d48;border-radius:8px}.metric b{display:block;font-size:21px;color:#dff2ed;margin-top:4px}.metric small{font-size:10px}.valid{color:#81d9b7}.invalid{color:#eeac88}.diagnostics{font-size:12px;color:var(--soft);line-height:1.6;max-height:150px;overflow:auto}.diagnostics p{margin:5px 0}.charts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.chart{background:#0a1720;border:1px solid var(--edge);border-radius:9px;padding:14px}.chart svg{width:100%;height:170px;display:block}.chart h3{font-size:12px}.legend{display:flex;gap:15px;font-size:11px;color:var(--soft);margin:10px 0}.legend .normal{color:#67dcc6}.legend .od{color:#f1b976}.range{margin-top:16px}.range canvas{display:block;width:100%;height:310px;border-radius:9px;background:#08141d}.range-controls{margin-bottom:10px}.lobby-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:20px}.rooms{display:grid;gap:10px;margin-top:16px}.roomcard{display:flex;justify-content:space-between;align-items:center;padding:15px;border:1px solid var(--edge);border-radius:8px}.members{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.member{padding:18px;background:#0b1720;border:1px solid #2e4351;border-radius:9px;min-height:82px}.member.ready{border-color:#4b9581}.member small{display:block;margin-top:8px}.formrow{display:flex;align-items:center;gap:12px;margin:14px 0;font-size:13px}.formrow input[type=checkbox]{accent-color:var(--accent)}.empty{padding:55px 20px;text-align:center;color:var(--soft)}.empty h2{color:#d1e1e8;margin-bottom:12px}.combat{height:calc(100dvh - 62px);display:flex;flex-direction:column}.combatbar{display:grid;grid-template-columns:230px 1fr 300px;align-items:center;gap:16px;padding:9px 20px;border-bottom:1px solid #31424b;background:#101c26;min-height:74px}.combatbar h3{font-size:13px}.combat-status{font-size:11px;color:var(--soft);margin-top:5px}.components-hud{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0}.components-hud .parts{display:flex;max-width:100%;gap:3px;overflow:hidden}.part-status{width:27px;min-width:17px;position:relative;border:1px solid #385360;border-radius:3px;background:#182c37}.part-status svg{width:100%;height:25px;display:block}.part-status i{height:2px;display:block;background:#61cfb7;transform-origin:left}.part-status.hot{border-color:#e0a060}.weapon-hud{display:flex;gap:5px;justify-content:flex-end;flex-wrap:wrap}.weapon-hud button{font-size:10px;padding:7px}.arena{position:relative;flex:1;min-height:200px;overflow:hidden;background:#050b12}.arena canvas.scene,.arena canvas.overlay{position:absolute;inset:0;width:100%;height:100%;display:block}.arena .overlay{pointer-events:none}.minimap{position:absolute;top:14px;left:15px;width:186px;height:144px;pointer-events:none;opacity:.77;transition:opacity .15s}.player-hud{position:absolute;bottom:19px;left:18px;width:212px;pointer-events:none;transition:opacity .15s}.player-hud .readout{padding:12px;background:#0a1828a8;border:1px solid #51687955;border-radius:9px}.player-hud .statrow{font-size:10px;display:flex;justify-content:space-between;margin:6px 0;color:#d2e5e9}.bar{height:5px;background:#4e61703b;border-radius:3px;overflow:hidden}.bar i{height:100%;display:block;background:#74cfb7}.bar.stamina i{background:#d7b677}.player-hud button{pointer-events:auto;font-size:10px;margin-top:7px;padding:7px 12px}.arena-help{position:absolute;bottom:13px;right:16px;color:#a2b7c999;font-size:10px;pointer-events:none;max-width:340px;text-align:right;line-height:1.6}.game-message{position:absolute;left:50%;top:12px;transform:translateX(-50%);text-align:center;color:#e3efe9;background:#081827bb;border:1px solid #45607188;border-radius:8px;padding:12px 22px;pointer-events:none}.game-message.end{top:38%;padding:28px;pointer-events:auto;box-shadow:0 12px 60px #000a}.drag-preview{position:fixed;pointer-events:none;z-index:100;width:56px;height:56px;background:#182d38;border:1px solid #76ceb9;border-radius:6px}.drag-preview svg{width:100%;height:100%}.quiet{background:transparent}.w100{width:100%}button:focus-visible{outline:2px solid #aef1df;outline-offset:2px}.file{display:none}.divider{height:1px;background:var(--edge);margin:15px 0}.hotkey{font-size:10px;border:1px solid #49606d;border-radius:4px;padding:1px 4px;color:#bbcbd2;margin-right:5px}select{max-width:100%}@media(max-width:1200px){.workspace{grid-template-columns:180px minmax(390px,1fr) 250px;gap:10px}.page{padding:15px}.panel{padding:13px}.topbar{padding:0 15px;gap:10px}.combatbar{grid-template-columns:170px 1fr 245px;gap:8px;padding:8px 12px}.components-hud .parts{max-width:390px}.topright .badge{display:none}}@media(max-width:940px){.workspace{grid-template-columns:170px 1fr}.tools{grid-column:1/-1}.palette{grid-template-columns:repeat(11,1fr)}.metrics{grid-template-columns:repeat(4,1fr)}.charts{grid-template-columns:1fr}.chart svg{height:155px}.lobby-grid{grid-template-columns:1fr}.topbar{gap:5px}.brand{font-size:12px}.nav button{padding:21px 9px}.topright button{padding:7px}.combatbar{grid-template-columns:125px 1fr 200px}.components-hud .parts{max-width:250px}.part-status{width:21px}.arena-help{display:none}}@media(max-width:650px){.workspace{display:flex;flex-direction:column}.workspace>*{width:100%}.library{max-height:230px}.palette{grid-template-columns:repeat(4,1fr)}.topbar{height:auto;min-height:62px;flex-wrap:wrap}.topright{display:none}.combatbar{grid-template-columns:1fr 1fr}.components-hud{grid-column:1/-1;grid-row:2}.combat{height:calc(100dvh - 62px)}.pagehead{align-items:flex-start;flex-direction:column}.metrics{grid-template-columns:1fr 1fr}.login{padding:25px}.login h1{font-size:32px}}