:root{
  --bg:#05070a;--panel:#0b1016;--panel2:#101720;--line:rgba(205,220,230,.15);--line2:rgba(205,220,230,.28);
  --text:#f2f5f6;--muted:#8f9ca7;--blue:#8ea9b8;--bright:#dce7ed;--red:#9d343c;
}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:
radial-gradient(circle at 14% 8%,rgba(78,104,119,.12),transparent 24rem),
radial-gradient(circle at 90% 12%,rgba(119,73,54,.12),transparent 26rem),var(--bg);
color:var(--text);font:15px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
button,a{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid #fff;outline-offset:3px}
.intel-sitebar{min-height:58px;padding:9px max(16px,calc((100vw - 1500px)/2));display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--line);background:rgba(5,7,10,.92);backdrop-filter:blur(16px);position:sticky;top:0;z-index:30}
.back-link{color:#c8d2d8;text-decoration:none;font-size:.76rem;font-weight:800;letter-spacing:.04em}
.intel-site-title{margin:auto;display:flex;align-items:center;gap:8px;font-size:.67rem;text-transform:uppercase;letter-spacing:.13em}.intel-site-title span{color:#7e8c96}.intel-site-title strong{color:#dce4e9}
.utility-button{padding:7px 10px;border:1px solid var(--line);background:#0b1015;font-size:.7rem;cursor:pointer}
.game-shell{max-width:1500px;margin:auto;padding:28px 18px 70px}.command-header{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;padding:24px 4px 28px}
.eyebrow,.panel-label{color:var(--blue);font-size:.66rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.command-copy h1{margin:5px 0 10px;font:900 clamp(3.4rem,6vw,6.4rem)/.83 "Arial Narrow",Impact,sans-serif;text-transform:uppercase;letter-spacing:-.03em}
.command-copy>p:last-child{max-width:720px;margin:0;color:#9eabb4}.intel-readout{text-align:right;min-width:260px;padding:17px 19px;border:1px solid var(--line2);background:linear-gradient(140deg,#101821,#080c11)}
.intel-readout span{display:block;color:#86949e;font-size:.66rem;font-weight:900;text-transform:uppercase;letter-spacing:.13em}.intel-readout strong{display:block;margin:4px 0;font:900 clamp(2.2rem,4vw,4.4rem)/1 "Arial Narrow",Impact,sans-serif}.intel-readout small{color:#9fb5c2;font-weight:800}
.game-grid{display:grid;grid-template-columns:minmax(240px,.78fr) minmax(480px,1.55fr) minmax(280px,.9fr);gap:12px;align-items:start}.left-column,.right-column{display:grid;gap:12px}
.planet-console,.manual-console,.clearance-panel,.operations-panel,.briefing-panel,.upgrade-panel,.future-sector{border:1px solid var(--line);background:linear-gradient(145deg,rgba(15,21,29,.96),rgba(7,10,14,.98))}
.planet-console{padding:20px}.planet-orbit{position:relative;height:260px;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle,rgba(137,160,171,.09),transparent 60%)}
.planet{width:145px;height:145px;border-radius:50%;background:
radial-gradient(circle at 34% 28%,rgba(245,215,171,.7),transparent 15%),
radial-gradient(circle at 60% 54%,rgba(97,64,44,.5),transparent 22%),
linear-gradient(135deg,#c89b68,#755239 55%,#3c2d25);box-shadow:inset -34px -20px 48px rgba(0,0,0,.55),0 0 42px rgba(183,137,89,.13)}
.orbit{position:absolute;border:1px solid rgba(154,180,194,.22);border-radius:50%;transform:rotate(-16deg)}.orbit-one{width:220px;height:110px}.orbit-two{width:280px;height:145px;transform:rotate(22deg)}
.node{position:absolute;width:8px;height:8px;border-radius:50%;background:#60737d;box-shadow:0 0 10px rgba(142,169,184,.2);transition:.3s}.node.active{background:#dce9ef;box-shadow:0 0 14px rgba(220,233,239,.75)}
.n1{left:24%;top:35%}.n2{right:24%;top:33%}.n3{left:18%;bottom:29%}.n4{right:17%;bottom:27%}.n5{left:48%;top:11%}.n6{left:48%;bottom:9%}
.planet-meta span,.clearance-value span{display:block;color:#74838d;font-size:.62rem;text-transform:uppercase;letter-spacing:.12em}.planet-meta strong{font:900 1.8rem/1 "Arial Narrow",Impact,sans-serif;text-transform:uppercase}.planet-meta small{display:block;margin-top:4px;color:#8f9ca5}
.sector-progress{margin-top:18px}.progress-label{display:flex;justify-content:space-between;color:#8f9ca5;font-size:.68rem;font-weight:800;text-transform:uppercase}.progress-track{height:7px;margin-top:7px;background:#18222b;overflow:hidden}.progress-track i{display:block;height:100%;width:0;background:#a9beca;transition:width .35s}
.manual-console,.clearance-panel{padding:18px}.intercept-button{width:100%;margin:11px 0 9px;padding:18px 12px;border:1px solid #768c99;background:linear-gradient(180deg,#293843,#17232c);cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.08),0 8px 25px rgba(0,0,0,.25);transition:.08s}
.intercept-button:hover{background:linear-gradient(180deg,#334754,#1a2933)}.intercept-button:active{transform:translateY(2px)}.intercept-button span,.intercept-button strong{display:block}.intercept-button span{font-size:.8rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.intercept-button strong{margin-top:4px;color:#c9d8df}.manual-console p,.clearance-panel p{margin:0;color:#7f8d97;font-size:.78rem}
.clearance-panel{display:grid;grid-template-columns:1fr auto;gap:14px}.clearance-panel h2,.section-heading h2,.future-sector h2{margin:4px 0 8px;font:900 1.7rem/1 "Arial Narrow",Impact,sans-serif;text-transform:uppercase}.clearance-value{padding:10px 12px;border:1px solid var(--line);background:#090e13;text-align:center}.clearance-value strong{font:900 1.7rem/1 "Arial Narrow",Impact,sans-serif}
.clearance-panel button{grid-column:1/-1;padding:10px;border:1px solid var(--line2);background:#121b22;cursor:pointer;font-weight:850}.clearance-panel button:disabled{opacity:.35;cursor:not-allowed}
.operations-panel{padding:20px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:15px}.section-heading.compact{align-items:center}.buy-controls{display:flex}.buy-mode{padding:7px 10px;border:1px solid var(--line);background:#0a0f14;cursor:pointer;font-size:.72rem}.buy-mode.active{background:#253540;border-color:#6f8794}
.operations{display:grid;gap:8px}.operation{display:grid;grid-template-columns:82px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid rgba(210,225,235,.1);background:#0b1117;transition:.15s}.operation:hover{border-color:rgba(210,225,235,.23);background:#0e161d}.operation.locked{opacity:.48}
.op-icon{width:82px;height:74px;display:grid;place-items:center;border:1px solid #34434d;background:#111a21;font:900 1rem "Arial Narrow",Impact,sans-serif;color:#a8bac4}.op-info h3{margin:0 0 3px;font-size:.91rem}.op-info p{margin:0;color:#74828c;font-size:.68rem}.op-stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px;color:#9aa9b2;font-size:.65rem}.op-stats strong{color:#dce4e8}
.buy-operation{min-width:112px;padding:10px;border:1px solid #3c4d58;background:#16222a;cursor:pointer;text-align:right}.buy-operation:hover:not(:disabled){background:#20303a}.buy-operation:disabled{opacity:.34;cursor:not-allowed}.buy-operation span,.buy-operation strong{display:block}.buy-operation span{font-size:.6rem;text-transform:uppercase;color:#8b9aa4}.buy-operation strong{font-size:.78rem}
.briefing-panel,.upgrade-panel{padding:18px}.brief-count{color:#74838d;font-size:.68rem}.briefing-list,.upgrades{display:grid;gap:7px}.brief-item,.upgrade-item{padding:11px;border:1px solid rgba(255,255,255,.1);background:#0a0f14}
.brief-item{cursor:pointer;text-align:left;color:inherit}.brief-item:hover{border-color:#536874}.brief-item span,.upgrade-item span{display:block;color:#75858f;font-size:.6rem;text-transform:uppercase;letter-spacing:.09em}.brief-item strong,.upgrade-item strong{display:block;margin-top:3px;font-size:.78rem}.empty-state{margin:0;color:#71808a;font-size:.76rem}
.upgrade-item{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.upgrade-item p{grid-column:1/-1;margin:2px 0 0;color:#72808a;font-size:.67rem}.upgrade-item button{padding:8px;border:1px solid #394a55;background:#141f27;cursor:pointer;font-size:.68rem}.upgrade-item button:disabled{opacity:.3;cursor:not-allowed}
.future-sector{margin-top:12px;padding:22px;display:flex;align-items:center;justify-content:space-between;gap:24px}.future-sector p{max-width:780px;margin:0;color:#84929c}.future-lock{padding:18px;border:1px dashed #465864;color:#74848e;font:900 1.15rem "Arial Narrow",Impact,sans-serif;letter-spacing:.14em}
.modal{position:fixed;z-index:100;inset:0;display:none;place-items:center;padding:20px;background:rgba(2,4,6,.78);backdrop-filter:blur(7px)}.modal.is-open{display:grid}
.modal-card{width:min(520px,94vw);padding:28px;border:1px solid var(--line2);background:#0c1218;box-shadow:0 28px 90px rgba(0,0,0,.55)}
.modal-card h2{margin:6px 0 10px;font:900 2.4rem/1 "Arial Narrow",Impact,sans-serif;text-transform:uppercase}.modal-card p{color:#9aa8b1}.modal-card>strong{display:block;margin:20px 0 3px;font-size:2rem}.modal-card small{display:block;color:#7d8b94}.modal-card button{margin-top:20px;padding:11px 14px;border:1px solid var(--line2);background:#162129;cursor:pointer}.modal-actions{display:flex;gap:8px}.danger-button{background:#472126!important;border-color:#8d3b43!important}.lore-card a{display:inline-block;color:#b9cbd4;margin:4px 0 2px}
.toast{position:fixed;z-index:120;left:50%;bottom:24px;transform:translate(-50%,18px);opacity:0;padding:10px 14px;border:1px solid var(--line2);background:#111920;transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1150px){.game-grid{grid-template-columns:minmax(230px,.8fr) minmax(480px,1.5fr)}.right-column{grid-column:1/-1;grid-template-columns:1fr 1fr}.planet-orbit{height:220px}}
@media(max-width:780px){.game-shell{padding:18px 10px 60px}.command-header{display:block}.intel-readout{margin-top:20px;text-align:left}.game-grid{grid-template-columns:1fr}.right-column{grid-column:auto;grid-template-columns:1fr}.command-copy h1{font-size:3.6rem}.operation{grid-template-columns:46px minmax(0,1fr)}.op-icon{width:46px;height:46px}.buy-operation{grid-column:1/-1;width:100%;text-align:center}.future-sector{display:block}.future-lock{display:inline-block;margin-top:18px}.intel-site-title{display:none}}


/* Animated command network pass */
.intel-body{overflow-x:hidden;min-height:100vh}
.bg-stars,.bg-stars-2,.bg-nebula,.bg-scan,.fx-layer{position:fixed;inset:0;pointer-events:none}
.bg-stars{z-index:0;opacity:.5;background-image:
radial-gradient(circle at 8% 13%,rgba(255,255,255,.9) 0 1px,transparent 1.8px),
radial-gradient(circle at 18% 62%,rgba(255,255,255,.52) 0 1px,transparent 1.8px),
radial-gradient(circle at 31% 24%,rgba(205,226,238,.75) 0 1px,transparent 1.8px),
radial-gradient(circle at 44% 78%,rgba(255,255,255,.62) 0 1px,transparent 1.8px),
radial-gradient(circle at 55% 17%,rgba(255,255,255,.75) 0 1px,transparent 1.8px),
radial-gradient(circle at 69% 54%,rgba(195,221,235,.7) 0 1px,transparent 1.8px),
radial-gradient(circle at 80% 28%,rgba(255,255,255,.82) 0 1px,transparent 1.8px),
radial-gradient(circle at 92% 72%,rgba(255,255,255,.58) 0 1px,transparent 1.8px);
background-size:420px 360px;animation:starDrift 75s linear infinite}
.bg-stars-2{z-index:0;opacity:.23;background-image:
radial-gradient(circle at 12% 84%,rgba(255,255,255,.8) 0 1px,transparent 1.7px),
radial-gradient(circle at 34% 12%,rgba(255,255,255,.65) 0 1px,transparent 1.7px),
radial-gradient(circle at 50% 58%,rgba(255,255,255,.65) 0 1px,transparent 1.7px),
radial-gradient(circle at 73% 20%,rgba(255,255,255,.75) 0 1px,transparent 1.7px),
radial-gradient(circle at 88% 48%,rgba(255,255,255,.55) 0 1px,transparent 1.7px);
background-size:620px 520px;animation:starDriftReverse 110s linear infinite}
.bg-nebula{z-index:0;background:
radial-gradient(ellipse at 12% 35%,rgba(75,112,133,.12),transparent 34%),
radial-gradient(ellipse at 82% 26%,rgba(126,79,57,.12),transparent 31%),
radial-gradient(ellipse at 70% 82%,rgba(52,81,99,.08),transparent 35%);
animation:nebulaBreathe 12s ease-in-out infinite alternate}
.bg-scan{z-index:1;opacity:.055;background:repeating-linear-gradient(to bottom,rgba(180,220,255,.18) 0,rgba(180,220,255,.18) 1px,transparent 2px,transparent 6px);mix-blend-mode:screen;animation:scanMove 9s linear infinite}
.fx-layer{z-index:90;overflow:hidden}
.game-shell,.intel-sitebar{position:relative;z-index:2}

.planet-console,.manual-console,.clearance-panel,.operations-panel,.briefing-panel,.upgrade-panel,.future-sector,.intel-readout{position:relative;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.012),0 12px 38px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.025);animation:panelGlow 6s ease-in-out infinite}
.planet-console:after,.operations-panel:after,.intel-readout:after{content:"";position:absolute;inset:-30%;background:linear-gradient(115deg,transparent 37%,rgba(190,220,240,.025) 46%,rgba(190,220,240,.11) 50%,rgba(190,220,240,.025) 54%,transparent 63%);transform:translateX(-120%);animation:panelSweep 8.5s linear infinite;pointer-events:none}
.operations-panel:after{animation-delay:2.8s}.intel-readout:after{animation-delay:5s}

.planet-orbit{isolation:isolate;animation:orbitBreath 5.5s ease-in-out infinite}
.planet{position:relative;z-index:4;overflow:hidden;animation:planetFloat 6s ease-in-out infinite,planetGlow 8s ease-in-out infinite}
.planet:before{content:"";position:absolute;inset:-12%;border-radius:50%;background:repeating-linear-gradient(100deg,rgba(255,255,255,.035) 0 2px,transparent 2px 9px);opacity:.45;animation:planetTextureDrift 14s linear infinite}
.planet-grid{position:absolute;inset:0;border-radius:50%;background:
linear-gradient(rgba(180,220,230,.045) 1px,transparent 1px),
linear-gradient(90deg,rgba(180,220,230,.045) 1px,transparent 1px);
background-size:18px 18px;mix-blend-mode:screen;opacity:.34}
.planet-scan{position:absolute;left:-15%;right:-15%;height:18%;top:-24%;background:linear-gradient(180deg,transparent,rgba(190,226,240,.18),transparent);filter:blur(2px);animation:planetScan 5.2s linear infinite}
.orbit{z-index:3}.orbit-one{animation:ringSpinA 24s linear infinite}.orbit-two{animation:ringSpinB 36s linear infinite}
.radar-sweep{position:absolute;z-index:2;width:260px;height:260px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 315deg,rgba(163,208,230,.16) 345deg,rgba(205,235,245,.34) 359deg,transparent 360deg);animation:radarSpin 5.5s linear infinite;filter:blur(.15px)}
.network-lines{position:absolute;z-index:2;inset:0;width:100%;height:100%;overflow:visible}
.net-line{fill:none;stroke:rgba(137,174,194,.2);stroke-width:1.2;stroke-dasharray:4 8;vector-effect:non-scaling-stroke}
.net-line.active{stroke:rgba(202,232,245,.72);animation:dashFlow 2.2s linear infinite;filter:drop-shadow(0 0 4px rgba(148,213,240,.42))}
.node{z-index:5;animation:nodePulse 2.3s ease-in-out infinite}.node.active{animation:nodePulseActive 1.25s ease-in-out infinite}
.sector-ping{position:absolute;z-index:6;width:10px;height:10px;border:1px solid rgba(220,240,250,.65);border-radius:50%;opacity:0}
.ping-one{left:24%;top:34%;animation:sectorPing 3.4s ease-out infinite}.ping-two{right:17%;bottom:27%;animation:sectorPing 3.4s 1.7s ease-out infinite}

.buy-operation,.upgrade-item button,#prestige-btn,.intercept-button{transition:transform .12s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}
.buy-operation:hover:not(:disabled),.upgrade-item button:hover:not(:disabled),#prestige-btn:hover:not(:disabled),.intercept-button:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,0,0,.28)}
.buy-operation.affordable,.upgrade-item button.affordable,#prestige-btn.affordable{animation:affordablePulse 1.45s ease-in-out infinite}
.operation{transform-origin:center;will-change:transform,opacity}.operation.reveal{animation:revealCard .55s cubic-bezier(.2,.8,.2,1)}.operation.flash{animation:buyFlash .36s ease}
.operation.online .op-icon{border-color:rgba(133,181,205,.45);box-shadow:inset 0 0 18px rgba(104,164,193,.08),0 0 16px rgba(104,164,193,.08)}
.operation.online .op-icon:after{content:"";width:5px;height:5px;border-radius:50%;background:#b9d8e6;box-shadow:0 0 9px rgba(185,216,230,.9);position:absolute;margin:36px 0 0 36px;animation:statusBlink 1.4s ease-in-out infinite}
.op-icon{position:relative}
.intercept-button{position:relative;overflow:hidden}
.intercept-button:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(207,234,246,.1),transparent);transform:translateX(-120%);animation:buttonSweep 3.2s ease-in-out infinite}
.intercept-button.flash{animation:interceptFlash .25s ease}

.float-intel{position:fixed;z-index:95;color:#e2f3fa;font-weight:900;font-size:.9rem;text-shadow:0 0 12px rgba(174,225,250,.52);transform:translate(-50%,0);animation:floatIntel 1s ease-out forwards;white-space:nowrap}
.purchase-burst{position:fixed;z-index:94;width:12px;height:12px;border:1px solid rgba(202,232,245,.72);border-radius:50%;transform:translate(-50%,-50%);animation:purchaseBurst .7s ease-out forwards}
.number-pop{animation:numberPop .2s ease}
.intel-readout strong{font-variant-numeric:tabular-nums;text-shadow:0 0 20px rgba(167,211,232,.09)}
.progress-track{position:relative}.progress-track:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.14),transparent);transform:translateX(-100%);animation:progressSweep 2.6s linear infinite}.progress-track i{box-shadow:0 0 14px rgba(169,190,202,.28)}
.toast{border-color:rgba(190,220,240,.32);box-shadow:0 16px 40px rgba(0,0,0,.35),0 0 20px rgba(132,184,209,.08)}
.intel-body.purchase-flash:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 45%,rgba(170,215,255,.11),transparent 43%);z-index:80;animation:purchaseFlash .3s ease}

@keyframes starDrift{from{background-position:0 0}to{background-position:0 360px}}
@keyframes starDriftReverse{from{background-position:0 0}to{background-position:-80px -520px}}
@keyframes nebulaBreathe{from{opacity:.75;transform:scale(1)}to{opacity:1;transform:scale(1.04)}}
@keyframes scanMove{from{transform:translateY(0)}to{transform:translateY(12px)}}
@keyframes panelGlow{0%,100%{box-shadow:0 0 0 1px rgba(255,255,255,.012),0 12px 38px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.025)}50%{box-shadow:0 0 0 1px rgba(155,202,225,.05),0 14px 46px rgba(0,0,0,.31),0 0 28px rgba(102,166,197,.035),inset 0 1px rgba(255,255,255,.045)}}
@keyframes panelSweep{from{transform:translateX(-120%)}to{transform:translateX(120%)}}
@keyframes orbitBreath{0%,100%{transform:scale(1)}50%{transform:scale(1.018)}}
@keyframes planetFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes planetGlow{0%,100%{box-shadow:inset -34px -20px 48px rgba(0,0,0,.55),0 0 42px rgba(183,137,89,.13)}50%{box-shadow:inset -28px -18px 48px rgba(0,0,0,.48),0 0 66px rgba(205,165,109,.25)}}
@keyframes planetTextureDrift{from{transform:translateX(-10%)}to{transform:translateX(10%)}}
@keyframes planetScan{from{top:-24%}to{top:112%}}
@keyframes ringSpinA{from{transform:rotate(-16deg)}to{transform:rotate(344deg)}}
@keyframes ringSpinB{from{transform:rotate(22deg)}to{transform:rotate(-338deg)}}
@keyframes radarSpin{to{transform:rotate(360deg)}}
@keyframes dashFlow{to{stroke-dashoffset:-24}}
@keyframes nodePulse{0%,100%{transform:scale(1);opacity:.72}50%{transform:scale(1.2);opacity:1}}
@keyframes nodePulseActive{0%,100%{transform:scale(1);opacity:.95;box-shadow:0 0 14px rgba(220,233,239,.75)}50%{transform:scale(1.5);opacity:1;box-shadow:0 0 24px rgba(220,233,239,1)}}
@keyframes sectorPing{0%{opacity:.8;transform:scale(.6)}80%,100%{opacity:0;transform:scale(6)}}
@keyframes affordablePulse{0%,100%{box-shadow:0 0 0 rgba(180,220,240,0)}50%{box-shadow:0 0 0 1px rgba(180,220,240,.22),0 0 20px rgba(120,180,220,.15)}}
@keyframes revealCard{0%{opacity:0;transform:translateY(10px) scale(.98)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes buyFlash{0%{transform:scale(1)}50%{transform:scale(1.015);border-color:rgba(190,230,255,.42)}100%{transform:scale(1)}}
@keyframes statusBlink{0%,100%{opacity:.4}50%{opacity:1}}
@keyframes buttonSweep{0%,55%{transform:translateX(-120%)}85%,100%{transform:translateX(120%)}}
@keyframes interceptFlash{0%{transform:scale(1)}50%{transform:scale(.975)}100%{transform:scale(1)}}
@keyframes floatIntel{0%{opacity:1;transform:translate(-50%,0) scale(1)}100%{opacity:0;transform:translate(-50%,-48px) scale(1.08)}}
@keyframes purchaseBurst{0%{opacity:.9;transform:translate(-50%,-50%) scale(.4)}100%{opacity:0;transform:translate(-50%,-50%) scale(8)}}
@keyframes numberPop{0%{transform:scale(1)}50%{transform:scale(1.055)}100%{transform:scale(1)}}
@keyframes progressSweep{to{transform:translateX(100%)}}
@keyframes purchaseFlash{from{opacity:1}to{opacity:0}}

@media(prefers-reduced-motion:reduce){
  .bg-stars,.bg-stars-2,.bg-nebula,.bg-scan,.planet-orbit,.planet,.orbit,.radar-sweep,.node,.sector-ping,.planet-scan,.net-line.active,.intercept-button:before,.progress-track:after,.planet-console,.operations-panel,.manual-console,.clearance-panel,.briefing-panel,.upgrade-panel,.future-sector,.intel-readout{animation:none!important}
}


/* Animated polish 0.2 */
.command-copy h1{position:relative;text-shadow:0 0 28px rgba(144,188,210,.08)}
.command-copy h1:after{content:"";display:block;width:86px;height:2px;margin-top:14px;background:linear-gradient(90deg,#a7bfcc,transparent);box-shadow:0 0 14px rgba(167,191,204,.28);animation:titleBarPulse 2.8s ease-in-out infinite}
.operation[data-operation="street"] .op-icon{background:radial-gradient(circle at 50% 35%,rgba(139,174,191,.12),transparent 62%),#111a21}
.operation[data-operation="cantina"] .op-icon{background:radial-gradient(circle at 50% 35%,rgba(168,119,86,.14),transparent 62%),#15191d}
.operation[data-operation="dock"] .op-icon{background:radial-gradient(circle at 50% 35%,rgba(131,158,175,.15),transparent 62%),#111a21}
.operation[data-operation="slicer"] .op-icon{background:radial-gradient(circle at 50% 35%,rgba(112,173,186,.16),transparent 62%),#0d171b}
.operation[data-operation="probe"] .op-icon{background:radial-gradient(circle at 50% 35%,rgba(173,195,205,.16),transparent 62%),#12191d}
.operation[data-operation="bounty"] .op-icon{background:radial-gradient(circle at 50% 35%,rgba(164,101,84,.16),transparent 62%),#171415}
.operation.online{background:linear-gradient(90deg,rgba(16,26,33,.98),rgba(9,14,19,.98))}
.operation.online:before{content:"ONLINE";position:absolute;right:12px;top:7px;color:#69808c;font-size:.48rem;font-weight:900;letter-spacing:.14em;opacity:.7}
.operation{position:relative}
.modal.is-open .modal-card{animation:modalReveal .28s cubic-bezier(.2,.8,.2,1)}
.brief-item{transition:transform .15s ease,background .15s ease,border-color .15s ease}
.brief-item:hover{transform:translateX(3px);background:#101820}
.future-lock{animation:classifiedPulse 2.5s ease-in-out infinite}
.utility-button[aria-pressed="true"]{border-color:#6e8997;background:#17242c;box-shadow:0 0 18px rgba(129,178,201,.1)}
@keyframes titleBarPulse{0%,100%{opacity:.55;width:86px}50%{opacity:1;width:124px}}
@keyframes modalReveal{0%{opacity:0;transform:translateY(12px) scale(.98)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes classifiedPulse{0%,100%{opacity:.55;border-color:#465864}50%{opacity:1;border-color:#718894;box-shadow:0 0 20px rgba(113,136,148,.08)}}


/* Operation mini-scenes 0.3 */
.op-icon-scene{padding:0;overflow:hidden;background:#0d1419;border:1px solid #344751}
.op-visual{position:relative;width:100%;height:100%;overflow:hidden;background:radial-gradient(circle at 50% 20%,rgba(180,220,240,.06),transparent 48%),linear-gradient(180deg,rgba(255,255,255,.02),transparent 35%),#0f161c}
.op-badge{position:absolute;left:4px;top:4px;z-index:8;font:900 .52rem/1 "Arial Narrow",Impact,sans-serif;color:#c8d8e2;letter-spacing:.08em;padding:3px 4px;border:1px solid rgba(190,220,240,.22);background:rgba(7,10,14,.84)}
.operation.locked .op-visual{filter:grayscale(.42) brightness(.68);opacity:.72}
.operation.online .op-visual{filter:none;opacity:1}

/* Street Informants */
.op-street{background:linear-gradient(rgba(170,200,215,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(170,200,215,.05) 1px,transparent 1px),#10171d;background-size:12px 12px,12px 12px,auto}
.street-route{position:absolute;left:12px;top:40px;width:52px;height:2px;background:rgba(180,220,235,.38);transform:rotate(-18deg);transform-origin:left center}
.street-route:after{content:"";position:absolute;left:0;top:0;width:13px;height:2px;background:#d7ecf6;box-shadow:0 0 10px rgba(215,236,246,.5);animation:streetMove 2.8s linear infinite}
.street-dot{position:absolute;width:6px;height:6px;border-radius:50%;background:#a8c4d3;box-shadow:0 0 10px rgba(168,196,211,.4);animation:dotPulse 1.8s ease-in-out infinite}
.dot-a{left:18px;top:20px}.dot-b{left:52px;top:31px;animation-delay:.4s}.dot-c{left:28px;top:52px;animation-delay:.9s}

/* Cantina Contacts */
.op-cantina{background:radial-gradient(circle at 50% 25%,rgba(196,126,88,.14),transparent 45%),linear-gradient(180deg,#181518,#0d1014)}
.cantina-booth{position:absolute;left:10px;right:10px;bottom:9px;height:17px;border-top:2px solid rgba(198,145,101,.45);background:linear-gradient(180deg,rgba(112,62,44,.18),rgba(0,0,0,.08))}
.cantina-wave{position:absolute;bottom:30px;width:6px;background:linear-gradient(180deg,rgba(201,226,237,.18),rgba(201,226,237,.88));transform-origin:bottom;animation:cantinaWave 1.2s ease-in-out infinite}
.wave-1{left:22px;height:15px}.wave-2{left:34px;height:26px;animation-delay:.18s}.wave-3{left:46px;height:19px;animation-delay:.34s}
.cantina-glow{position:absolute;width:8px;height:8px;border-radius:50%;background:rgba(227,179,129,.92);box-shadow:0 0 12px rgba(227,179,129,.55);animation:dotPulse 2s ease-in-out infinite}
.glow-a{right:13px;top:22px}.glow-b{right:24px;top:38px;animation-delay:.6s}

/* Docking Bay Eyes */
.op-dock{background:linear-gradient(rgba(175,205,220,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(175,205,220,.05) 1px,transparent 1px),#10161b;background-size:14px 14px,14px 14px,auto}
.dock-grid{position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(255,255,255,.02))}
.dock-ship{position:absolute;left:-18px;top:33px;width:20px;height:9px;background:#d1e1ea;clip-path:polygon(0 50%,30% 10%,100% 50%,30% 90%);box-shadow:0 0 10px rgba(209,225,234,.25);animation:dockShipMove 4.2s linear infinite}
.dock-blip{position:absolute;width:5px;height:5px;border-radius:50%;background:#b8d0dd;box-shadow:0 0 9px rgba(184,208,221,.4);animation:dotPulse 2.2s ease-in-out infinite}
.blip-a{right:16px;top:22px}.blip-b{right:22px;bottom:16px;animation-delay:.8s}

/* Slicer Cell */
.op-slicer{background:linear-gradient(180deg,rgba(96,170,186,.07),transparent 45%),#0c1519}
.slicer-line{position:absolute;left:12px;right:12px;height:3px;background:linear-gradient(90deg,rgba(116,187,203,.2),rgba(182,234,244,.9),rgba(116,187,203,.2));box-shadow:0 0 10px rgba(116,187,203,.16);animation:slicerFlow 2.4s linear infinite}
.slicer-line.line-a{top:19px}.slicer-line.line-b{top:35px;animation-delay:.4s}.slicer-line.line-c{top:51px;animation-delay:.8s}
.slicer-node{position:absolute;width:6px;height:6px;border-radius:50%;background:#c4edf6;box-shadow:0 0 12px rgba(196,237,246,.55)}
.slicer-node.node-a{left:20px;top:17px;animation:nodeTravel 2.8s linear infinite}.slicer-node.node-b{left:20px;top:49px;animation:nodeTravel 3.4s linear infinite}
.slicer-scan{position:absolute;left:0;right:0;top:0;height:10px;background:linear-gradient(180deg,rgba(187,237,248,.18),transparent);animation:slicerScan 3s linear infinite}

/* Probe Droid Network */
.op-probe{background:radial-gradient(circle at 50% 50%,rgba(146,188,208,.09),transparent 45%),#10161b}
.probe-eye{position:absolute;left:50%;top:50%;width:17px;height:17px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 35% 35%,#f6fbff,#98bacd 35%,#304754 75%);box-shadow:0 0 18px rgba(160,205,228,.35);z-index:3}
.probe-ring{position:absolute;left:50%;top:50%;border:1px solid rgba(176,212,229,.28);border-radius:50%;transform:translate(-50%,-50%)}
.probe-ring.ring-a{width:32px;height:32px;animation:ringPulse 2s ease-out infinite}.probe-ring.ring-b{width:50px;height:50px;animation:ringPulse 2s .8s ease-out infinite}
.probe-sweep{position:absolute;left:50%;top:50%;width:60px;height:60px;transform:translate(-50%,-50%);border-radius:50%;background:conic-gradient(from 0deg,transparent 0 320deg,rgba(180,225,240,.32) 350deg,transparent 360deg);animation:probeRadarSpin 3.2s linear infinite}

/* Bounty Hunter Sources */
.op-bounty{background:linear-gradient(180deg,rgba(157,84,70,.08),transparent 42%),#151315}
.bounty-reticle{position:absolute;left:50%;top:50%;width:36px;height:36px;transform:translate(-50%,-50%);border:1px solid rgba(212,175,164,.34);border-radius:50%}
.bounty-cross{position:absolute;left:50%;top:50%;background:rgba(212,175,164,.28);transform:translate(-50%,-50%)}
.bounty-cross.h{width:46px;height:1px}.bounty-cross.v{width:1px;height:46px}
.bounty-target{position:absolute;width:6px;height:6px;border-radius:50%;background:#f1d6cc;box-shadow:0 0 12px rgba(241,214,204,.45);animation:bountyTargetMove 3s ease-in-out infinite}
.bounty-scan{position:absolute;left:12px;right:12px;top:0;height:12px;background:linear-gradient(180deg,rgba(228,187,174,.14),transparent);animation:slicerScan 2.6s linear infinite}

@keyframes streetMove{from{transform:translateX(0)}to{transform:translateX(38px)}}
@keyframes dotPulse{0%,100%{transform:scale(1);opacity:.6}50%{transform:scale(1.35);opacity:1}}
@keyframes cantinaWave{0%,100%{transform:scaleY(.55);opacity:.65}50%{transform:scaleY(1.15);opacity:1}}
@keyframes dockShipMove{0%{transform:translateX(0) translateY(0)}50%{transform:translateX(48px) translateY(-3px)}100%{transform:translateX(100px) translateY(0)}}
@keyframes slicerFlow{0%{transform:translateX(-8px);opacity:.5}50%{transform:translateX(4px);opacity:1}100%{transform:translateX(-8px);opacity:.5}}
@keyframes nodeTravel{0%{transform:translateX(0)}50%{transform:translateX(34px)}100%{transform:translateX(0)}}
@keyframes slicerScan{0%{transform:translateY(-10px);opacity:0}20%{opacity:1}100%{transform:translateY(82px);opacity:0}}
@keyframes ringPulse{0%{opacity:.75;transform:translate(-50%,-50%) scale(.72)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.3)}}
@keyframes probeRadarSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes bountyTargetMove{0%{left:24px;top:24px}25%{left:48px;top:20px}50%{left:54px;top:38px}75%{left:29px;top:49px}100%{left:24px;top:24px}}

@media(max-width:780px){
  .op-badge{font-size:.47rem}
  .street-route{width:38px}.street-dot.dot-b{left:40px}
  .cantina-wave.wave-3{left:39px}.cantina-glow.glow-a{right:8px}.cantina-glow.glow-b{right:16px}
}


/* Clearance benefits 0.4 */
.clearance-benefits{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:2px}
.clearance-benefits>div{min-width:0;padding:9px 8px;border:1px solid rgba(150,187,205,.17);background:linear-gradient(180deg,rgba(18,30,38,.9),rgba(8,13,18,.9));position:relative;overflow:hidden}
.clearance-benefits>div:after{content:"";position:absolute;left:-60%;top:0;width:45%;height:100%;background:linear-gradient(90deg,transparent,rgba(190,224,240,.08),transparent);animation:clearanceSweep 4.5s ease-in-out infinite}
.clearance-benefits span{display:block;color:#748792;font-size:.52rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.clearance-benefits strong{display:block;margin-top:3px;color:#dceaf0;font-size:.72rem;line-height:1.2}
.clearance-value{position:relative;overflow:hidden}
.clearance-value:after{content:"";position:absolute;inset:0;border:1px solid transparent;pointer-events:none;animation:clearanceFrame 2.8s ease-in-out infinite}
@keyframes clearanceSweep{0%,55%{transform:translateX(0)}100%{transform:translateX(380%)}}
@keyframes clearanceFrame{0%,100%{border-color:rgba(153,198,220,.08);box-shadow:inset 0 0 0 rgba(144,203,230,0)}50%{border-color:rgba(153,198,220,.28);box-shadow:inset 0 0 20px rgba(144,203,230,.05)}}
@media(max-width:780px){.clearance-benefits{grid-template-columns:1fr}.clearance-benefits>div{padding:8px 10px}}


/* Galactic campaign progression 0.5 */
.clearance-value small{display:block;margin-top:5px;color:#8fa3ae;font-size:.55rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.sector-network-panel{margin-top:12px;padding:22px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(15,21,29,.97),rgba(7,10,14,.99));position:relative;overflow:hidden}
.sector-network-panel:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 85% 10%,rgba(108,163,190,.08),transparent 28%),linear-gradient(120deg,transparent 0 54%,rgba(180,220,240,.025) 55%,transparent 56%);background-size:auto,32px 32px}
.sector-network-heading{position:relative;z-index:1;align-items:flex-start}
.sector-network-heading>div:first-child{max-width:720px}
.sector-network-heading p{margin:6px 0 0;color:#85949e}
.network-summary{display:grid;grid-template-columns:repeat(4,minmax(92px,1fr));gap:7px}
.network-summary>div{padding:10px 12px;border:1px solid rgba(180,215,230,.14);background:#0a1015;text-align:center}
.network-summary span{display:block;color:#6f818b;font-size:.52rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.network-summary strong{display:block;margin-top:4px;font:900 1.05rem/1 "Arial Narrow",Impact,sans-serif;color:#dce7ed}

.sector-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:18px}
.sector-card{min-height:250px;padding:15px;display:flex;flex-direction:column;border:1px solid rgba(185,213,226,.13);background:linear-gradient(155deg,#0d151b,#080c10);position:relative;overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.sector-card:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.45;background:radial-gradient(circle at 80% 14%,rgba(185,220,235,.12),transparent 24%)}
.sector-card.unlocked:hover{transform:translateY(-3px);border-color:rgba(180,218,235,.34);box-shadow:0 13px 30px rgba(0,0,0,.25)}
.sector-card.locked{filter:saturate(.55);opacity:.62}
.sector-card.current{border-color:rgba(182,225,244,.5);box-shadow:inset 0 0 28px rgba(117,185,216,.055),0 0 20px rgba(117,185,216,.06)}
.sector-card.mastered{border-color:rgba(190,224,207,.35)}
.sector-card-index{position:absolute;right:10px;top:8px;color:#44545d;font:900 2.2rem/1 "Arial Narrow",Impact,sans-serif}
.sector-card-copy{position:relative;z-index:1;padding-right:26px}
.sector-card-copy>span{color:#718590;font-size:.52rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.sector-card-copy h3{margin:4px 0 7px;font:900 1.45rem/1 "Arial Narrow",Impact,sans-serif;text-transform:uppercase}
.sector-card-copy p{margin:0;color:#7c8a93;font-size:.67rem;line-height:1.45;min-height:58px}
.sector-card-stats{display:flex;justify-content:space-between;gap:8px;margin-top:12px;padding-top:9px;border-top:1px solid rgba(255,255,255,.07);font-size:.58rem;color:#758690}
.sector-card-stats span{display:block}.sector-card-stats strong{color:#dce7ed}
.mastery-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:12px;color:#8da0aa;font-size:.58rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.mastery-pips{display:flex;gap:4px}.mastery-pips i{width:9px;height:5px;border:1px solid #40515a;background:#11191e}.mastery-pips i.filled{background:#b7d5e2;border-color:#b7d5e2;box-shadow:0 0 7px rgba(183,213,226,.32)}
.sector-mastery-track{height:4px;margin:6px 0;background:#131e25;overflow:hidden}.sector-mastery-track i{display:block;height:100%;background:linear-gradient(90deg,#688a9c,#c1dce8);box-shadow:0 0 9px rgba(159,208,230,.25)}
.sector-card small{display:block;color:#657780;font-size:.54rem;min-height:28px}
.sector-card button{width:100%;margin-top:9px;padding:8px 9px;border:1px solid #3b515d;background:#14212a;color:#dbe6eb;font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em;cursor:pointer}
.sector-card button:hover:not(:disabled){background:#203440;border-color:#698899}.sector-card button:disabled{opacity:.45;cursor:not-allowed}
.progression-objective{position:relative;z-index:1;margin-top:12px}
.progression-objective .future-lock{min-width:130px;text-align:center}

/* Sector-specific holographic world treatments */
body[data-sector="tatooine"] .planet{background:radial-gradient(circle at 34% 28%,rgba(245,215,171,.7),transparent 15%),radial-gradient(circle at 60% 54%,rgba(97,64,44,.5),transparent 22%),linear-gradient(135deg,#c89b68,#755239 55%,#3c2d25)}
body[data-sector="lothal"] .planet{background:radial-gradient(circle at 31% 26%,rgba(212,229,174,.55),transparent 16%),radial-gradient(circle at 60% 55%,rgba(66,92,70,.42),transparent 25%),linear-gradient(135deg,#7c9674,#516a62 55%,#273b3d)}
body[data-sector="corellia"] .planet{background:radial-gradient(circle at 34% 28%,rgba(206,220,225,.52),transparent 14%),radial-gradient(circle at 62% 57%,rgba(72,92,103,.5),transparent 24%),linear-gradient(135deg,#8ca1aa,#4c6570 56%,#26343a)}
body[data-sector="mandalore"] .planet{background:radial-gradient(circle at 36% 24%,rgba(209,190,163,.48),transparent 16%),radial-gradient(circle at 58% 58%,rgba(93,74,64,.46),transparent 25%),linear-gradient(135deg,#9f8d7b,#5a5959 56%,#2b3033)}
body[data-sector="coruscant"] .planet{background:radial-gradient(circle at 30% 24%,rgba(185,223,242,.7),transparent 11%),radial-gradient(circle at 63% 57%,rgba(82,79,120,.55),transparent 22%),repeating-linear-gradient(90deg,rgba(210,230,245,.12) 0 2px,transparent 2px 8px),linear-gradient(135deg,#5e718d,#343951 58%,#191d2c)}
body[data-sector="scarif"] .planet{background:radial-gradient(circle at 34% 28%,rgba(227,239,206,.63),transparent 14%),radial-gradient(circle at 60% 56%,rgba(37,100,98,.5),transparent 24%),linear-gradient(135deg,#77b3a5,#3c7f80 55%,#18383f)}
body[data-sector="mustafar"] .planet{background:radial-gradient(circle at 36% 32%,rgba(255,189,112,.78),transparent 11%),radial-gradient(circle at 60% 56%,rgba(134,36,24,.7),transparent 23%),linear-gradient(135deg,#883526,#4e1f1b 56%,#180f10)}
body[data-sector="mustafar"] .radar-sweep{background:conic-gradient(from 0deg,transparent 0 315deg,rgba(220,118,92,.14) 345deg,rgba(255,175,120,.35) 359deg,transparent 360deg)}
body[data-sector="scarif"] .radar-sweep{background:conic-gradient(from 0deg,transparent 0 315deg,rgba(120,205,201,.14) 345deg,rgba(182,238,231,.35) 359deg,transparent 360deg)}
body[data-sector="coruscant"] .radar-sweep{background:conic-gradient(from 0deg,transparent 0 315deg,rgba(145,159,220,.14) 345deg,rgba(199,211,255,.35) 359deg,transparent 360deg)}

@media(max-width:1150px){.sector-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){
  .sector-network-panel{padding:16px 12px}
  .sector-network-heading{display:block}
  .network-summary{margin-top:14px}
  .sector-grid{grid-template-columns:1fr}
  .sector-card{min-height:230px}
}


/* Planet-specific operation scenes 0.6 */
body[data-sector="tatooine"]{--sector-accent:#b9d7e4;--sector-secondary:#c99b6c;--sector-deep:#10171d}
body[data-sector="lothal"]{--sector-accent:#b9d9c0;--sector-secondary:#8fae78;--sector-deep:#0f1815}
body[data-sector="corellia"]{--sector-accent:#c8d7df;--sector-secondary:#91a4ad;--sector-deep:#11181d}
body[data-sector="mandalore"]{--sector-accent:#d5c8bb;--sector-secondary:#8f9ca3;--sector-deep:#151719}
body[data-sector="coruscant"]{--sector-accent:#c7d6ff;--sector-secondary:#8f9ad0;--sector-deep:#11131d}
body[data-sector="scarif"]{--sector-accent:#c3e8df;--sector-secondary:#78b9a7;--sector-deep:#0d1918}
body[data-sector="mustafar"]{--sector-accent:#ffd0aa;--sector-secondary:#db7658;--sector-deep:#1a1110}

.op-visual{background-color:var(--sector-deep,#10171d)}
.scene-grid{position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:12px 12px}
.scene-route{position:absolute;left:12px;top:40px;width:52px;height:2px;background:color-mix(in srgb,var(--sector-accent) 42%,transparent);transform:rotate(-17deg);transform-origin:left center}
.scene-route:after{content:"";position:absolute;width:14px;height:2px;background:var(--sector-accent);box-shadow:0 0 10px color-mix(in srgb,var(--sector-accent) 58%,transparent);animation:sectorRoute 2.7s linear infinite}
.scene-dot{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--sector-accent);box-shadow:0 0 10px color-mix(in srgb,var(--sector-accent) 46%,transparent);animation:sectorDot 1.8s ease-in-out infinite}
.scene-dot.a{left:18px;top:20px}.scene-dot.b{left:52px;top:31px;animation-delay:.42s}.scene-dot.c{left:28px;top:53px;animation-delay:.88s}
.visual-market .scene-route{transform:rotate(12deg);top:36px}.visual-market .scene-dot.b{top:47px}.visual-city .scene-grid{background-size:8px 15px}.visual-city .scene-route{transform:rotate(-35deg);width:58px}
.visual-clan .scene-grid{background:radial-gradient(circle at 50% 50%,transparent 0 8px,rgba(255,255,255,.045) 9px 10px,transparent 11px),linear-gradient(30deg,transparent 48%,rgba(255,255,255,.05) 49% 51%,transparent 52%);background-size:28px 28px}

.scene-booth{position:absolute;left:10px;right:10px;bottom:9px;height:17px;border-top:2px solid color-mix(in srgb,var(--sector-secondary) 55%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--sector-secondary) 18%,transparent),rgba(0,0,0,.08))}
.scene-wave{position:absolute;bottom:30px;width:6px;background:linear-gradient(180deg,color-mix(in srgb,var(--sector-accent) 18%,transparent),var(--sector-accent));transform-origin:bottom;animation:sectorWave 1.15s ease-in-out infinite}
.scene-wave.a{left:22px;height:15px}.scene-wave.b{left:35px;height:27px;animation-delay:.18s}.scene-wave.c{left:48px;height:19px;animation-delay:.34s}
.scene-glow{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--sector-secondary);box-shadow:0 0 12px color-mix(in srgb,var(--sector-secondary) 58%,transparent);animation:sectorDot 2s ease-in-out infinite}
.scene-glow.a{right:13px;top:22px}.scene-glow.b{right:25px;top:39px;animation-delay:.6s}

.visual-academy{background:linear-gradient(180deg,color-mix(in srgb,var(--sector-secondary) 8%,transparent),transparent 45%),var(--sector-deep)}
.academy-block{position:absolute;bottom:12px;width:11px;border:1px solid color-mix(in srgb,var(--sector-accent) 35%,transparent);background:color-mix(in srgb,var(--sector-accent) 8%,transparent);animation:academyPulse 2.2s ease-in-out infinite}
.academy-block.a{left:16px;height:25px}.academy-block.b{left:34px;height:37px;animation-delay:.3s}.academy-block.c{left:52px;height:29px;animation-delay:.6s}
.academy-scan{position:absolute;left:8px;right:8px;height:2px;background:var(--sector-accent);box-shadow:0 0 9px color-mix(in srgb,var(--sector-accent) 50%,transparent);animation:academyScan 2.8s linear infinite}
.academy-beacon{position:absolute;right:12px;top:15px;width:7px;height:7px;border-radius:50%;background:var(--sector-secondary);box-shadow:0 0 12px color-mix(in srgb,var(--sector-secondary) 64%,transparent);animation:sectorDot 1.4s ease-in-out infinite}

.traffic-lane{position:absolute;left:8px;right:8px;height:1px;background:color-mix(in srgb,var(--sector-accent) 24%,transparent)}
.traffic-lane.a{top:29px;transform:rotate(-6deg)}.traffic-lane.b{top:49px;transform:rotate(8deg)}
.traffic-craft{position:absolute;left:-18px;top:33px;width:20px;height:9px;background:var(--sector-accent);clip-path:polygon(0 50%,30% 10%,100% 50%,30% 90%);box-shadow:0 0 10px color-mix(in srgb,var(--sector-accent) 35%,transparent);animation:sectorTraffic 4.1s linear infinite}
.traffic-blip{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--sector-secondary);box-shadow:0 0 8px color-mix(in srgb,var(--sector-secondary) 45%,transparent);animation:sectorDot 1.9s ease-in-out infinite}
.traffic-blip.a{right:15px;top:20px}.traffic-blip.b{right:24px;bottom:15px;animation-delay:.8s}

.industry-track{position:absolute;left:8px;right:8px;bottom:18px;height:3px;background:color-mix(in srgb,var(--sector-accent) 24%,transparent)}
.industry-block{position:absolute;bottom:23px;width:12px;height:12px;border:1px solid color-mix(in srgb,var(--sector-accent) 40%,transparent);background:color-mix(in srgb,var(--sector-secondary) 16%,transparent);animation:industryMove 3s linear infinite}
.industry-block.a{left:-15px}.industry-block.b{left:15px;animation-delay:1s}.industry-block.c{left:45px;animation-delay:2s}
.industry-scan{position:absolute;left:0;right:0;top:0;height:10px;background:linear-gradient(180deg,color-mix(in srgb,var(--sector-accent) 18%,transparent),transparent);animation:sectorVerticalScan 3.2s linear infinite}
.visual-factory{background:repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 1px,transparent 1px 12px),var(--sector-deep)}
.visual-cargo .industry-block{border-radius:2px}.visual-archive .industry-block{height:17px;width:8px;background:color-mix(in srgb,var(--sector-accent) 16%,transparent)}
.visual-patrol .industry-block{clip-path:polygon(50% 0,100% 100%,0 100%);border:0;background:var(--sector-accent)}

.data-line{position:absolute;left:12px;right:12px;height:3px;background:linear-gradient(90deg,color-mix(in srgb,var(--sector-accent) 16%,transparent),var(--sector-accent),color-mix(in srgb,var(--sector-accent) 16%,transparent));box-shadow:0 0 9px color-mix(in srgb,var(--sector-accent) 18%,transparent);animation:dataFlow 2.3s linear infinite}
.data-line.a{top:19px}.data-line.b{top:35px;animation-delay:.4s}.data-line.c{top:51px;animation-delay:.8s}
.data-node{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--sector-accent);box-shadow:0 0 12px color-mix(in srgb,var(--sector-accent) 56%,transparent);animation:dataNode 2.9s linear infinite}
.data-node.a{left:20px;top:17px}.data-node.b{left:20px;top:49px;animation-duration:3.5s}
.data-scan{position:absolute;left:0;right:0;top:0;height:10px;background:linear-gradient(180deg,color-mix(in srgb,var(--sector-accent) 18%,transparent),transparent);animation:sectorVerticalScan 3s linear infinite}

.sensor-eye{position:absolute;left:50%;top:50%;width:17px;height:17px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,var(--sector-accent) 38%,#304754 76%);box-shadow:0 0 18px color-mix(in srgb,var(--sector-accent) 38%,transparent);z-index:3}
.sensor-ring{position:absolute;left:50%;top:50%;border:1px solid color-mix(in srgb,var(--sector-accent) 32%,transparent);border-radius:50%;transform:translate(-50%,-50%)}
.sensor-ring.a{width:32px;height:32px;animation:sectorRing 2s ease-out infinite}.sensor-ring.b{width:50px;height:50px;animation:sectorRing 2s .8s ease-out infinite}
.sensor-sweep{position:absolute;left:50%;top:50%;width:60px;height:60px;transform:translate(-50%,-50%);border-radius:50%;background:conic-gradient(from 0deg,transparent 0 320deg,color-mix(in srgb,var(--sector-accent) 32%,transparent) 350deg,transparent 360deg);animation:sectorRadar 3.2s linear infinite}

.target-reticle{position:absolute;left:50%;top:50%;width:36px;height:36px;transform:translate(-50%,-50%);border:1px solid color-mix(in srgb,var(--sector-secondary) 45%,transparent);border-radius:50%}
.target-cross{position:absolute;left:50%;top:50%;background:color-mix(in srgb,var(--sector-secondary) 36%,transparent);transform:translate(-50%,-50%)}
.target-cross.h{width:46px;height:1px}.target-cross.v{width:1px;height:46px}
.target-blip{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--sector-accent);box-shadow:0 0 12px color-mix(in srgb,var(--sector-accent) 52%,transparent);animation:targetMove 3s ease-in-out infinite}
.target-scan{position:absolute;left:12px;right:12px;top:0;height:12px;background:linear-gradient(180deg,color-mix(in srgb,var(--sector-secondary) 16%,transparent),transparent);animation:sectorVerticalScan 2.6s linear infinite}
.visual-rebel .target-reticle{border-style:dashed;animation:rebelReticle 4s linear infinite}.visual-rebel .target-blip{animation:rebelTarget 2.6s ease-in-out infinite}

.visual-lava{background:linear-gradient(180deg,#1e1210,#090909)}
.lava-ridge{position:absolute;left:-10%;width:120%;height:6px;border-radius:50%;background:linear-gradient(90deg,transparent,var(--sector-secondary),var(--sector-accent),var(--sector-secondary),transparent);filter:blur(.5px);opacity:.58;animation:lavaDrift 3s ease-in-out infinite}
.lava-ridge.a{bottom:18px}.lava-ridge.b{bottom:31px;animation-delay:.7s}.lava-ridge.c{bottom:45px;animation-delay:1.4s}
.lava-pulse{position:absolute;right:17px;top:20px;width:10px;height:10px;border-radius:50%;background:var(--sector-accent);box-shadow:0 0 18px var(--sector-secondary);animation:sectorDot 1.2s ease-in-out infinite}
.lava-scan{position:absolute;inset:0;background:radial-gradient(circle at 70% 80%,color-mix(in srgb,var(--sector-secondary) 17%,transparent),transparent 34%);animation:lavaGlow 2.5s ease-in-out infinite}

@keyframes sectorRoute{from{transform:translateX(0)}to{transform:translateX(38px)}}
@keyframes sectorDot{0%,100%{transform:scale(1);opacity:.58}50%{transform:scale(1.4);opacity:1}}
@keyframes sectorWave{0%,100%{transform:scaleY(.55);opacity:.62}50%{transform:scaleY(1.15);opacity:1}}
@keyframes academyPulse{0%,100%{opacity:.55;transform:scaleY(.82)}50%{opacity:1;transform:scaleY(1)}}
@keyframes academyScan{from{top:10px}to{top:67px}}
@keyframes sectorTraffic{0%{transform:translateX(0) translateY(0)}50%{transform:translateX(48px) translateY(-3px)}100%{transform:translateX(105px) translateY(0)}}
@keyframes industryMove{from{transform:translateX(0)}to{transform:translateX(95px)}}
@keyframes sectorVerticalScan{0%{transform:translateY(-10px);opacity:0}20%{opacity:1}100%{transform:translateY(84px);opacity:0}}
@keyframes dataFlow{0%{transform:translateX(-8px);opacity:.5}50%{transform:translateX(4px);opacity:1}100%{transform:translateX(-8px);opacity:.5}}
@keyframes dataNode{0%{transform:translateX(0)}50%{transform:translateX(34px)}100%{transform:translateX(0)}}
@keyframes sectorRing{0%{opacity:.75;transform:translate(-50%,-50%) scale(.72)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.3)}}
@keyframes sectorRadar{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes targetMove{0%{left:24px;top:24px}25%{left:48px;top:20px}50%{left:54px;top:38px}75%{left:29px;top:49px}100%{left:24px;top:24px}}
@keyframes rebelReticle{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes rebelTarget{0%,100%{left:19px;top:47px}35%{left:47px;top:22px}70%{left:54px;top:49px}}
@keyframes lavaDrift{0%,100%{transform:translateX(-4px);opacity:.38}50%{transform:translateX(5px);opacity:.8}}
@keyframes lavaGlow{0%,100%{opacity:.45}50%{opacity:1}}

@media(prefers-reduced-motion:reduce){
  .scene-route:after,.scene-dot,.scene-wave,.scene-glow,.academy-block,.academy-scan,.academy-beacon,.traffic-craft,.traffic-blip,.industry-block,.industry-scan,.data-line,.data-node,.data-scan,.sensor-ring,.sensor-sweep,.target-blip,.target-scan,.visual-rebel .target-reticle,.lava-ridge,.lava-pulse,.lava-scan{animation:none!important}
}


/* Active sector assignments 0.7 */
.sector-assignment{margin:0 0 14px;padding:20px;border:1px solid rgba(176,214,232,.24);background:
radial-gradient(circle at 92% 8%,color-mix(in srgb,var(--sector-secondary,#8fae78) 14%,transparent),transparent 27%),
linear-gradient(145deg,rgba(16,25,32,.98),rgba(7,11,15,.99));position:relative;overflow:hidden;box-shadow:0 18px 42px rgba(0,0,0,.24)}
.sector-assignment:before{content:"";position:absolute;inset:0;pointer-events:none;background:
linear-gradient(90deg,transparent 49%,rgba(190,225,240,.025) 50%,transparent 51%),
linear-gradient(transparent 49%,rgba(190,225,240,.02) 50%,transparent 51%);background-size:28px 28px}
.sector-assignment:after{content:"";position:absolute;top:0;left:-35%;width:30%;height:2px;background:linear-gradient(90deg,transparent,var(--sector-accent,#b9d7e4),transparent);box-shadow:0 0 14px color-mix(in srgb,var(--sector-accent,#b9d7e4) 55%,transparent);animation:assignmentSweep 5s linear infinite}
.assignment-head{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:18px;align-items:start}
.assignment-head h2{margin:4px 0 6px;font:900 clamp(1.8rem,3vw,2.7rem)/.95 "Arial Narrow",Impact,sans-serif;text-transform:uppercase}
.assignment-head p{margin:0;max-width:800px;color:#82939d;line-height:1.55}
.assignment-status{padding:12px 14px;border:1px solid rgba(190,220,235,.16);background:#0a1116;text-align:right}
.assignment-status>span{display:block;color:#697b85;font-size:.53rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.assignment-status>strong{display:block;margin-top:4px;font:900 1.7rem/1 "Arial Narrow",Impact,sans-serif;color:#e0edf2}
.assignment-status>small{display:block;margin-top:5px;color:var(--sector-accent,#aac8d7);font-size:.58rem;font-weight:800}
.assignment-case{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);gap:14px;margin-top:16px}
.case-file{min-height:184px;padding:17px 18px;border:1px solid rgba(190,220,235,.13);background:rgba(7,12,16,.72);position:relative;overflow:hidden}
.case-file:before{content:"CASE FILE";position:absolute;right:11px;top:7px;color:rgba(170,200,215,.13);font:900 2.1rem/1 "Arial Narrow",Impact,sans-serif;letter-spacing:.04em}
.case-file>span{color:var(--sector-accent,#b9d7e4);font-size:.55rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.case-file h3{position:relative;margin:8px 0 9px;font:900 1.45rem/1 "Arial Narrow",Impact,sans-serif;text-transform:uppercase}
.case-file>p{position:relative;margin:0;max-width:760px;color:#a6b3ba;line-height:1.65;font-size:.82rem}
.case-result{position:relative;margin-top:13px;padding:10px 11px;border-left:2px solid #627985;background:rgba(20,30,36,.74);color:#b8c5cb;font-size:.7rem;line-height:1.5}
.case-result.correct{border-color:var(--sector-accent,#b9d7e4);background:color-mix(in srgb,var(--sector-accent,#b9d7e4) 7%,rgba(10,16,20,.9));color:#d8e7ed}
.case-result.wrong{border-color:#9a7367;background:rgba(60,35,30,.26);color:#cbb7b0}
.case-options{display:grid;gap:7px;align-content:start}
.case-option{min-height:54px;display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center;padding:8px 10px;border:1px solid rgba(179,211,226,.18);background:linear-gradient(90deg,#111c23,#0b1116);color:#dfe9ee;text-align:left;cursor:pointer;transition:transform .12s ease,border-color .15s ease,background .15s ease}
.case-option:hover:not(:disabled){transform:translateX(4px);border-color:color-mix(in srgb,var(--sector-accent,#b9d7e4) 55%,transparent);background:linear-gradient(90deg,#182832,#0d151b)}
.case-option:disabled{opacity:.43;cursor:not-allowed;filter:saturate(.55)}
.case-option>span{display:grid;place-items:center;width:36px;height:36px;border:1px solid color-mix(in srgb,var(--sector-accent,#b9d7e4) 30%,transparent);background:color-mix(in srgb,var(--sector-accent,#b9d7e4) 6%,transparent);font-size:.56rem;font-weight:900;letter-spacing:.08em}
.case-option strong{display:block;font-size:.72rem}
.case-option small{display:block;margin-top:3px;color:#71838d;font-size:.54rem}
@keyframes assignmentSweep{from{transform:translateX(0)}to{transform:translateX(460%)}}

body[data-sector="corellia"] .sector-assignment{background:
radial-gradient(circle at 88% 15%,rgba(154,181,193,.12),transparent 28%),
repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0 1px,transparent 1px 24px),
linear-gradient(145deg,#111920,#080d11)}
body[data-sector="corellia"] .case-file:after{content:"";position:absolute;left:0;right:0;bottom:0;height:22px;background:repeating-linear-gradient(90deg,transparent 0 13px,rgba(193,218,229,.045) 13px 14px);animation:freightTicker 8s linear infinite}
body[data-sector="scarif"] .case-file{background:linear-gradient(145deg,rgba(7,21,21,.84),rgba(6,12,15,.9))}
body[data-sector="mustafar"] .sector-assignment{box-shadow:0 18px 42px rgba(0,0,0,.32),inset 0 0 35px rgba(177,64,40,.035)}
@keyframes freightTicker{to{background-position:140px 0}}

@media(max-width:900px){
  .assignment-case{grid-template-columns:1fr}
  .assignment-head{grid-template-columns:1fr}
  .assignment-status{text-align:left}
}
@media(max-width:600px){
  .sector-assignment{padding:15px 12px}
  .case-file{padding:15px 13px}
  .case-file:before{font-size:1.6rem}
}
@media(prefers-reduced-motion:reduce){
  .sector-assignment:after,body[data-sector="corellia"] .case-file:after{animation:none!important}
}

.sector-specialty{margin-top:7px;padding:5px 7px;border:1px solid rgba(170,205,220,.11);background:#0a1115;color:#61747e;font-size:.52rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.sector-specialty.active{border-color:color-mix(in srgb,var(--sector-accent,#b9d7e4) 34%,transparent);color:var(--sector-accent,#b9d7e4);box-shadow:inset 0 0 14px color-mix(in srgb,var(--sector-accent,#b9d7e4) 5%,transparent)}
@media(max-width:900px){.network-summary{grid-template-columns:repeat(2,minmax(92px,1fr))}}