/* Shatterbelt staging: restrained industrial space-chart with full mobile fallback */
.frontier-screen{--frontier-amber:#dfa86b;--frontier-blue:#87cdd4;--frontier-ink:#101f2c}
.frontier-screen>.wrap{padding-top:2.6rem;padding-bottom:4rem}
.frontier-screen h1{font-size:clamp(2.5rem,6vw,5rem);line-height:1.03;letter-spacing:-.045em;margin:.45rem 0 1.2rem}
.frontier-kicker{font-size:.71rem;letter-spacing:.17em;color:var(--frontier-amber);font-weight:800}
.frontier-intro{max-width:68ch;line-height:1.8;font-size:1.12rem;color:#c3d5de}
.frontier-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}
.frontier-three .card{display:flex;flex-direction:column;gap:.6rem;padding:1.4rem}
.frontier-three strong{font-size:2.1rem;letter-spacing:-.04em;color:#e7f1f5}
.frontier-three span{font-size:.76rem;color:#a5b8c7;text-transform:uppercase;letter-spacing:.1em}
.frontier-board{overflow:hidden}
.frontier-board .card-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.frontier-starfield{position:relative;overflow:hidden;border:1px solid #355064;border-radius:12px;aspect-ratio:2 / 1;min-height:280px;background:radial-gradient(ellipse at 48% 48%,rgba(42,103,123,.27),transparent 31%),radial-gradient(ellipse at 30% 60%,rgba(190,118,61,.08),transparent 27%),radial-gradient(circle at 18% 24%,#63869c 0 1px,transparent 1.5px),radial-gradient(circle at 66% 73%,#b5c2d3 0 1px,transparent 1.4px),radial-gradient(circle at 75% 16%,#63869c 0 1px,transparent 1.5px),linear-gradient(145deg,#08121e,#112837 55%,#08131d);box-shadow:inset 0 0 65px rgba(0,0,0,.7)}
.frontier-starfield:after{content:"VEYRA REACH // STAGING ATLAS";position:absolute;pointer-events:none;left:18px;bottom:13px;color:#8eaab3;font-size:.72rem;letter-spacing:.18em}
.frontier-starfield svg{width:100%;height:100%;position:absolute;inset:0}
.frontier-route{fill:none;stroke:#567585;stroke-width:.2;stroke-dasharray:1.25 1;stroke-opacity:.65}
.frontier-pin{fill:#a0dddb;stroke:#d5ffff;stroke-width:.5;transition:fill .15s,stroke-width .15s}
.frontier-pin.frontier-risk{fill:#efa65e;stroke:#ffd3a2}
.frontier-starfield svg a:focus-visible circle,.frontier-starfield svg a:hover circle{stroke:#fff;stroke-width:1.4;fill:#fff}
.frontier-locations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}
.frontier-locations details{border:1px solid #365065;border-radius:9px;padding:.85rem 1rem;background:rgba(19,40,54,.6)}
.frontier-locations summary{cursor:pointer;color:#eef5f7;font-weight:650;display:flex;justify-content:space-between;gap:.5rem;align-items:center}
.frontier-locations details[open]{border-color:#6797a1;background:rgba(19,40,54,.93)}
.frontier-locations p{font-size:.91rem;line-height:1.6;margin:.75rem 0}
.frontier-metrics{display:flex;gap:.5rem;flex-wrap:wrap}
.frontier-metrics span{font-size:.7rem;background:#1b3445;border:1px solid #35586d;border-radius:6px;color:#bdcdd5;padding:.28rem .42rem}
.frontier-hooks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.frontier-hooks article{background:linear-gradient(145deg,rgba(20,47,62,.96),rgba(14,31,45,.95));border:1px solid #3d5769;border-radius:11px;padding:1.15rem;min-width:0}
.frontier-hooks h3{font-size:1.03rem;line-height:1.25;margin:0 0 .65rem;color:#f5e6d6}
.frontier-hooks p{font-size:.88rem;color:#bdd0d8;line-height:1.58}
.frontier-deltas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.frontier-deltas input{max-width:100%}
@media(max-width:900px){.frontier-hooks{grid-template-columns:repeat(2,minmax(0,1fr))}.frontier-starfield{aspect-ratio:1.7/1}}
@media(max-width:640px){.frontier-screen>.wrap{padding-top:1.7rem}.frontier-three{grid-template-columns:1fr 1fr}.frontier-three .card:last-child{grid-column:1/-1}.frontier-three strong{font-size:1.75rem}.frontier-locations{grid-template-columns:1fr}.frontier-hooks{grid-template-columns:1fr}.frontier-deltas{grid-template-columns:1fr}.frontier-starfield{aspect-ratio:1/1;min-height:300px}.frontier-board .card-head{align-items:start;flex-direction:column}}
