:root{--bg: #14100c;--panel: #1e1913;--panel2: #262019;--ink: #ece3d4;--dim: #a8997f;--accent: #8fd14f;--line: #3a3126}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:-apple-system,Segoe UI,Roboto,sans-serif;-webkit-text-size-adjust:100%;overscroll-behavior:none}.loading{height:100%;display:flex;align-items:center;justify-content:center;color:var(--dim)}.app{max-width:640px;margin:0 auto;height:100dvh;display:flex;flex-direction:column;overflow:hidden}.topbar{flex:0 0 auto;background:linear-gradient(#241d15,#1a150f);border-bottom:1px solid var(--line);padding:6px 8px}.res-row{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.res-row::-webkit-scrollbar{display:none}.res{background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:3px 7px;min-width:54px;text-align:center;flex:0 0 auto}.res-n{display:block;font-weight:700;font-size:.85rem}.res-l{display:block;font-size:.58rem;color:var(--dim);letter-spacing:.03em}.status-row{display:flex;align-items:center;gap:8px;margin-top:5px;font-size:.8rem}.dot{width:8px;height:8px;border-radius:50%;background:#888;flex:0 0 auto}.dot.online{background:var(--accent)}.dot.offline{background:#d64545}.dot.connecting{background:#c9b23a}.stab{font-weight:600}.s-vsafe,.s-safe{color:#6fce5a}.s-strained{color:#d3bb45}.s-unstable{color:#e08b2a}.s-critical{color:#ff5a5a}.reset{margin-left:auto;background:#3a2a20;color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:3px 8px;font-size:.72rem;flex:0 0 auto}.board-area{flex:1 1 auto;position:relative;overflow:hidden;background:#0d0a07;min-height:0}.board{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none}.hintbar{position:absolute;left:0;right:0;bottom:0;padding:4px 8px;font-size:.66rem;color:var(--dim);background:linear-gradient(transparent,#0d0a07d9);text-align:center;pointer-events:none}.toast{position:absolute;left:8px;right:8px;top:8px;background:#4a2020;color:#ffd7d7;border:1px solid #6a3030;border-radius:6px;padding:6px 10px;font-size:.8rem;text-align:center;pointer-events:none;z-index:20}.hud{flex:0 0 auto;display:flex;flex-direction:column}.hudbar{display:flex;gap:6px;padding:6px 8px;background:linear-gradient(#1a150f,#241d15);border-top:1px solid var(--line)}.hudtab{flex:1;position:relative;background:var(--panel2);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:9px;font-weight:700;font-size:.82rem}.hudtab.on{background:#3a3020;border-color:var(--accent)}.badge{position:absolute;top:-6px;right:-4px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--accent);color:#10240a;font-size:.68rem;font-weight:800;display:inline-flex;align-items:center;justify-content:center}.badge.danger{background:#e05555;color:#fff}.sheet,.panel{background:var(--panel);border-top:1px solid var(--line);padding:8px 10px;max-height:52dvh;overflow-y:auto}.sheet-title{font-weight:800;font-size:.9rem;margin-bottom:6px}.sheet-head{display:flex;align-items:center;gap:6px}.sheet-head b{font-size:.92rem}.sheet-head .x{margin-left:auto;background:none;border:none;color:var(--dim);font-size:1.3rem;line-height:1}.muted{color:var(--dim);font-size:.78rem}.muted.small{font-size:.68rem}.pad{padding:10px 2px}.hint{color:var(--dim);font-size:.82rem;padding:4px 0}.hint.danger{color:#f88}.row.sub{color:var(--dim);font-size:.74rem;margin-top:6px}.bar{height:8px;background:#0d0a07;border-radius:4px;overflow:hidden;margin:5px 0}.bar .fill{height:100%;background:var(--accent)}.wrow{display:flex;align-items:center;gap:6px;padding:5px 0;border-bottom:1px solid #2a2318}.wrow-main{flex:1;display:flex;align-items:center;gap:6px;background:none;border:none;color:var(--ink);text-align:left;padding:4px;border-radius:6px}.wrow-main:active{background:var(--panel2)}.wrow-main b{font-size:.86rem}.wdot{width:11px;height:11px;border-radius:50%;flex:0 0 auto}.wdot.big{width:16px;height:16px}.wstat{font-size:.72rem;margin-left:auto}.wstat+.wstat{margin-left:0}.tog{display:flex;align-items:center;gap:3px;font-size:.68rem;color:var(--dim);flex:0 0 auto}.trow{display:flex;align-items:center;gap:4px;padding:4px 0;border-bottom:1px solid #2a2318}.trow-main{flex:1;display:flex;align-items:center;gap:6px;background:none;border:none;color:var(--ink);text-align:left;padding:4px;border-radius:6px}.trow-main:active{background:var(--panel2)}.trow.pool{opacity:.92}.slotpip{font-size:.6rem;padding:1px 5px;border-radius:5px;background:#2f2a1e;color:var(--dim);flex:0 0 auto}.slotpip.active{background:#23401a;color:#9fd85a}.slotpip.queued{background:#2a3a4a;color:#8fb0d6}.who{margin-left:auto;font-size:.72rem}.warn{color:#ff6a6a;font-size:.66rem;font-weight:700;flex:0 0 auto}.tile-tasks{margin-top:6px}.mini-title{font-size:.7rem;color:var(--dim);font-weight:700;margin:6px 0 2px;text-transform:uppercase;letter-spacing:.04em}.mini-cards{display:flex;gap:6px;margin-top:8px}.mcard{flex:1;min-width:0;background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:8px 6px;text-align:center;color:var(--ink)}.mcard:disabled{opacity:.55}.mcard.on{border-color:var(--accent);background:#33301f}.mcard-v{display:block;font-weight:800;font-size:.86rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mcard-l{display:block;font-size:.58rem;color:var(--dim);text-transform:uppercase;letter-spacing:.04em;margin-top:1px}.mcard-bar{height:4px;background:#0d0a07;border-radius:2px;margin-top:5px;overflow:hidden}.mcard-bar>div{height:100%;background:var(--accent)}.content-scroll{display:flex;gap:6px;overflow-x:auto;padding:8px 0 2px;scrollbar-width:none}.content-scroll::-webkit-scrollbar{display:none}.cchip{flex:0 0 auto;min-width:52px;background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:6px 9px;display:flex;flex-direction:column;align-items:center;gap:1px}.cchip b{font-weight:800;font-size:.85rem}.cchip span{color:var(--dim);font-size:.62rem}.cchip.waste{opacity:.55}.cchip.done{border-color:#3a6a2a}.cchip.built{border-color:#c9a26b}.mini{background:#2f2a1e;color:var(--ink);border:1px solid var(--line);border-radius:6px;width:26px;height:26px;font-size:.85rem;flex:0 0 auto}.mini.x{color:#e69}.statgrid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.statgrid.small{grid-template-columns:repeat(5,1fr)}.statcell{background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:7px 4px;text-align:center}.statv{display:block;font-weight:800;font-size:.92rem}.statl{display:block;font-size:.6rem;color:var(--dim)}.btn-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.action-row{display:flex;gap:6px;margin-top:8px;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.act,.btn-row button{flex:1 0 auto;min-width:62px;white-space:nowrap;border:none;border-radius:7px;padding:10px;font-weight:700;font-size:.84rem}.move-hint{display:flex;align-items:center;gap:8px;background:#2f5a6a;color:#dff3ff;font-weight:700}.move-hint .x{margin-left:auto}.preview.io{margin-top:3px;font-size:.82rem}.preview.io.in{color:#e0b088}.preview.io.out{color:#cdbb88}.history-list{display:flex;flex-direction:column;gap:2px;max-height:42vh;overflow-y:auto}.hrow{display:flex;align-items:center;gap:8px;padding:5px 2px;border-bottom:1px solid rgba(255,255,255,.05)}.hdot{width:8px;height:8px;border-radius:50%;flex:0 0 auto}.hmsg{flex:1;font-size:.84rem;line-height:1.2}.htime{flex:0 0 auto;font-size:.76rem}.go{background:var(--accent);color:#10240a}.go:disabled{opacity:.5}.survey{background:#2f5a6a;color:#dff3ff}.build{background:#6a5a3a;color:var(--ink)}.cancel{background:#4a3a30;color:var(--ink)}.abandon{background:#5a2626;color:#ffd7d7;flex:0 0 auto;min-width:78px}.flow{margin-top:8px;background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:8px}.flow-title{font-weight:700;font-size:.82rem;margin-bottom:6px}.controls{display:flex;gap:6px}.controls select{flex:1;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:7px;font-size:.8rem}.seg{display:flex;gap:6px;margin:8px 0}.seg.toggles{margin-top:8px}.seg button{flex:1;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:7px;font-size:.78rem}.seg button.on{background:#3a3020;border-color:var(--accent)}.preview{font-size:.78rem;color:#cbb98a;margin:8px 0;text-align:center}.build-sheet{position:fixed;left:0;right:0;bottom:0;max-width:640px;margin:0 auto;background:#221b12;border-top:2px solid var(--accent);border-radius:12px 12px 0 0;padding:10px;z-index:30;max-height:60dvh;overflow-y:auto}.cat-tabs{display:flex;gap:6px;margin:8px 0}.cat-tabs button{background:var(--panel2);color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:6px 10px;font-size:.78rem}.cat-tabs button.on{background:#3a3020;border-color:var(--accent)}.build-scroll{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.build-scroll::-webkit-scrollbar{display:none}.build-card{flex:0 0 auto;min-width:116px;background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:10px;text-align:left;color:var(--ink);display:flex;flex-direction:column;gap:3px}.build-card b{font-size:.88rem}.build-card .eff{color:#9fd85a;font-size:.72rem}.build-card.poor{opacity:.45}.reassign{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0}.chip{background:var(--panel2);color:var(--ink);border:1px solid var(--line);border-radius:14px;padding:6px 11px;font-size:.76rem}