:root{--bg:#0f1a14;--panel:#18281feb;--panel2:#ffffff0f;--line:#ffffff1f;--txt:#eef3e8;--dim:#b4c3af;--acc:#9ad75a;--gold:#ffd966;--good:#62d36c;--warn:#f2b632;--bad:#ef5b4c;--r:8px;--sp1:4px;--sp2:8px;--sp3:12px;--sp4:16px;--sp5:24px;font-family:Be Vietnam Pro,Segoe UI,system-ui,sans-serif;font-size:13px}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--txt);margin:0}#app{gap:var(--sp2);height:100%;padding:var(--sp2);grid-template:"top top top"44px"build scene side"1fr/220px 1fr 400px;display:grid;position:relative}#scene{border-radius:var(--r);background:#16241b;grid-area:scene;min-height:0;position:relative;overflow:hidden}#scene canvas{outline:none;width:100%;height:100%;display:block}#top,#build,#side{background:var(--panel);border:1px solid var(--line);border-radius:var(--r)}#top{align-items:center;gap:var(--sp2);padding:0 var(--sp3);white-space:nowrap;grid-area:top;display:flex;overflow-x:auto}#build{padding:var(--sp3);gap:var(--sp2);flex-direction:column;grid-area:build;display:flex;overflow-y:auto}#side{flex-direction:column;grid-area:side;min-height:0;display:flex}#side .tabs{gap:var(--sp1);padding:var(--sp2);border-bottom:1px solid var(--line);display:flex}#side .body{padding:var(--sp3);flex:1;overflow-y:auto}#hints{left:236px;right:416px;bottom:var(--sp4);gap:var(--sp1);pointer-events:none;z-index:5;flex-direction:column;display:flex;position:absolute}.hint{pointer-events:auto;background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--acc);padding:6px var(--sp3);border-radius:6px}.hint.warn{border-left-color:var(--warn)}.hint.bad{border-left-color:var(--bad)}h3,h4{margin:0 0 var(--sp2)}h4{margin-top:var(--sp3);color:var(--dim);text-transform:uppercase;letter-spacing:.04em;font-size:13px}.brand{color:var(--acc);font-size:16px;font-weight:800}.grow{flex:1}.gold{color:var(--gold)}.dim{opacity:.5}.meta,.note,.empty{color:var(--dim);font-size:12px}.empty{border:1px dashed var(--line);padding:var(--sp3);border-radius:6px}.pill{background:var(--panel2);font-variant-numeric:tabular-nums;border-radius:12px;padding:4px 10px}.pill.good{color:var(--good)}.pill.warn{color:var(--warn)}.pill.bad{color:var(--bad)}.btn{background:var(--panel2);color:var(--txt);border:1px solid var(--line);cursor:pointer;font:inherit;border-radius:6px;padding:5px 10px}.btn:hover:not(:disabled){border-color:var(--acc)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.on{border-color:var(--acc);color:var(--acc)}.btn.bad{border-color:var(--bad);color:var(--bad)}.btn.mini{padding:3px 8px;font-size:12px}.seg{gap:2px;display:inline-flex}.card{gap:2px var(--sp2);text-align:left;background:var(--panel2);border:1px solid var(--line);border-radius:var(--r);padding:var(--sp2) var(--sp3);color:var(--txt);font:inherit;cursor:pointer;grid-template-columns:28px 1fr auto;display:grid}.card:hover{border-color:var(--acc)}.card.poor{opacity:.55}.card .em{grid-row:span 2;align-self:center;font-size:22px}.card .nm{font-weight:600}.card .meta{grid-column:2}.card.locked{opacity:.5;cursor:default}.row{align-items:center;gap:var(--sp2);flex-wrap:wrap;padding:4px 0;display:flex}.row.small{color:var(--dim);font-size:12px}.row.wrap{align-items:flex-start}.row.small .bar{flex:1;min-width:60px}.row.item .bar{flex-basis:100%}.fac{border:1px solid var(--line);border-radius:var(--r);padding:var(--sp2) var(--sp3);margin-bottom:var(--sp2);background:var(--panel2)}.fac .em{font-size:20px}.io{color:var(--dim);font-size:12px}.actions{gap:var(--sp1)}.status{background:var(--panel2);border-radius:10px;margin-left:auto;padding:2px 8px;font-size:12px}.status.good{color:var(--good)}.status.warn{color:var(--warn)}.status.bad{color:var(--bad)}.bar{background:#ffffff1a;border-radius:3px;height:6px;overflow:hidden}.bar i{background:var(--acc);height:100%;display:block}.bar.warn i{background:var(--warn)}.bar.idle i{background:#ffffff4d}.bar.thin{height:3px}.opts{gap:var(--sp1);flex-wrap:wrap;display:flex}.opt{border:1px solid var(--line);cursor:pointer;border-radius:6px;padding:2px 6px;font-size:12px}.opt.on{border-color:var(--acc)}.opt input{display:none}.form{gap:var(--sp1);flex-wrap:wrap;display:flex}input,select{color:var(--txt);border:1px solid var(--line);font:inherit;background:#1b2b22;border-radius:6px;padding:4px 6px}input[type=number]{width:90px}.goal.done{opacity:.55}.goal.now{color:var(--acc);font-weight:600}#toasts{gap:var(--sp1);z-index:30;flex-direction:column;display:flex;position:fixed;top:56px;left:50%;transform:translate(-50%)}.toast{background:var(--panel);border:1px solid var(--good);padding:6px var(--sp3);border-radius:6px}.toast.warn{border-color:var(--warn)}.picker{text-align:center;max-width:880px;padding:var(--sp5);grid-area:1/1/-1/-1;margin:auto}.picker h1{color:var(--acc);margin:0;font-size:36px}.picker .tag{color:var(--dim)}.picker .grid{gap:var(--sp3);margin:var(--sp4) 0;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));display:grid}.pick{text-align:center;cursor:default;display:block}.pick h3{margin:0 0 var(--sp2)}@media (width<=1000px){#app{grid-template:"top"44px"scene"300px"build""side"1fr/1fr;height:auto;min-height:100%;padding-bottom:64px;overflow-y:auto}#build{padding:var(--sp2);flex-direction:row;align-items:flex-start;overflow-x:auto}#build .card{min-width:170px}#side{min-height:420px}#build h3,#build h4,#build summary,#build .prog{display:none}#build details{display:contents}#hints{left:var(--sp2);right:var(--sp2);bottom:var(--sp2);position:fixed;top:auto}#hints .hint:nth-child(n+2){display:none}}.cam{right:var(--sp2);top:var(--sp2);z-index:5;gap:2px;display:flex;position:absolute}.card.armed{border-color:var(--acc);box-shadow:0 0 0 1px var(--acc)}.fac.sel{border-color:var(--acc)}.prog{gap:var(--sp1);margin-bottom:var(--sp2);flex-direction:column;display:flex}.prog .btn{text-align:left;white-space:normal}.card.locked{opacity:.45}#build h4{margin:var(--sp3) 0 var(--sp1)}#build summary{cursor:pointer;color:var(--dim);margin:var(--sp3) 0 var(--sp1)}.picker .grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.pick p{min-height:54px;color:var(--dim)}#build .prog details .btn{margin-top:var(--sp1);width:100%;display:block}#build .prog summary{margin:var(--sp1) 0}#modal{z-index:20;background:#0009;place-items:center;display:grid;position:fixed;inset:0}#modal[hidden]{display:none}.dlg{background:var(--panel);border:1px solid var(--line);padding:var(--sp5);border-radius:12px;width:min(440px,92vw);max-height:90vh;overflow-y:auto}.dlg h2{margin:0 0 var(--sp2);font-size:22px}.dlg label{margin:var(--sp2) 0;color:var(--dim);display:block}.dlg input{width:100%;margin-top:var(--sp1)}.err{color:var(--bad);min-height:1.2em;margin:var(--sp1) 0}#top{gap:6px}#top .pill,#top .btn{padding:4px 8px;font-size:12px}#top .brand{margin-right:4px}