@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&display=swap');
:root{font-family:'Rajdhani',system-ui,sans-serif;color:#e6f0f0;background:#071017;--bg:#071017;--panel:#0d181f;--line:#2a424b;--cyan:#2ac7c8;--lime:#a3e635;--amber:#f5bd3d;--red:#ff5a5a;--muted:#81949a}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% -20%,#183d4b 0,#071017 55%);letter-spacing:.04em}body:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.12;background-image:linear-gradient(#2ac7c8 1px,transparent 1px),linear-gradient(90deg,#2ac7c8 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to bottom,#000,transparent 85%)}#app{max-width:1500px;margin:auto;padding:22px 28px}header,.view-head,footer{display:flex;align-items:center;justify-content:space-between;gap:20px}header{border:1px solid var(--line);border-bottom:2px solid var(--cyan);padding:16px 20px;background:#09141b}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(1.8rem,4vw,3.2rem);line-height:.9;margin:.25rem 0 0;font-weight:600;letter-spacing:.12em}h2{font-size:clamp(2rem,4vw,3.5rem);margin:.2rem 0;letter-spacing:.08em}h3{font-size:1.4rem;letter-spacing:.08em}.eyebrow,.section-kicker,footer{color:var(--cyan);font-size:.72rem;letter-spacing:.18em}.money{font-size:1.5rem;color:var(--amber);font-weight:700}nav{display:flex;gap:3px;margin:18px 0;background:#0b151b;border:1px solid var(--line);padding:4px}button{font:inherit;letter-spacing:.1em;color:#d9eeee;background:#101f27;border:1px solid #31515a;padding:11px 16px;cursor:pointer;transition:.16s}button:hover,button.active{border-color:var(--cyan);background:#123841;color:#fff}button:disabled{cursor:not-allowed;opacity:.38}.primary{display:flex;justify-content:space-between;align-items:center;width:100%;color:#071017;background:var(--cyan);border-color:var(--cyan);font-weight:700}.primary:hover{background:#9ef3ef;color:#071017}.secondary{font-size:.8rem}.view-head{border-bottom:1px solid var(--line);padding:16px 0}.map-layout,.base-layout,.mission-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.75fr);gap:16px;margin-top:16px}.planet-panel,.intel-panel,.base-art,.build-sidebar,.grid-panel,.mission-visual,.mission-sidebar,.research-card,.codex-layout{border:1px solid var(--line);background:linear-gradient(145deg,#101e26,#091219)}.planet-art{position:relative;min-height:650px;overflow:hidden;background:url('../assets/concept/planetary_operations_map_v2.png') center/cover}.planet-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,#091219 100%),linear-gradient(0deg,#091219 0,transparent 28%);pointer-events:none}.planet-sphere{position:absolute;width:67%;aspect-ratio:1;left:5%;top:8%;border-radius:50%;box-shadow:0 0 0 2px #49efff,0 0 36px #21cbe5,0 0 120px #1b6d8c;background:radial-gradient(circle at 38% 30%,#6f9c96 0,#173f54 35%,#07121f 68%);opacity:.6}.planet-glow{position:absolute;width:75%;height:75%;left:2%;top:0;border-radius:50%;background:radial-gradient(circle,#2ac7c833,transparent 65%)}.orbit{position:absolute;border:1px dashed #2ac7c877;border-radius:50%;width:70%;height:24%;left:3%;top:40%;transform:rotate(-28deg)}.orbit-two{top:54%;transform:rotate(18deg);width:64%}.endpoint{position:absolute;z-index:2;border:0;background:transparent;padding:0;text-align:left;color:#fff;text-shadow:0 1px 4px #000;transform:translate(-50%,-50%)}.endpoint span{display:block;width:26px;height:26px;border:2px solid var(--cyan);border-radius:50%;box-shadow:0 0 0 6px #2ac7c822,0 0 20px var(--cyan);background:#071017aa}.endpoint b,.endpoint small{display:block;font-size:.74rem;white-space:nowrap}.endpoint small{color:var(--muted)}.endpoint.yellow span{border-color:var(--amber);box-shadow:0 0 0 6px #f5bd3d22,0 0 20px var(--amber)}.endpoint.red span{border-color:var(--red);box-shadow:0 0 0 6px #ff5a5a22,0 0 20px var(--red)}.endpoint.selected span{transform:scale(1.3)}.legend{display:flex;gap:22px;padding:14px 18px;flex-wrap:wrap;color:var(--muted);font-size:.75rem}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--cyan);margin-right:6px}.dot.yellow{background:var(--amber)}.dot.blue{background:#48b7ff}.dot.red{background:var(--red)}.intel-panel,.mission-sidebar,.build-sidebar{padding:24px}.intel-panel h3,.mission-sidebar h3{font-size:2.2rem;margin:8px 0}.intel-panel p,.mission-sidebar p{color:var(--muted);line-height:1.5}.threat-line{padding:10px 12px;border-left:3px solid var(--cyan);background:#2ac7c811}.threat-line.yellow{border-color:var(--amber);color:var(--amber)}.threat-line.red{border-color:var(--red);color:var(--red)}dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:26px 0}dl div,.mission-facts li{border-top:1px solid var(--line);padding:10px 0}dt,.mission-facts{font-size:.68rem;color:var(--muted)}dd{margin:4px 0 0;font-size:1.1rem}.base-art,.mission-visual{position:relative;overflow:hidden;min-height:440px}.base-art img,.mission-visual img{width:100%;height:100%;min-height:440px;object-fit:cover;opacity:.75}.base-overlay,.mission-label{position:absolute;bottom:16px;left:16px;right:16px;display:flex;justify-content:space-between;padding:12px;background:#071017dd;border:1px solid var(--cyan);font-size:.78rem;color:var(--cyan)}.build-list{display:grid;gap:8px;margin-top:12px}.build-card{display:grid;text-align:left;gap:3px}.build-card strong{font-size:1rem}.build-card span,.build-card small{color:var(--muted);font-size:.75rem}.build-card.built{border-color:var(--lime);background:#a3e63511}.build-card.built small{color:var(--lime)}.grid-panel{padding:18px;margin-top:16px}.grid-panel .view-head{border:0;padding:0 0 12px}.base-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.grid-cell{aspect-ratio:1.5;border:1px solid #31515a;background:#071017;display:grid;place-items:center;color:#50707a}.grid-cell i{font-style:normal;font-size:1.4rem}.grid-cell.occupied{background:#12313a;border-color:var(--cyan);color:#c5ffff;font-size:.72rem;text-align:center}.team-top,.research-head{display:flex;justify-content:space-between;align-items:center;padding:24px 0}.hangar-chip,.resource-big{border:1px solid var(--cyan);padding:14px 20px;text-align:right}.hangar-chip b,.resource-big b{display:block;font-size:1.8rem;color:var(--cyan)}.hangar-chip small,.resource-big span{color:var(--muted);font-size:.7rem}.soldier-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.soldier-card{border:1px solid var(--line);background:linear-gradient(150deg,#172832,#091219);padding:10px}.soldier-card img{width:100%;height:160px;object-fit:contain;background:#071017}.soldier-card strong,.soldier-card span,.soldier-card small{display:block}.soldier-card span,.soldier-card small{color:var(--muted);font-size:.75rem}.soldier-card.empty{display:grid;place-items:center;min-height:230px;color:#43616a}.soldier-card.empty span{font-size:3rem}.recruit-row{display:flex;gap:8px;align-items:center;margin-top:18px;flex-wrap:wrap}.recruit-row .section-kicker{margin-right:8px}.mission-visual{min-height:580px}.mission-visual img{min-height:580px;filter:saturate(.8)}.mission-label{display:grid;gap:3px;justify-content:start}.mission-label b{font-size:1.8rem}.mission-label em{color:var(--red);font-style:normal}.counter-box{border:1px solid var(--red);padding:16px;margin:20px 0;background:#ff5a5a0d}.counter-box span,.counter-box small{display:block;color:var(--muted);font-size:.72rem}.counter-box b{display:block;color:#ff8585;font-size:1.5rem;margin:5px 0}.mission-facts{list-style:none;padding:0;margin:20px 0}.mission-facts li{display:flex;justify-content:space-between}.mission-facts b{color:#fff}.mission-result{margin-top:18px;border-left:3px solid var(--lime);padding:12px;background:#a3e6350d}.mission-result.loss{border-color:var(--red);background:#ff5a5a0d}.mission-result p{margin:8px 0;color:var(--muted)}.research-head strong{display:block;font-size:3rem;color:var(--lime)}.research-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.research-card{display:flex;gap:16px;padding:18px}.research-node{font-size:2rem;color:var(--cyan)}.research-card.done{border-color:var(--lime)}.research-card p,.codex-card p{color:var(--muted);line-height:1.5}.codex-layout{display:grid;grid-template-columns:180px 1fr;margin-top:16px}.codex-nav{display:grid;align-content:start;gap:12px;border-right:1px solid var(--line);padding:20px;color:var(--muted);font-size:.8rem}.codex-nav b{color:var(--cyan);border-left:2px solid var(--cyan);padding-left:8px}.codex-entries{padding:18px;display:grid;gap:12px}.codex-card{display:flex;gap:18px;border-bottom:1px solid var(--line);padding-bottom:18px}.codex-art{width:90px;height:110px;display:grid;place-items:center;font-size:3rem;border:1px solid var(--cyan);color:var(--cyan);background:radial-gradient(circle,#2ac7c833,#071017)}.codex-art.blue{color:#48b7ff}.codex-art.red{color:var(--red)}.codex-card small{color:var(--cyan);font-size:.68rem}footer{border-top:1px solid var(--line);margin-top:24px;padding:16px 0;justify-content:space-between;color:var(--muted)}@media(max-width:850px){#app{padding:12px}.map-layout,.base-layout,.mission-layout,.codex-layout{grid-template-columns:1fr}.soldier-grid,.research-grid{grid-template-columns:repeat(2,1fr)}.planet-art{min-height:480px}.codex-nav{border-right:0;border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr)}nav{overflow:auto}.base-grid{grid-template-columns:repeat(3,1fr)}}
 .approach-picker{margin:20px 0}.approach-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:8px}.approach-card{display:grid;gap:4px;text-align:left;padding:10px 8px}.approach-card strong{font-size:.72rem}.approach-card small{color:var(--muted);font-size:.62rem;line-height:1.2}.approach-card.active{border-color:var(--amber);background:#f5bd3d18;color:var(--amber)}.approach-card.active small{color:#f7d98a}
.planet-art{background-image:url('assets/concept/planetary_operations_map_v2.png')}