/* Station navigation and overview; other section contents keep their design. */
.tradefront-tabs.tradefront-tabs-top{max-width:none;align-self:stretch;margin:0}
.tradefront-overview-shell{display:block;--overview-rgb:128,190,223;--overview-accent:#80bedf}
.tradefront-overview-shell> * + *{margin-top:18px}
.tradefront-overview-shell[data-faction="helix_syndicate"]{--overview-rgb:128,190,223;--overview-accent:#80bedf}
.tradefront-overview-shell[data-faction="wayne_frontier_guild"]{--overview-rgb:223,180,120;--overview-accent:#dfb478}
.tradefront-overview-shell[data-faction="ember_caravan"]{--overview-rgb:220,142,119;--overview-accent:#dc8e77}
.tradefront-overview-shell[data-faction="nyx_quantum_collective"]{--overview-rgb:182,157,222;--overview-accent:#b69dde}
.tradefront-overview-shell .tradefront-profile,.tradefront-overview-shell .tradefront-bio{padding:18px;border:1px solid rgba(var(--overview-rgb),.4);border-radius:22px;background:radial-gradient(ellipse at top left,rgba(var(--overview-rgb),.13),transparent 68%),linear-gradient(145deg,#111c32,#091126);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 0 22px rgba(var(--overview-rgb),.07)}
.tradefront-overview-shell .trade-bubble-header{align-items:baseline;flex-wrap:wrap;gap:6px 18px;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid rgba(var(--overview-rgb),.16)}
.tradefront-overview-shell .trade-bubble-title{color:#e5edf9;font-size:1.3rem;line-height:1.25;letter-spacing:0;text-transform:none;margin:0}
.tradefront-overview-shell .tradefront-commander-name{font-size:1rem;line-height:1.45;font-weight:800;color:var(--overview-accent);text-shadow:0 0 10px rgba(var(--overview-rgb),.3);margin:0}
.tradefront-overview-shell .tradefront-commander-name>span{font-size:.85rem;line-height:1.5;font-weight:600;color:#b8c6da;text-shadow:none}
.tradefront-overview-shell .trade-bubble-subtitle{color:#a2b3ca;font-size:.68rem;font-weight:500;overflow-wrap:anywhere}
.tradefront-overview-shell .trade-faction-main{grid-template-columns:80px minmax(0,1fr) 180px;gap:12px 16px;align-items:start}
.tradefront-overview-shell .trade-commander-portrait-wrap{grid-column:1;grid-row:1;display:grid;gap:6px;min-width:0}
.tradefront-overview-shell .trade-faction-copy{grid-column:2;grid-row:1;overflow-wrap:anywhere;min-width:0}
.tradefront-overview-shell .trade-station-preview-wrap{grid-column:3;grid-row:1;min-width:0}
.tradefront-overview-shell .rep-wrapper{margin:8px 0 0}
.tradefront-overview-shell .trade-commander-portrait,.tradefront-overview-shell .trade-station-preview{height:auto;border-color:rgba(var(--overview-rgb),.28);box-shadow:0 8px 22px rgba(0,0,0,.22),0 0 15px rgba(var(--overview-rgb),.08)}
.tradefront-overview-shell .trade-commander-portrait.placeholder{height:80px}
.tradefront-overview-shell .trade-station-preview{aspect-ratio:180/122;object-fit:cover}
.tradefront-overview-shell .trade-station-preview.placeholder{min-height:122px}
.tradefront-overview-shell .trade-faction-kicker{font-size:.63rem;letter-spacing:.09em;color:var(--overview-accent)}
.tradefront-overview-shell .trade-faction-name{margin:0;font-size:1.5rem;line-height:1.15;color:#e5edf9;font-weight:900}
.tradefront-overview-shell .trade-faction-sub{font-size:.75rem;line-height:1.45;color:#b8c6da;font-weight:600}
.tradefront-overview-shell .trade-faction-personality{font-size:.75rem;line-height:1.5;color:#ced8e7;margin-top:9px}
.tradefront-overview-shell .trade-desc-toggle{margin-top:11px}
.tradefront-overview-shell .trade-desc-toggle>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;list-style:none;color:var(--overview-accent);font-size:.65rem;font-weight:700;text-transform:none;letter-spacing:0;cursor:pointer;min-height:32px}
.tradefront-overview-shell .trade-desc-toggle>summary::before{content:none}
.tradefront-overview-shell .trade-desc-toggle>summary::-webkit-details-marker{display:none}
.tradefront-overview-shell .tradefront-fold-toggle{color:var(--overview-accent);border-color:rgba(var(--overview-rgb),.24);font-size:.6rem}
.tradefront-overview-shell .trade-faction-description{font-size:.75rem;line-height:1.6;background:rgba(5,12,27,.4);border-color:rgba(var(--overview-rgb),.16)}
.tradefront-overview-shell .rep-head{font-size:.67rem;line-height:1.45;gap:5px 12px;flex-wrap:wrap;color:#c9d6e9;margin-bottom:8px}
.tradefront-overview-shell .rep-head>span:last-child{color:#9eb1cd;font-weight:500}
.tradefront-overview-shell .rep-bar{height:24px;border-color:rgba(var(--overview-rgb),.25);background:#071020;box-shadow:inset 0 2px 5px rgba(0,0,0,.3)}
.tradefront-overview-shell .rep-fill{background:linear-gradient(90deg,rgba(var(--overview-rgb),.45),var(--overview-accent));box-shadow:0 0 12px rgba(var(--overview-rgb),.3)}
.tradefront-overview-shell .rep-text{gap:4px;font-size:.72rem;color:#dce8f8}
.tradefront-overview-shell .rep-text strong{color:#eff6ff;text-shadow:0 0 8px rgba(var(--overview-rgb),.65),0 1px 2px #071020}
.tradefront-overview-shell .rep-next{font-size:.65rem;line-height:1.5;color:#9eb1cd;margin-top:6px}
.tradefront-overview-shell .rep-next strong{font-weight:600;color:#c1d0e3}
.tradefront-overview-shell .rep-bonus{border-color:rgba(var(--overview-rgb),.18);font-size:.7rem}
.tradefront-overview-shell .rep-bonus.unlocked{border-color:rgba(var(--overview-rgb),.35);background:rgba(var(--overview-rgb),.07)}
.tradefront-overview-shell .tradefront-profile-status{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0 0;padding-top:12px;border-top:1px solid rgba(var(--overview-rgb),.16)}
.tradefront-overview-shell .tradefront-profile-status>div{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 14px;padding:9px 12px;border:1px solid rgba(var(--overview-rgb),.2);border-radius:13px;background:linear-gradient(120deg,rgba(var(--overview-rgb),.08),rgba(5,12,27,.36))}
.tradefront-overview-shell .tradefront-profile-status dt{font-size:.7rem;line-height:1.4;color:#b9c7db;font-weight:600}
.tradefront-overview-shell .tradefront-profile-status dd{display:flex;flex-wrap:wrap;align-items:baseline;gap:5px;margin:0;color:#b6c6db;font-size:.78rem;font-variant-numeric:tabular-nums}
.tradefront-overview-shell .tradefront-status-value{display:inline-flex;align-items:baseline;gap:4px;white-space:nowrap;flex:none}
.tradefront-overview-shell .tradefront-profile-status strong{font-size:1.25rem;line-height:1.2;color:var(--overview-accent);text-shadow:0 0 10px rgba(var(--overview-rgb),.4)}
.tradefront-overview-shell .tradefront-profile-status small{font-size:.63rem;color:#9db0ca}
.tradefront-overview-shell .tradefront-profile-status .is-available{color:#8bddad;text-shadow:0 0 9px rgba(80,210,140,.28)}
.tradefront-overview-shell .tradefront-profile-status .is-full{color:#e99a9d;text-shadow:0 0 9px rgba(229,108,117,.26)}
.tradefront-overview-shell .tradefront-tabs{max-width:none;background:linear-gradient(115deg,rgba(var(--overview-rgb),.07),transparent 75%),#091224;border-color:rgba(var(--overview-rgb),.24);gap:5px}
.tradefront-overview-shell .tradefront-tab{min-height:84px;padding:5px 4px 9px;gap:2px;color:#b2c2da}
.tradefront-overview-shell .tradefront-tab-art{display:block;width:54px;height:54px;object-fit:contain;flex:none;filter:drop-shadow(0 2px 3px rgba(0,0,0,.3))}
.tradefront-overview-shell .tradefront-tab.is-active{color:#f0f4fc;border-color:rgba(var(--overview-rgb),.45);background:linear-gradient(145deg,rgba(var(--overview-rgb),.21),rgba(var(--overview-rgb),.05));box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 0 13px rgba(var(--overview-rgb),.09)}
.tradefront-overview-shell .tradefront-tab:hover,.tradefront-overview-shell .tradefront-tab:focus-visible{color:#f0f4fc;border-color:rgba(var(--overview-rgb),.6);background-color:rgba(var(--overview-rgb),.08)}
.tradefront-overview-shell .tradefront-tab small{color:var(--overview-accent);border-color:rgba(var(--overview-rgb),.25);background:#0b1426}
.tradefront-overview-shell .tradefront-project-card{border-color:rgba(var(--overview-rgb),.32);background:radial-gradient(ellipse at top right,rgba(var(--overview-rgb),.1),transparent 68%),linear-gradient(145deg,#111d33,#091329);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 0 18px rgba(var(--overview-rgb),.05)}
.tradefront-overview-shell .tradefront-kicker,.tradefront-overview-shell .tradefront-level-badge span{color:var(--overview-accent)}
.tradefront-overview-shell .tradefront-level-badge{color:#e2ebf8;border-color:rgba(var(--overview-rgb),.42);background:linear-gradient(145deg,rgba(var(--overview-rgb),.16),rgba(var(--overview-rgb),.04));box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 0 14px rgba(var(--overview-rgb),.1);text-shadow:0 0 10px rgba(var(--overview-rgb),.3)}
.tradefront-overview-shell .tradefront-project-target strong,.tradefront-overview-shell .tradefront-progress-percent{color:var(--overview-accent);text-shadow:0 0 10px rgba(var(--overview-rgb),.35)}
.tradefront-overview-shell .tradefront-project-target small{color:#9eb7d4;text-shadow:none}
.tradefront-overview-shell .tradefront-project-meter{border-color:rgba(var(--overview-rgb),.22)}
.tradefront-overview-shell .tradefront-project-meter>span{background:linear-gradient(90deg,rgba(var(--overview-rgb),.48),var(--overview-accent));box-shadow:0 0 10px rgba(var(--overview-rgb),.24)}
.tradefront-overview-shell .tradefront-project-stage.is-unlocked{color:#d9e3f2;border-color:rgba(var(--overview-rgb),.4);background:rgba(var(--overview-rgb),.08)}
.tradefront-overview-shell .tradefront-project-stage.is-unlocked .tradefront-stage-number{color:var(--overview-accent);border-color:rgba(var(--overview-rgb),.55);box-shadow:0 0 10px rgba(var(--overview-rgb),.12)}
.tradefront-overview-shell .tradefront-project-benefit{margin:16px 0 0;padding-top:13px;border-top:1px solid rgba(var(--overview-rgb),.16);font-size:.73rem;line-height:1.55;color:#c3d0e3}
.tradefront-overview-shell .tradefront-project-benefit>span{display:block;font-size:.6rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--overview-accent);margin-bottom:5px}
.tradefront-overview-shell .tradefront-fold,.tradefront-overview-shell .tradefront-running{border-color:rgba(var(--overview-rgb),.22);background:linear-gradient(135deg,rgba(var(--overview-rgb),.06),transparent 80%),#0b1528}
.tradefront-overview-shell .tradefront-running-status{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#d2e0f3;font-size:.78rem;padding:11px 0;border-bottom:1px solid rgba(var(--overview-rgb),.16)}
.tradefront-overview-shell .tradefront-running-status:last-child{border-bottom:0;padding-bottom:0}
.tradefront-overview-shell summary:focus-visible,.tradefront-overview-shell a:focus-visible{outline:2px solid var(--overview-accent);outline-offset:3px}
.tradefront-overview-shell .tradefront-archive-account{display:flex;flex-wrap:wrap;gap:7px 20px;font-size:.74rem;color:#a5b7d0;margin:15px 0}
.tradefront-overview-shell .tradefront-archive-account strong{color:var(--overview-accent);font-variant-numeric:tabular-nums}
.tradefront-overview-shell .tradefront-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch}
.tradefront-overview-shell .tradefront-archive-chapter{padding:14px;border:1px solid rgba(var(--overview-rgb),.2);border-radius:14px;background:rgba(5,13,29,.42);min-width:0;overflow-wrap:anywhere}
.tradefront-overview-shell .tradefront-archive-chapter.is-unlocked{border-color:rgba(var(--overview-rgb),.4);background:linear-gradient(140deg,rgba(var(--overview-rgb),.07),rgba(5,13,29,.42))}
.tradefront-overview-shell .tradefront-archive-chapter-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px;margin-bottom:13px}
.tradefront-overview-shell .tradefront-archive-chapter-head h3{margin:0;color:#d7e3f4;font-size:.86rem;line-height:1.4}
.tradefront-overview-shell .tradefront-archive-chapter-head>span{color:#91a6c2;font-size:.66rem;line-height:1.5}
.tradefront-overview-shell .tradefront-archive-chapter.is-unlocked .tradefront-archive-chapter-head>span{color:var(--overview-accent)}
.tradefront-overview-shell .tradefront-archive-requirements-title{color:#9caeca;font-size:.59rem;letter-spacing:.05em;text-transform:uppercase;font-weight:700}
.tradefront-overview-shell .tradefront-archive-requirements{padding-left:17px;margin:8px 0 0;color:#b5c5dc;font-size:.75rem;line-height:1.6}
.tradefront-overview-shell .tradefront-archive-requirements>li+li{margin-top:5px}
.tradefront-overview-shell .tradefront-archive-story{margin-top:14px;border-top:1px solid rgba(var(--overview-rgb),.16);padding-top:8px}
.tradefront-overview-shell .tradefront-archive-story>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:36px;list-style:none;cursor:pointer;color:var(--overview-accent);font-size:.7rem;font-weight:700}
.tradefront-overview-shell .tradefront-archive-story>summary::-webkit-details-marker{display:none}
.tradefront-overview-shell .tradefront-archive-story>p{font-size:.78rem;line-height:1.7;color:#c1cfe3;margin:10px 0 0;white-space:pre-line}
.tradefront-overview-shell .tradefront-bio-button,.tradefront-overview-shell .tradefront-bio-close{min-height:44px;padding:7px 12px;border:1px solid rgba(var(--overview-rgb),.35);border-radius:12px;background:linear-gradient(145deg,rgba(var(--overview-rgb),.14),rgba(var(--overview-rgb),.04));color:var(--overview-accent);font:inherit;font-size:.72rem;font-weight:700;line-height:1.4;cursor:pointer;overflow-wrap:anywhere}
.tradefront-overview-shell .tradefront-bio-button{width:100%}
.tradefront-overview-shell .tradefront-bio-button:hover,.tradefront-overview-shell .tradefront-bio-close:hover{border-color:var(--overview-accent);background-color:rgba(var(--overview-rgb),.1)}
.tradefront-overview-shell .tradefront-bio-button:focus-visible,.tradefront-overview-shell .tradefront-bio-close:focus-visible{outline:2px solid var(--overview-accent);outline-offset:3px}
.tradefront-overview-shell .tradefront-bio{position:fixed;inset:0;margin:auto;box-sizing:border-box;width:min(944px,calc(100% - 32px));max-width:none;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow:hidden;color:#c1cfe3}
.tradefront-bio::backdrop{background:rgba(2,6,17,.8)}
body.tradefront-bio-open{overflow:hidden}
.tradefront-overview-shell .tradefront-bio-header{align-items:center;flex-wrap:nowrap;gap:12px}
.tradefront-overview-shell .tradefront-bio-kicker{font-size:.78rem;line-height:1.5;font-weight:700;color:var(--overview-accent);overflow-wrap:anywhere;min-width:0}
.tradefront-overview-shell .tradefront-bio-close{flex:none;max-width:45%}
.tradefront-overview-shell .tradefront-bio-content{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:start;gap:14px 18px;max-height:calc(100vh - 170px);max-height:calc(100dvh - 170px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:3px 4px 3px 0;overflow-wrap:anywhere}
.tradefront-overview-shell .tradefront-bio-content:focus-visible{outline:2px solid var(--overview-accent);outline-offset:-2px;border-radius:8px}
.tradefront-overview-shell .tradefront-bio-portrait{width:96px;height:96px;object-fit:cover;grid-column:1;grid-row:1}
.tradefront-overview-shell .tradefront-bio-identity{grid-column:2;grid-row:1;min-width:0;align-self:center}
.tradefront-overview-shell .tradefront-bio-role{font-size:.84rem;line-height:1.55;color:#b8c6da;margin:5px 0 0;white-space:pre-line}
.tradefront-overview-shell .tradefront-bio-personality,.tradefront-overview-shell .tradefront-bio-description{grid-column:1/-1;font-size:.86rem;line-height:1.7;margin:0;white-space:pre-line}
.tradefront-overview-shell .tradefront-bio-personality{color:#d2dcea}
.tradefront-overview-shell .tradefront-bio-description{padding-top:14px;border-top:1px solid rgba(var(--overview-rgb),.16)}
@media(max-width:820px){
  .tradefront-overview-shell .trade-faction-main{grid-template-columns:80px minmax(0,1fr) 140px;gap:12px}
  .tradefront-overview-shell .trade-commander-portrait.placeholder{height:80px}
  .tradefront-overview-shell .trade-faction-name{font-size:1.3rem}
  .tradefront-overview-shell .tradefront-profile-status>div{align-items:flex-start;flex-direction:column;gap:4px}
}
@media(max-width:620px){
  .tradefront-overview-shell> * + *{margin-top:14px}
  .tradefront-overview-shell .tradefront-profile,.tradefront-overview-shell .tradefront-bio{padding:16px;border-radius:18px}
  .tradefront-overview-shell .trade-bubble-header{margin-bottom:12px;padding-bottom:10px;gap:7px}
  .tradefront-overview-shell .trade-bubble-subtitle{font-size:.61rem;line-height:1.45}
  .tradefront-overview-shell .trade-bubble-title{font-size:1.12rem}
  .tradefront-overview-shell .tradefront-commander-name{font-size:.9rem}
  .tradefront-overview-shell .tradefront-commander-name>span{font-size:.75rem}
  .tradefront-overview-shell .trade-faction-main{grid-template-columns:64px minmax(0,1fr);gap:10px 12px}
  .tradefront-overview-shell .trade-commander-portrait-wrap{grid-row:1;grid-column:1}
  .tradefront-overview-shell .trade-faction-copy{grid-row:1/3;grid-column:2}
  .tradefront-overview-shell .trade-station-preview-wrap{grid-row:2;grid-column:1;order:0}
  .tradefront-overview-shell .trade-station-preview{border-radius:12px;aspect-ratio:1/1;object-fit:cover}
  .tradefront-overview-shell .trade-station-preview.placeholder{min-height:64px;padding:7px;font-size:.55rem}
  .tradefront-overview-shell .trade-commander-portrait{border-radius:13px}
  .tradefront-overview-shell .trade-commander-portrait.placeholder{height:64px;font-size:26px}
  .tradefront-overview-shell .tradefront-bio-content{grid-template-columns:64px minmax(0,1fr);gap:12px}
  .tradefront-overview-shell .tradefront-bio-portrait{width:64px;height:64px}
  .tradefront-overview-shell .tradefront-bio-kicker{font-size:.69rem}
  .tradefront-overview-shell .tradefront-bio-personality,.tradefront-overview-shell .tradefront-bio-description{font-size:.82rem}
  .tradefront-overview-shell .tradefront-bio-role{font-size:.78rem}
  .tradefront-overview-shell .trade-faction-name{font-size:1.15rem;line-height:1.2}
  .tradefront-overview-shell .trade-faction-kicker{font-size:.56rem}
  .tradefront-overview-shell .trade-faction-sub,.tradefront-overview-shell .trade-faction-personality{font-size:.68rem;line-height:1.5}
  .tradefront-overview-shell .rep-head{font-size:.61rem;flex-direction:column;gap:3px}
  .tradefront-overview-shell .rep-next{font-size:.59rem}
  .tradefront-overview-shell .trade-desc-toggle>summary{font-size:.62rem;min-height:34px}
  .tradefront-overview-shell .tradefront-fold-toggle{font-size:.54rem;padding:4px 6px}
  .tradefront-overview-shell .tradefront-profile-status{gap:8px;padding-top:10px;margin-top:10px}
  .tradefront-overview-shell .tradefront-profile-status>div{padding:10px}
  .tradefront-overview-shell .tradefront-profile-status dt{font-size:.63rem}
  .tradefront-overview-shell .tradefront-profile-status dd{font-size:.7rem;gap:4px}
  .tradefront-overview-shell .tradefront-profile-status strong{font-size:1.2rem}
  .tradefront-overview-shell .tradefront-profile-status small{font-size:.57rem}
  .tradefront-overview-shell .tradefront-tabs{gap:3px;padding:4px}
  .tradefront-overview-shell .tradefront-tab{min-height:78px;padding:4px 2px 7px;font-size:.61rem;line-height:1.3;gap:3px}
  .tradefront-overview-shell .tradefront-tab-art{width:46px;height:46px}
  .tradefront-overview-shell .tradefront-tab small{top:3px;right:3px;font-size:.49rem}
  .tradefront-overview-shell .tradefront-project-benefit{font-size:.68rem}
  .tradefront-overview-shell .tradefront-archive-grid{grid-template-columns:minmax(0,1fr);gap:9px}
  .tradefront-overview-shell .tradefront-archive-account{display:grid;gap:6px;font-size:.68rem}
  .tradefront-overview-shell .tradefront-archive-chapter{padding:12px}
  .tradefront-overview-shell .tradefront-archive-requirements{font-size:.7rem}
}
@media(max-width:360px){
  .tradefront-overview-shell .tradefront-profile,.tradefront-overview-shell .tradefront-bio{padding:12px}
  .tradefront-overview-shell .trade-faction-main{grid-template-columns:56px minmax(0,1fr);gap:12px 10px}
  .tradefront-overview-shell .trade-commander-portrait.placeholder{height:56px}
  .tradefront-overview-shell .trade-station-preview.placeholder{min-height:56px}
  .tradefront-overview-shell .tradefront-tab-art{width:40px;height:40px}
  .tradefront-overview-shell .tradefront-tab{font-size:.54rem;min-height:76px;overflow-wrap:normal}
}