/* ATLAS MAX • Hybrid command-deck redesign • offline, dependency-free */
:root{
  color-scheme:dark;
  --bg:#070d16;--surface:#111c2a;--surface-raised:#152334;--surface-deep:#0b1622;
  --stroke:#2a3b4c;--stroke-strong:#3a5566;--text:#e9f3f4;--sub:#a8bdc9;
  --muted:#7d94a4;--accent:#77e6d0;--accent-glow:rgba(112,233,207,.18);
  --violet:#b4a0ff;--amber:#ffce7a;--rose:#ff91aa;--blue:#81c4ff;--mint:#77e6d0;
  --radius:15px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-size:13px;line-height:1.5}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}::selection{background:#327368;color:#fff}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.backdrop{position:fixed;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse 45% 26% at 42% -2%,rgba(22,106,113,.25),transparent 95%),radial-gradient(ellipse 38% 45% at 100% 22%,rgba(74,64,129,.12),transparent 83%),linear-gradient(145deg,#090f19 0%,#080f1a 50%,#0b1421 100%)}.backdrop:before{content:"";position:absolute;inset:0;opacity:.19;background-image:radial-gradient(1px 1px at 24px 50px,#c9e4e4 98%,transparent),radial-gradient(1px 1px at 118px 94px,#c9e4e4 98%,transparent);background-size:190px 180px,267px 238px}.backdrop:after{content:"";position:absolute;inset:0;opacity:.12;background:linear-gradient(transparent 97%,#5794ad 98%);background-size:100% 54px;mask-image:linear-gradient(0deg,transparent 30%,black)}
#app{max-width:1710px;margin:auto;padding:0 26px 28px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.noscript{padding:50px;text-align:center}
/* Masthead */
.topbar{height:76px;border-bottom:1px solid #283e4d;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px}.brand-icon{width:45px;height:45px;display:grid;place-items:center;flex:none;border:1px solid #66c4b5;background:linear-gradient(145deg,#163a3e,#111f2d 75%);border-radius:13px;box-shadow:0 0 35px #40bba321,inset 0 0 19px #287f7640;color:var(--accent);font-size:28px;line-height:1}.brand-name{font-weight:900;font-size:20px;line-height:1;letter-spacing:.135em}.brand-name span{color:var(--accent)}.brand-sub{font-size:9px;font-weight:750;letter-spacing:.19em;color:#7d9cac;margin-top:7px}.brand-sub b{color:var(--accent)}.top-actions{display:flex;align-items:center;gap:9px}.version{border:1px solid #31574f;border-radius:100px;background:#0f352b99;color:#a9ead7;display:inline-flex;align-items:center;gap:9px;white-space:nowrap;font-size:10px;font-weight:800;letter-spacing:.08em;padding:9px 13px}.dot,.signal-dot,.live-dot,.status-dot{width:7px;height:7px;display:inline-block;border-radius:100%;background:var(--accent);box-shadow:0 0 12px #55d6bc8a}.top-link{color:#c4d9df;background:#121e2b;border:1px solid var(--stroke);border-radius:9px;font-size:12px;font-weight:750;padding:9px 14px;transition:background .17s,border-color .17s}.top-link:hover{border-color:#5dada0;background:#183443}
.command-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:30px 4px 27px}.eyebrow{font-size:10px;letter-spacing:.16em;color:#8bb2b6;font-weight:850;text-transform:uppercase}.command-heading .eyebrow{color:var(--accent);display:flex;align-items:center;gap:8px}.command-heading h1{font-weight:850;font-size:clamp(26px,3vw,39px);letter-spacing:-.045em;line-height:1.2;margin:11px 0 6px}.command-heading h1 em{font-style:normal;color:var(--accent)}.command-heading p{color:#92aaba;font-size:12px;margin:0}.command-aside{min-width:226px;border-left:1px solid #3b5661;padding:7px 0 7px 22px;display:flex;flex-direction:column;gap:5px}.command-aside span{font-size:10px;letter-spacing:.18em;color:var(--accent);font-weight:800}.command-aside strong{font-size:12px;letter-spacing:.06em}.command-aside small{color:var(--muted);font-size:11px}
/* Top equipment navigation */
.gear-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:17px}.gear-btn{min-width:0;position:relative;display:flex;align-items:center;gap:12px;text-align:left;overflow:hidden;padding:13px 14px;border:1px solid #304454;border-radius:12px;background:linear-gradient(145deg,#142230,#101c29);color:#b1c9d1;transition:background .16s,border-color .16s,transform .16s}.gear-btn:hover{background:#1d3040;border-color:#5a8a93;transform:translateY(-1px)}.gear-btn.active{border-color:#79d6c2;background:linear-gradient(110deg,rgba(42,115,112,.39),rgba(17,42,54,.75));box-shadow:0 0 25px #4ed0ac12,inset 0 -2px #75dcca}.gear-btn:after{content:"";height:1px;position:absolute;bottom:0;left:15px;right:15px;background:linear-gradient(90deg,transparent,#568d8d55,transparent)}.gear-icon,.loadout-badge{display:grid;place-items:center;flex:none;color:#a9ddde}.gear-btn.active .gear-icon{color:var(--accent)}.gear-glyph{width:28px;height:28px}.gear-text{display:flex;min-width:0;flex-direction:column;gap:2px}.gear-text b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#e2f0f3}.gear-text small{font-size:9px;color:#7895a5;letter-spacing:.1em;font-weight:780;white-space:nowrap}.gear-btn.active .gear-text small{color:#83cdbf}.gear-arrow{margin-left:auto;font-weight:850;color:#658c9b;font-size:14px}.gear-btn.active .gear-arrow{color:#8cebd9}
.loadout-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 20px;background:linear-gradient(97deg,#132b35 0%,#11212d 56%,#141d2d 100%);border:1px solid #31515a;border-radius:14px;position:relative;overflow:hidden;margin-bottom:19px}.loadout-banner:before{content:"";position:absolute;width:420px;height:160px;right:100px;top:-90px;border:1px solid #75b5b322;border-radius:100%;transform:rotate(-10deg);pointer-events:none}.loadout-identity{display:flex;align-items:center;gap:15px;min-width:0;z-index:1}.loadout-badge{width:51px;height:51px;background:#173a3e;border:1px solid #498783;border-radius:11px;box-shadow:inset 0 0 25px #4bcbb01a;color:#91f0d9}.loadout-badge .gear-glyph{width:34px;height:34px}.loadout-identity h2{font-size:20px;letter-spacing:-.025em;margin:2px 0;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.loadout-identity p{margin:3px 0 0;color:#9ab8c1;font-size:11px}.class-badge{font-size:9px;letter-spacing:.08em;color:#c0f6e8;border:1px solid #527f79;border-radius:4px;padding:3px 7px;white-space:nowrap}.loadout-status{flex:none;z-index:1;display:flex;align-items:center;gap:9px;background:#32281e;border:1px solid #69523b;color:#e2bf8d;padding:8px 13px;font-size:11px;letter-spacing:.03em;border-radius:8px;font-weight:800}.loadout-status .status-dot{background:var(--amber);box-shadow:0 0 8px #ffd17f70}.loadout-status.ready{background:#17352e;border-color:#4e8c7a;color:#9ce8cd}.loadout-status.ready .status-dot{background:var(--accent)}
/* Workbench shell */
.workspace{display:grid;grid-template-columns:minmax(252px,294px) minmax(0,1fr) minmax(242px,285px);gap:16px;align-items:start}.panel{min-width:0;min-height:0;background:linear-gradient(180deg,rgba(20,33,47,.98),rgba(13,25,38,.99));border:1px solid var(--stroke);border-radius:var(--radius);box-shadow:0 12px 36px #00000012,0 1px 0 #79cad20b inset}.config-panel,.insight-panel{position:sticky;top:14px;max-height:calc(100vh - 28px);overflow:auto;scrollbar-width:thin;scrollbar-color:#375061 transparent}.panel-heading{padding:19px 17px 15px;border-bottom:1px solid #2a4050;display:flex;justify-content:space-between;align-items:center;gap:10px}.panel-heading h3{font-size:16px;letter-spacing:-.03em;margin:4px 0 0}.collapse-button{border:0;background:transparent;color:var(--accent);font-size:11px;display:none;white-space:nowrap}.config-block{padding:16px 17px 20px;border-bottom:1px solid #2a4050}.form-row{display:flex;flex-direction:column;gap:6px;margin-bottom:15px}.form-row:last-child{margin-bottom:0}.label{color:#a9c0ca;font-size:11px;font-weight:750}.control,.small-select{background:#0b1622;color:var(--text);border:1px solid #385064;border-radius:8px;min-width:0;width:100%;outline:none}.control{padding:10px 11px;height:39px}.control:hover,.small-select:hover{border-color:#5a7b87}.control:focus,.small-select:focus{border-color:var(--accent);box-shadow:0 0 0 2px #6de6ce20}.control:disabled{color:#72909f;opacity:.7}.controls-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.segmented{display:flex;width:100%;gap:4px;background:#0a1623;padding:4px;border:1px solid #324859;border-radius:9px}.segmented button{flex:1;border:none;border-radius:6px;background:transparent;color:#91aab9;font-weight:850;padding:6px}.segmented button.current{background:linear-gradient(90deg,#24574f,#25645a);color:#dcfff5;box-shadow:0 1px 9px #56d3b714}.tiny{margin:5px 0 0;font-size:10px;line-height:1.55;color:#7f98a8}.library-heading{padding:20px 17px 9px}.library-heading h3{margin:3px 0 0;font-size:15px}.library-heading h3 span{font-size:10px;font-weight:700;color:var(--accent);margin-left:4px}.library-search{margin:3px 14px 10px;display:flex;gap:7px;align-items:center;border:1px solid #364b5b;border-radius:9px;background:#0b1622;padding:0 10px;color:#73a7aa;font-size:21px}.library-search:focus-within{border-color:var(--accent)}.library-search input{width:100%;min-width:0;color:#e6f7f5;border:0;outline:0;background:transparent;height:36px;font-size:11px}.library-search input::placeholder{color:#668899}.family-list{padding:0 13px 10px}.tech-section-title{font-size:10px;letter-spacing:.12em;color:#82b3bc;text-transform:uppercase;padding:13px 5px 7px;margin:3px 0 6px;border-bottom:1px solid #304658}.tech-section-title.filtered-out,.family-entry.filtered-out{display:none}.family-entry{padding:2px 7px 5px;border:1px solid transparent;border-radius:9px;margin-bottom:4px;transition:border-color .16s,background .16s}.family-entry:hover{background:#172a39;border-color:#334e5b}.family-entry.is-enabled{background:rgba(34,71,69,.17)}.family-row{display:flex;align-items:center;gap:8px;min-height:43px}.family-row>input,.addon-row input{appearance:none;flex:none;width:15px;height:15px;border:1px solid #567084;border-radius:4px;background:#0b1925;cursor:pointer;margin:0;position:relative}.family-row>input:checked,.addon-row input:checked{background:#61cdb8;border-color:#77e5d0}.family-row>input:checked:after,.addon-row input:checked:after{content:"";position:absolute;top:1px;left:4px;width:4px;height:7px;border:solid #07211f;border-width:0 2px 2px 0;transform:rotate(45deg)}.family-row>label{display:block;min-width:0;flex:1;cursor:pointer}.fam-topline{display:flex;align-items:center;gap:9px}.family-icon{display:inline-grid;place-items:center;flex:none;width:32px;height:32px;border:1px solid currentColor;border-radius:8px;background:#1d2d3b}.family-glyph{width:22px;height:22px;display:block}.fam-title{font-size:11px;font-weight:850;line-height:1.25;color:#d1e4e9}.fam-sub{display:block;margin-left:41px;margin-top:-2px;color:#7f9aa7;font-size:9.5px;line-height:1.45}.family-priority{align-self:center;color:#65aa9d;font-size:12px}.family-icon.mint,.slot-icon.mint{color:var(--mint)}.family-icon.amber,.slot-icon.amber{color:var(--amber)}.family-icon.blue,.slot-icon.blue{color:var(--blue)}.family-icon.violet,.slot-icon.violet{color:var(--violet)}.family-icon.rose,.slot-icon.rose{color:var(--rose)}.addon-details{margin-left:23px;border-left:1px solid #385465;padding-left:10px}.addon-details summary{font-size:10px;cursor:pointer;color:#98c3cb;list-style:none;display:flex;justify-content:space-between;align-items:center;padding:6px 3px}.addon-details summary::before{content:"▸";color:#68c2b3;margin-right:5px}.addon-details[open] summary::before{content:"▾"}.addon-details summary span{margin-left:auto;color:#70b1a4}.addon-list{display:grid;gap:4px;padding:5px 0 9px}.addon-row{display:flex;align-items:center;gap:8px;padding:5px 0;cursor:pointer;color:#b7ced9;font-size:10px;line-height:1.3}.addon-row:hover{color:#fff}.addon-row.dimmed{opacity:.4;cursor:not-allowed}.addon-row input{width:13px;height:13px}.addon-row input:checked:after{width:3px;height:6px;left:4px;top:1px}.addon-glyph{color:var(--accent);width:20px;height:20px;display:grid;place-items:center;flex:none}.addon-glyph.blue{color:var(--blue)}.addon-glyph.amber{color:var(--amber)}.addon-glyph.violet{color:var(--violet)}.addon-glyph.rose{color:var(--rose)}.addon-glyph .family-glyph{width:18px;height:18px}.config-note{font-size:10px;color:#91a7b6;border-top:1px solid #2e4855;padding:13px 16px 17px}.config-note strong{color:#d7f3e9}
/* Central metrics and grid */
.workbench{min-width:0}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:14px}.metric{display:flex;align-items:center;gap:10px;background:linear-gradient(145deg,#172636,#112030);border:1px solid #2d4657;border-radius:11px;min-width:0;min-height:84px;padding:12px}.metric-icon{display:grid;place-items:center;flex:none;width:34px;height:34px;background:#173c3c;color:#93e8d5;border:1px solid #316d69;border-radius:9px;font-size:20px}.metric.purple .metric-icon{background:#302950;border-color:#675896;color:#c5acff}.metric.score .metric-icon{background:#343022;border-color:#655a3b;color:#ffd28a}.metric-name{font-size:9px;font-weight:840;letter-spacing:.11em;color:#90acb9;white-space:nowrap}.metric-value{font-size:24px;font-weight:870;letter-spacing:-.06em;line-height:1.2;margin-top:4px;white-space:nowrap}.metric-value span{font-size:11px;letter-spacing:0;color:#6c8a9b;margin-left:2px}.planner{overflow:hidden}.planner-head{padding:22px 22px 19px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.planner-head h2{font-size:19px;font-weight:850;letter-spacing:-.04em;margin:6px 0}.helper{font-size:11px;margin:0;color:#8ca8b7}.planner-settings{display:flex;flex:none;gap:7px;margin-top:12px}.small-select{width:auto;padding:8px 8px;font-size:10px;font-weight:700;min-width:75px}.modes{display:flex;align-items:center;gap:6px;margin:0 21px 16px;padding:5px;border:1px solid #2f4858;background:#0b1926;border-radius:9px;flex-wrap:wrap}.mode-label{font-size:9px;letter-spacing:.12em;color:#7296a1;font-weight:850;padding:0 6px}.mode{border:1px solid transparent;border-radius:6px;background:transparent;color:#aac0ce;padding:8px 10px;font-size:11px;font-weight:720;white-space:nowrap}.mode:hover{background:#1d3441}.mode.active{color:#c5fbed;background:#28554d;border-color:#457b72;box-shadow:0 2px 8px #1e786327}.mode.subtle{margin-left:auto;color:#7d9caa}.grid-frame{background:linear-gradient(145deg,#0b1723,#0c1b2a);border:1px solid #344d5c;border-radius:13px;margin:0 20px;padding:13px 13px 11px;position:relative;overflow:hidden}.grid-frame:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.13;background-image:linear-gradient(#416273 1px,transparent 1px),linear-gradient(90deg,#416273 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(180deg,black,transparent 85%)}.grid-utility,.grid-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#7797a6;font-size:9px;font-weight:830;letter-spacing:.09em;position:relative}.grid-utility{padding:0 3px 12px}.grid-utility span:first-child{display:flex;align-items:center;gap:8px;color:#88d3c8}.live-dot{width:6px;height:6px}.grid-scroll{overflow:auto;scrollbar-color:#3a5969 transparent;scrollbar-width:thin;padding:1px 0 3px;position:relative}.tech-grid{min-width:calc(var(--columns) * 67px);display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));gap:6px;position:relative;padding:2px}.cell{position:relative;min-width:0;min-height:77px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 4px;overflow:hidden;color:#6b8798;border:1px solid #294657;border-radius:8px;background:linear-gradient(150deg,#111f2c,#0e1b29);box-shadow:inset 0 1px 0 #a4faff08;transition:background .12s,border-color .12s,box-shadow .12s,opacity .12s;touch-action:manipulation}.cell:hover{border-color:#688d9b;background:#1b3441}.cell:focus-visible{z-index:4;outline:2px solid #a3fff0}.cell.tile{border-color:color-mix(in srgb,var(--tile-color),#233a4a 55%);background:linear-gradient(160deg,color-mix(in srgb,var(--tile-color),#162533 13%),#101d2a 70%);color:#d6e9ec;cursor:grab}.cell.tile:active{cursor:grabbing}.cell.tile.mint{--tile-color:var(--mint)}.cell.tile.blue{--tile-color:var(--blue)}.cell.tile.amber{--tile-color:var(--amber)}.cell.tile.violet{--tile-color:var(--violet)}.cell.tile.rose{--tile-color:var(--rose)}.cell.tile:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:var(--tile-color);opacity:.78}.cell .slot-icon{width:32px;height:32px;display:grid;place-items:center;flex:none}.slot-glyph{width:30px;height:30px;display:block;filter:drop-shadow(0 3px 4px #0008)}.cell-name{font-size:9px;font-weight:770;line-height:1.17;text-align:center;color:#c9e0e7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;max-width:100%}.cell-rank{font-size:9px;line-height:1;color:var(--tile-color,#8da3b1);font-weight:880;letter-spacing:.08em}.cell:not(.tile) .cell-rank{color:#8ba5b1}.cell-code{font-size:18px;color:#436579;font-weight:300}.cell .number{position:absolute;right:5px;bottom:3px;font-size:8px;color:#456170;letter-spacing:.06em}.cell.locked{background:repeating-linear-gradient(135deg,#17222f,#17222f 4px,#131e2b 4px,#131e2b 8px);color:#657a87;border-style:dashed;border-color:#3b4c5a}.cell.locked .lock-icon{color:#5e7a8a}.cell.sc{border-color:#9d82dd;box-shadow:inset 0 0 0 1px #9272dd66,inset 0 0 23px #7f5bc225,0 0 13px #9e81ef15}.cell.sc:after{content:"✦";position:absolute;right:5px;top:3px;color:#d3b7ff;text-shadow:0 0 8px #9c78fa;font-size:11px;pointer-events:none}.cell.sc:not(.tile){background:radial-gradient(circle at center,#342748,#142138 80%)}.cell .sc-empty-icon{color:#d2b3ff}.cell.selected{z-index:3;outline:2px solid #91fff0;outline-offset:-2px;box-shadow:0 0 0 2px #81edce60,0 0 20px #7fe9d42e}.cell.same-family:not(.selected){box-shadow:inset 0 0 16px #56ccab1a}.cell.deemphasized{opacity:.63}.cell.drag-over{outline:2px dashed #a0ffdf;outline-offset:-3px;background:#1b4340}.adjacency-edge{position:absolute;z-index:2;background:#88f9d6;box-shadow:0 0 8px #73fbd6,0 0 12px #79f8d9;pointer-events:none;border-radius:3px}.adjacency-edge.top{top:0;left:25%;right:25%;height:3px}.adjacency-edge.bottom{bottom:0;left:25%;right:25%;height:3px}.adjacency-edge.left{left:0;top:25%;bottom:25%;width:3px}.adjacency-edge.right{right:0;top:25%;bottom:25%;width:3px}.grid-footer{padding:12px 3px 1px;letter-spacing:0;font-size:10px;font-weight:650}.occupancy,.progress-track{height:4px;border-radius:3px;background:#25404f;overflow:hidden;flex:1}.occupancy span,.progress-track span{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,#398a81,#84efcf);box-shadow:0 0 10px #68dfc095}.grid-legend{display:flex;flex-wrap:wrap;align-items:center;gap:15px;padding:15px 23px 10px;font-size:10px;color:#9ab4c1}.grid-legend>span{display:inline-flex;align-items:center;gap:6px}.swatch{width:10px;height:10px;display:inline-block;border:1px solid #4e8d8b;border-radius:2px;background:#235047}.scswatch{border-color:#aa8be9;background:#493769}.adjwatch{border-color:#88f9d6;background:#88f9d6;box-shadow:0 0 6px #7bffe0}.lkswatch{border-style:dashed;border-color:#6c7f87;background:#25333d}.hint-line{display:flex;justify-content:space-between;flex-wrap:wrap;gap:7px;padding:0 22px 13px;color:#8eb8b8;font-size:10px}.hint-line span{color:#748e9c}.notice{font-size:10.5px;color:#b0c8d1;background:#112332;border:1px solid #355165;padding:11px 12px;border-radius:9px;margin:10px 20px 0;line-height:1.6}.notice strong{color:#d8eeee}.notice.warning{border-color:#66523e;background:#3d2e1d77;color:#e8c49e}.notice.warning strong{color:#ffdcad}.toolbar-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:20px 20px 12px}.action-row{display:flex;gap:8px;flex-wrap:wrap}.btn{font-size:11px;font-weight:820;color:#c7dce3;background:#1a2d3c;border:1px solid #3b5667;border-radius:9px;padding:10px 12px;white-space:nowrap}.btn:hover:not(:disabled){border-color:#709b9d;background:#213b49}.btn.primary{border-color:#78dec7;background:linear-gradient(120deg,#5aceb9,#a9f4d8);color:#062822;box-shadow:0 4px 22px #48d7b236;font-size:12px;padding:11px 17px}.btn.primary:hover{background:linear-gradient(120deg,#8fead4,#caf9e9);border-color:#caffee}.btn.primary span{margin-left:12px}.btn.quiet{background:transparent;color:#8ca7b6;border-color:#304554}.btn.quiet.warn:hover{color:#ffb0b2;border-color:#a46a71}.score-explainer{margin:0 21px 20px;padding-top:11px;border-top:1px solid #283d4d;color:#7894a3;font-size:10px;line-height:1.55}
/* Right intelligence rail */
.insights-body{padding:14px}.inspector-card{background:linear-gradient(150deg,#102d34,#132232);border:1px solid #3c6265;border-radius:11px;padding:14px;min-height:182px}.inspector-kicker{font-size:9px;letter-spacing:.14em;font-weight:880;color:#98bfc0;display:flex;justify-content:space-between;gap:8px}.inspector-kicker span{color:var(--accent)}.inspect-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:9px;padding:17px 4px 6px}.inspect-placeholder{display:grid;place-items:center;width:51px;height:51px;border:1px dashed #517c82;border-radius:11px;color:#79d5c4;background:#193c3b}.inspect-placeholder .gear-glyph{width:30px;height:30px}.inspect-empty strong{font-size:12px}.inspect-empty p{color:#8dadb7;font-size:10px;margin:0;line-height:1.5}.inspector-title{display:flex;align-items:center;gap:9px;margin-top:14px}.inspector-title .family-icon{width:41px;height:41px}.inspector-title .family-glyph{width:29px;height:29px}.inspector-title div{display:flex;flex-direction:column;gap:3px}.inspector-title strong{font-size:12px}.inspector-title small{font-size:10px;color:#9bd5cb}.inspector p{font-size:10px;color:#b0c8ce;line-height:1.6;margin:12px 0 8px}.inspector-note{border-top:1px solid #426267;color:#93b2b9;font-size:10px;padding-top:9px}.insight-metrics{padding:19px 2px 17px;border-bottom:1px solid #2d4353}.insight-metric{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;color:#90aab9;padding:6px 0}.insight-metric strong{font-size:11px;color:#d2e6e9;text-align:right}.insight-metric small{color:#7996a2;font-size:10px}.progress-track{margin:5px 0 11px;height:5px}.briefing{padding:19px 2px 2px}.catalog-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.catalog-head h3{font-size:14px;margin:0;letter-spacing:-.015em}.catalog-head>span{color:var(--accent);font-size:15px}.intro{color:#a1b8c3;font-size:11px;line-height:1.65;margin:10px 0 16px}.priority-item{display:flex;gap:9px;border-top:1px solid #2b4050;padding:12px 0}.number-badge{width:25px;height:25px;display:grid;place-items:center;flex:none;border:1px solid #376861;background:#183a3a;color:#8ae2cd;font-size:10px;border-radius:7px;font-weight:850}.priority-item h4{font-size:11px;margin:1px 0 4px}.priority-item p{font-size:10px;color:#8ca9b7;line-height:1.6;margin:0}.briefing .notice{margin:16px 0 0}.briefing .notice p{margin:5px 0 0}.empty-state{background:#102430;border:1px dashed #41616b;border-radius:9px;padding:14px;display:flex;align-items:flex-start;gap:9px;color:#9bb2c1;font-size:10px;line-height:1.6}.empty-state>span{font-size:18px;color:var(--accent)}.empty-state p{margin:0}.empty-state strong{color:#e2f2ec}.technology-plan{margin-top:20px;border-top:1px solid #354c5b;padding-top:2px}.technology-plan>summary{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 2px;cursor:pointer;font-size:12px;font-weight:850;list-style:none}.technology-plan summary>span:first-child{display:flex;flex-direction:column;gap:3px}.technology-plan summary small{font-size:10px;color:#7a9baa;font-weight:650}.technology-plan summary>span:last-child{color:var(--accent)}.family-card{border:1px solid #2b4855;border-radius:9px;background:#0d202d;padding:11px;margin-bottom:9px}.family-head{display:flex;justify-content:space-between;align-items:center;gap:7px}.family-heading{display:flex;align-items:center;gap:7px;font-size:11px}.family-heading .family-icon{width:30px;height:30px}.family-heading .family-glyph{width:19px;height:19px}.family-head .tag{color:#7fc9b8;font-size:9px;white-space:nowrap}.family-desc{font-size:10px;color:#98b3bd;margin-top:9px}.family-components{font-size:10px;color:#7e9ba8;margin-top:7px}.family-components b{color:#bad4d9}.crafted-list{margin-top:5px;color:#97c9c2}
/* Help / footer */
.guide{margin-top:14px;padding:0 17px}.guide>summary{list-style:none;display:flex;justify-content:space-between;gap:15px;align-items:center;padding:14px 2px;cursor:pointer;color:#a9c7d0}.guide>summary span:first-child{color:var(--accent)}.guide>summary strong{color:#d6e9ed;font-weight:820;margin-left:7px}.guide>summary span:last-child{font-size:10px}.guide>summary b{margin-left:5px;font-size:13px}.guide[open]>summary{border-bottom:1px solid #294758}.guide-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:14px 0}.step{background:#0b1c2b;border:1px solid #294653;border-radius:9px;padding:11px}.step-num{font-size:10px;color:#79d8c4;font-weight:870;letter-spacing:.09em}.step strong{display:block;margin:8px 0 4px;font-size:11px}.step p{margin:0;color:#8ba4b2;font-size:10px;line-height:1.5}.guide-footer{font-size:10px;color:#869fae;padding:0 2px 14px}.guide-footer a{margin:0 10px 0 0}.footer{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:26px 0;color:#658393;font-size:10px;letter-spacing:.06em}.toast{position:fixed;z-index:100;bottom:24px;right:24px;max-width:calc(100vw - 48px);padding:13px 16px;border-radius:11px;color:#dbfff3;background:#123d34;border:1px solid #67bfa8;box-shadow:0 15px 50px #0008;font-size:12px;font-weight:750}.toast.error{background:#3f2226;border-color:#ad6268;color:#ffe1e2}
/* Responsive strategy: two column workstation -> stacked touch-first layout */
@media(max-width:1430px){#app{padding:0 18px 25px}.workspace{grid-template-columns:minmax(230px,258px) minmax(0,1fr) minmax(225px,246px);gap:12px}.panel-heading{padding:16px 13px}.config-block{padding:14px 13px}.library-heading{padding:16px 13px 8px}.metric{padding:10px 8px;gap:7px;min-height:76px}.metric-icon{width:28px;height:28px;font-size:17px}.metric-name{font-size:8px}.metric-value{font-size:22px}.metric-value span{font-size:9px}.planner-head{padding:18px}.planner-head h2{font-size:17px}.modes{margin:0 15px 14px}.grid-frame{margin:0 14px;padding:11px}.tech-grid{min-width:calc(var(--columns) * 65px)}.cell{min-height:70px}.toolbar-bottom{padding:16px 15px 10px}.grid-legend{padding-left:16px}.hint-line{padding:0 16px 13px}}
@media(max-width:1170px){.workspace{grid-template-columns:252px minmax(0,1fr)}.insight-panel{grid-column:2;position:static;max-height:none}.insights-body{display:grid;grid-template-columns:260px 1fr;gap:15px}.inspector-card{grid-row:span 2}.briefing{padding:3px 0}.insight-metrics{padding:0;border:none}.technology-plan{grid-column:1/-1}.command-heading{padding:24px 0}.gear-btn{padding:11px 10px;gap:7px}.gear-glyph{width:23px;height:23px}.gear-text b{font-size:11px}.gear-text small{font-size:8px}.gear-arrow{font-size:12px}}
@media(max-width:860px){#app{padding:0 14px 23px}.topbar{height:70px}.command-aside{display:none}.command-heading h1{font-size:32px}.workspace{grid-template-columns:minmax(0,1fr)}.config-panel,.insight-panel{grid-column:1;position:static;max-height:none}.config-panel{order:1}.workbench{order:2}.insight-panel{order:3}.collapse-button{display:block}.config-body,.insights-body{display:none}.config-panel.is-open .config-body{display:block}.insight-panel.is-open .insights-body{display:grid}.collapse-button .when-open{display:none}.is-open .collapse-button .when-open{display:inline}.is-open .collapse-button .when-closed{display:none}.config-panel{max-height:none}.config-panel.is-open .family-list{max-height:460px;overflow:auto;scrollbar-width:thin}.config-block{display:grid;grid-template-columns:1fr 1fr;column-gap:14px}.config-block .controls-2{grid-template-columns:1fr 1fr}.config-block .form-row{margin-bottom:10px}.config-block>.form-row:first-child{grid-column:span 2}.config-block>.controls-2{grid-column:span 2}.gear-text small{display:none}.gear-nav{gap:6px}.gear-btn{justify-content:center;padding:10px 8px}.gear-btn .gear-arrow{display:none}.metrics{gap:8px}.tech-grid{min-width:calc(var(--columns) * 66px)}.cell{min-height:73px}}
@media(max-width:590px){#app{padding:0 10px 20px}.topbar{gap:7px;height:69px}.brand-icon{width:38px;height:38px;font-size:25px;border-radius:10px}.brand-name{font-size:17px}.brand-sub{font-size:7px;letter-spacing:.12em}.version{display:none}.top-link{padding:7px 9px;font-size:11px}.top-actions{gap:5px}.command-heading{padding:20px 2px 22px}.command-heading h1{font-size:27px}.command-heading p{font-size:11px}.gear-nav{gap:5px;margin-bottom:10px}.gear-btn{padding:9px 2px;gap:4px;flex-direction:column}.gear-btn .gear-icon{height:23px}.gear-btn .gear-glyph{width:23px;height:23px}.gear-text b{font-size:9px;letter-spacing:-.025em}.gear-text{text-align:center}.loadout-banner{padding:13px 12px;align-items:flex-start;margin-bottom:13px}.loadout-badge{width:39px;height:39px}.loadout-badge .gear-glyph{width:28px;height:28px}.loadout-identity{gap:10px}.loadout-identity h2{font-size:17px}.loadout-identity p{font-size:10px}.loadout-status{font-size:0;padding:6px;gap:0;align-self:start}.loadout-status .status-dot{width:8px;height:8px}.workspace{gap:11px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:11px}.metric{min-height:68px;padding:10px 12px}.metric-icon{width:32px;height:32px}.metric-name{font-size:9px}.metric-value{font-size:22px}.planner-head{flex-direction:column;gap:10px;padding:16px 14px}.planner-head h2{font-size:18px}.planner-settings{margin:0}.modes{margin:0 10px 11px;gap:3px;padding:4px}.mode-label{width:100%;padding:4px 7px 0}.mode{font-size:10px;padding:7px 6px;flex:1}.mode.subtle{flex:none}.mode span{display:inline}.grid-frame{margin:0 9px;padding:8px}.grid-utility{font-size:8px;letter-spacing:.03em}.grid-legend{gap:10px;padding:12px 12px 8px}.hint-line{padding:0 12px 11px}.toolbar-bottom{padding:15px 10px 9px}.action-row{width:100%}.btn{flex:1;text-align:center}.score-explainer{margin:0 12px 15px}.tech-grid{min-width:calc(var(--columns) * 57px);gap:4px}.cell{min-height:67px;border-radius:6px}.cell .slot-icon{width:27px;height:27px}.slot-glyph{width:26px;height:26px}.cell-name{font-size:8px}.cell-rank{font-size:8px}.insight-panel.is-open .insights-body{display:block}.inspector-card{min-height:175px}.guide-steps{grid-template-columns:1fr}.guide>summary span:last-child{font-size:9px}.footer{padding:19px 0;gap:7px;font-size:8px}.config-block{display:block}.config-block>.form-row:first-child{grid-column:auto}.controls-2{display:grid}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

/* v1.6 — supercharged optimization transparency */
.cell.sc.sc-effective{box-shadow:inset 0 0 0 1px #c9a0fc,inset 0 0 25px #aa76ee50,0 0 15px #ab89f444;border-color:#d8aaff}
.cell.sc.sc-low{border-color:#76638e;box-shadow:inset 0 0 16px #5b4b713b}
.cell.sc .sc-impact{position:absolute;top:3px;left:4px;font-size:8px;line-height:1;font-weight:850;color:#efe1ff;border-radius:3px;background:#633aa488;padding:2px 3px;pointer-events:none}
.inspector-sc{display:grid;gap:5px;margin:10px 0;padding:10px;border:1px solid #6f5799;background:#2f234378;border-radius:8px;color:#d3bee9;font-size:10px;line-height:1.5}
.inspector-sc strong{color:#f0d8ff;font-size:10px}
.sc-analysis{border:1px solid #6d578e;background:linear-gradient(150deg,#25213b,#161f30);border-radius:10px;padding:12px;margin:3px 0 12px;color:#cbb7e1}
.sc-analysis-head{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:11px;color:#e1ccf6}
.sc-analysis-head span{font-size:10px;color:#cba6f3}
.sc-score-row{display:grid;grid-template-columns:1fr auto 1fr auto;gap:5px;align-items:center;font-size:9px;margin:10px 0;border-top:1px solid #69517c;padding-top:10px}
.sc-score-row strong{font-size:13px;color:#f1dcff}
.sc-assignment-list{list-style:none;padding:0;margin:0;display:grid;gap:6px}
.sc-assignment{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:6px;align-items:center;font-size:10px;border-top:1px solid #463854;padding-top:7px}
.sc-assignment .sc-coord{color:#dec0ff;font-size:9px;white-space:nowrap}
.sc-assignment b{color:#dac0fc}
.sc-assignment.is-filler{opacity:.7}
.sc-analysis .sc-disclaimer,.sc-analysis .sc-analysis-empty{font-size:9px;line-height:1.6;color:#a998bc;margin:10px 0 0}

/* SC-first planning strategy explanation */
.sc-focus-strategy{border:1px solid #645185;background:#271e3b;border-radius:8px;padding:10px;margin:10px 0 11px;font-size:10px;line-height:1.6;color:#e4cfff}
.sc-focus-strategy strong{color:#f4e7ff}.sc-focus-strategy span{color:#b8a8cb}

/* Technology audit: make a selected tile's verified adjacency status clear. */
.inspector-relationship{padding:.65rem .75rem;border:1px solid rgba(80,174,170,.26);background:rgba(51,143,153,.08);border-radius:.55rem;color:#bcd6d9;font-size:.82rem;line-height:1.5;}
.inspector-relationship strong{color:#f1fcfc;}