*{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#0a0e14;font-family:"Exo 2",system-ui,-apple-system,sans-serif}.starfield{position:absolute;top:-50%;left:-50%;width:200%;height:200%;z-index:0;overflow:hidden;background:radial-gradient(ellipse 120% 80% at 50% 50%,#0d1117,#06090d,#030507)}.starfield-layer{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;width:120%;height:120%;animation:starfield-drift var(--star-duration, 90s) ease-in-out infinite}.starfield-layer:nth-child(1){animation-duration:140s}.starfield-layer:nth-child(2){animation-duration:95s}.starfield-layer:nth-child(3){animation-duration:60s}@keyframes starfield-drift{0%,to{transform:translate(0)}50%{transform:translate(-2%,-1%)}}.star{position:absolute;border-radius:50%;background:#fff;transform:translate(-50%,-50%);animation:starfield-twinkle 4s ease-in-out infinite;box-shadow:0 0 4px 1px #ffffff4d}.starfield-layer:nth-child(1) .star{animation-duration:5s}.starfield-layer:nth-child(2) .star{animation-duration:3.5s}.starfield-layer:nth-child(3) .star{animation-duration:2.5s}@keyframes starfield-twinkle{0%,to{opacity:.35}50%{opacity:1}}.nebula-container{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.nebula{position:absolute;border-radius:50%;filter:blur(var(--nebula-blur, 80px));transform:translate(-50%,-50%);animation:nebula-drift var(--nebula-duration, 45s) ease-in-out infinite;animation-delay:var(--nebula-delay, 0s);mix-blend-mode:screen}@keyframes nebula-drift{0%,to{transform:translate(-50%,-50%) translate(0) scale(1);opacity:.3}25%{transform:translate(-50%,-50%) translate(2%,1%) scale(1.05);opacity:.4}50%{transform:translate(-50%,-50%) translate(-1%,2%) scale(.95);opacity:.35}75%{transform:translate(-50%,-50%) translate(1%,-1%) scale(1.02);opacity:.4}}.sector-detail-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;background:#030507d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fade-in .3s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.sector-detail-panel{position:relative;width:50%;min-width:min(260px,100%);max-width:min(96vw,1100px);max-height:80vh;overflow-y:auto;overflow-x:hidden;background:#0d1117;border:1px solid #21262d;border-radius:12px;padding:0;box-shadow:0 8px 32px #00000080;animation:slide-up .3s ease-out;outline:none}.sector-detail-panel-body{padding:32px 40px 36px}.sector-detail-hero-header{position:relative;border-radius:12px 12px 0 0;padding:28px 40px 24px;border-bottom:1px solid rgba(255,255,255,.09);box-shadow:inset 0 -1px #00000059}.sector-detail-hero-header__row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px 24px;padding-right:52px}.sector-detail-hero-header__title-block{min-width:0;flex:1 1 200px}.sector-detail-hero-title{margin:0;font-size:clamp(1.5rem,2.8vw,2.2rem);font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#f6f8fa;font-family:"Exo 2",system-ui,sans-serif;line-height:1.2;text-shadow:0 1px 4px rgba(0,0,0,.65)}.sector-detail-hero-header .sector-detail-tagline{margin:10px 0 0;color:#f6f8fad1;text-shadow:0 1px 2px rgba(0,0,0,.5)}.sector-detail-hero-header .sector-detail-subtitle{margin:8px 0 0;color:#f6f8fabf;text-shadow:0 1px 2px rgba(0,0,0,.45)}.sector-detail-hero-header__status{flex:0 1 auto;align-self:center;text-align:right}.sector-detail-header-status-pill{display:inline-flex;align-items:center;max-width:min(100%,min(480px,42vw));padding:10px 16px;border-radius:10px;background:#06090d80;border:1px solid rgba(255,255,255,.14);box-shadow:0 4px 16px #00000059;font-size:14px;font-weight:600;line-height:1.35;color:#e6edf3;font-family:"Exo 2",system-ui,sans-serif}@keyframes slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.sector-detail-close{position:absolute;top:12px;right:12px;z-index:3;width:32px;height:32px;border:none;background:#06090d59;color:#f6f8faeb;font-size:24px;line-height:1;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s}.sector-detail-close:hover{background:#06090d99;color:#fff}.sector-detail-body{display:grid;grid-template-columns:1fr 1fr;gap:28px 36px;align-items:start}.sector-detail-col--primary{min-width:0;max-width:100%}.sector-detail-col--primary .sector-detail-primary-art-frame{margin-top:0;width:100%;max-width:100%;box-sizing:border-box;aspect-ratio:1;max-height:min(320px,42vh);border-radius:10px;overflow:hidden;border:1px solid #21262d;box-shadow:0 8px 28px #00000073;background:#06090d}.sector-detail-primary-art{display:block;width:100%;max-width:100%;height:100%;object-fit:cover;object-position:center}.sector-detail-col--secondary{min-width:0;padding-left:28px;border-left:1px solid #21262d;display:flex;flex-direction:column;gap:24px}.sector-detail-secondary-head{display:flex;align-items:center;gap:14px}.sector-detail-secondary-head .sector-detail-id{margin:0}.sector-detail-color-indicator{width:48px;height:48px;border-radius:8px;flex-shrink:0;box-shadow:0 4px 12px #0000004d}.sector-detail-title{margin:0;font-size:clamp(1.35rem,2.4vw,1.85rem);font-weight:600;color:#e6edf3;font-family:"Exo 2",system-ui,sans-serif;line-height:1.25}.sector-detail-title--hero{font-size:clamp(1.65rem,3vw,2.35rem);font-weight:600;letter-spacing:.02em}.sector-detail-subtitle{margin:14px 0 0;font-size:clamp(.95rem,1.6vw,1.1rem);font-weight:500;font-style:italic;color:#8b949e;font-family:"Exo 2",system-ui,sans-serif;letter-spacing:.04em}.sector-detail-tagline{margin:12px 0 0;font-size:clamp(.95rem,1.6vw,1.12rem);font-weight:500;font-style:normal;color:#8b949e;font-family:"Exo 2",system-ui,sans-serif;letter-spacing:.03em;text-transform:none}.sector-detail-id{margin:12px 0 0;font-size:14px;color:#8b949e;font-family:"Exo 2",system-ui,sans-serif}.sector-detail-content{display:flex;flex-direction:column;gap:24px}.sector-detail-fleets{margin-top:8px;padding-top:28px;border-top:1px solid #21262d}.sector-detail-fleets-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px 36px;align-items:start}.sector-detail-fleets-col{min-width:0}.sector-detail-fleets-col--enemy{padding-left:28px;border-left:1px solid #21262d}.sector-detail-friendly-view-toggle{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.sector-detail-toggle-btn{margin:0;padding:6px 12px;font-size:12px;font-weight:600;font-family:"Exo 2",system-ui,sans-serif;letter-spacing:.03em;text-transform:uppercase;color:#8b949e;background:#06090d8c;border:1px solid #30363d;border-radius:6px;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.sector-detail-toggle-btn:hover{color:#e6edf3;border-color:#484f58;background:#161b22d9}.sector-detail-toggle-btn--active{color:#e6edf3;border-color:#58a6ff;background:#388bfd1f;box-shadow:0 0 0 1px #58a6ff40}.sector-detail-friendly-fleet-block__title{margin:0 0 6px;font-size:13px;font-weight:600;color:#e6edf3;font-family:"Exo 2",system-ui,sans-serif;letter-spacing:.02em}@media (max-width: 720px){.sector-detail-panel{width:min(94vw,100%)}.sector-detail-panel-body{padding:28px 22px 32px}.sector-detail-hero-header{padding:24px 22px 20px}.sector-detail-hero-header__row{padding-right:0;flex-direction:column;align-items:stretch}.sector-detail-hero-header__status{text-align:left;align-self:stretch}.sector-detail-body{grid-template-columns:1fr;gap:24px}.sector-detail-col--secondary{padding-left:0;border-left:none;padding-top:24px;border-top:1px solid #21262d}.sector-detail-fleets-grid{grid-template-columns:1fr;gap:24px}.sector-detail-fleets-col--enemy{padding-left:0;border-left:none;padding-top:20px;border-top:1px solid #21262d}}.sector-detail-section{display:flex;flex-direction:column;gap:8px}.sector-detail-section h3{margin:0;font-size:12px;font-weight:500;color:#8b949e;text-transform:uppercase;letter-spacing:.5px;font-family:"Exo 2",system-ui,sans-serif}.sector-detail-nebula-interference-notice{margin:10px 0 0;padding:14px 16px;font-size:14px;font-weight:500;line-height:1.55;color:#ffddd7;background:#f8514938;border:1px solid rgba(248,81,73,.5);border-radius:8px;font-family:"Exo 2",system-ui,sans-serif;box-shadow:inset 0 1px #ffffff0f}.sector-detail-value{margin:0;font-size:20px;font-weight:500;color:#e6edf3;font-family:"Exo 2",system-ui,sans-serif}.sector-detail-faction-name{font-weight:600}.sector-detail-color-info{display:flex;align-items:center;gap:12px}.sector-detail-color-badge{width:24px;height:24px;border-radius:4px;flex-shrink:0;box-shadow:0 2px 6px #0000004d}.sector-detail-code{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;color:#58a6ff;background:#161b22;padding:8px 12px;border-radius:6px;border:1px solid #21262d}code{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;color:#58a6ff}.hex-grid{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.hex-grid svg{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}@keyframes ship-damage-explosion-pulse{0%,to{opacity:1}50%{opacity:.1}}.ship-damage-explosion-overlay{animation:ship-damage-explosion-pulse 2s ease-in-out infinite;mix-blend-mode:screen;pointer-events:none}.ship-damage-explosion-overlay--stagger{animation-delay:-1s}.ship-hull-ci-cross{animation:ship-damage-explosion-pulse 2s ease-in-out infinite;mix-blend-mode:screen;pointer-events:none}@media (prefers-reduced-motion: reduce){.ship-damage-explosion-overlay,.ship-damage-explosion-overlay--stagger,.ship-hull-ci-cross{animation:none;opacity:1}}.hex-grid svg .hex-path--uvp-friendly-conflict{animation:hex-uvp-friendly-stroke-flash 2s linear infinite}@keyframes hex-uvp-friendly-stroke-flash{0%{stroke:#f85149;stroke-width:2.5}15%{stroke:#3d4a58;stroke-width:1}to{stroke:#3d4a58;stroke-width:1}}.scrolling-banner{will-change:transform}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}.hud-side-panel-slide{display:grid;grid-template-columns:0fr;max-height:76px;overflow:hidden;align-self:flex-start;transition:grid-template-columns .32s cubic-bezier(.32,.72,0,1),max-height .36s cubic-bezier(.32,.72,0,1)}.hud-side-panel-slide.hud-side-panel-slide--open{grid-template-columns:1fr;max-height:min(85vh,720px);overflow-x:hidden;overflow-y:auto}.hud-side-panel-slide-inner{overflow:hidden;min-width:0}@media (prefers-reduced-motion: reduce){.hud-side-panel-slide{transition:none}}