:root{--ink:#06152c;--deep:#081a35;--panel:#0d2343;--cyan:#29d3ee;--cyan2:#8deeff;--white:#eef7f8;--muted:#a9c4cf;--yellow:#f3cc61;--line:rgba(141,238,255,.2);--red:#ef554d;--radius:3px;color-scheme:dark;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--white);font-family:Manrope,sans-serif;min-width:320px;overflow-x:clip}body::selection{background:var(--yellow);color:var(--ink)}button,a{font:inherit}button{color:inherit}.atmosphere{position:fixed;inset:0;z-index:-1;overflow:hidden;background:linear-gradient(160deg,#07152d 0%,#071831 44%,#061225 100%)}.atmosphere:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(98,184,214,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(98,184,214,.045) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,#000,transparent 75%)}.atmosphere span{position:absolute;border:1px solid rgba(42,211,238,.1);border-radius:50%}.atmosphere span:nth-child(1){width:70vw;height:70vw;right:-35vw;top:-38vw}.atmosphere span:nth-child(2){width:48vw;height:48vw;right:-25vw;top:-22vw}.atmosphere span:nth-child(3){width:30vw;height:30vw;left:-24vw;top:40vh}
.masthead{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,68px);border-bottom:1px solid var(--line);position:relative}.brand{display:flex;align-items:center;gap:12px;color:var(--white);text-decoration:none;font:600 16px Oxanium,sans-serif;letter-spacing:.03em}.brand svg{width:31px;fill:none;stroke:var(--cyan);stroke-width:1.5}.brand span span{color:var(--cyan)}.patch{font:600 11px Oxanium,sans-serif;letter-spacing:.12em;color:var(--muted);display:flex;align-items:center;gap:8px}.patch b{color:var(--cyan)}.pulse{width:6px;height:6px;border-radius:50%;background:var(--cyan)}
main{max-width:1500px;margin:auto;padding:0 clamp(20px,4vw,68px)}.intro{min-height:510px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.55fr);gap:8vw;align-items:center;position:relative;padding:84px 0 100px}.context{font:600 11px Oxanium,sans-serif;letter-spacing:.12em;color:var(--cyan);margin:0 0 24px;text-transform:uppercase}.intro h1{font:600 clamp(48px,6.5vw,96px)/.94 Oxanium,sans-serif;letter-spacing:-.04em;margin:0;max-width:950px;text-wrap:balance}.intro h1 em{font-style:normal;color:var(--cyan2)}.lede{font-size:clamp(16px,1.5vw,21px);line-height:1.65;color:var(--muted);max-width:670px;margin:32px 0 0}.selection-console{align-self:center;padding:28px 0 26px 30px;border-left:1px solid var(--cyan);position:relative}.selection-console:before{content:"";position:absolute;left:-4px;top:0;width:7px;height:7px;background:var(--cyan);border-radius:50%}.console-label{font:600 11px Oxanium,sans-serif;letter-spacing:.14em;color:var(--cyan);margin-bottom:16px}.selection-name{font:600 25px/1.2 Oxanium,sans-serif;min-height:60px}.selection-console p{font-size:13px;line-height:1.6;color:var(--muted);margin:12px 0 24px}.selection-console button{border:1px solid var(--line);background:transparent;padding:12px 15px;display:flex;align-items:center;gap:9px;font-size:12px;cursor:pointer;transition:.25s}.selection-console button:disabled{opacity:.35;cursor:not-allowed}.selection-console button:not(:disabled):hover{background:var(--white);color:var(--ink)}.selection-console svg{width:16px;fill:none;stroke:currentColor;stroke-width:1.6}.route-line{position:absolute;bottom:35px;left:0;right:0;height:22px;border-top:1px solid rgba(42,211,238,.2)}.route-line:before{content:"";position:absolute;top:-1px;left:0;width:28%;height:1px;background:var(--cyan)}.route-line i{position:absolute;top:-4px;width:7px;height:7px;border:1px solid var(--cyan);background:var(--ink);transform:rotate(45deg)}.route-line i:nth-child(1){left:0}.route-line i:nth-child(2){left:19%}.route-line i:nth-child(3){left:42%}.route-line i:nth-child(4){left:63%}.route-line i:nth-child(5){left:82%}.route-line i:nth-child(6){right:0}
.board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;padding:30px 0 90px}.direction{background:rgba(10,31,60,.72);border:1px solid var(--line);position:relative;overflow:hidden;transition:border-color .3s,transform .3s,background .3s;outline:none}.direction:hover,.direction:focus-visible{border-color:rgba(141,238,255,.62);transform:translateY(-3px);background:rgba(12,38,73,.86)}.direction.selected{border-color:var(--yellow);box-shadow:0 18px 60px rgba(0,0,0,.25)}.direction.selected:after{content:"ROUTE LOCKED";position:absolute;top:50px;right:-45px;background:var(--yellow);color:var(--ink);font:700 11px Oxanium;letter-spacing:.11em;padding:8px 54px;transform:rotate(45deg)}.featured{grid-column:span 2}.canon{grid-column:1/-1;display:grid;grid-template-columns:1.05fr .95fr;grid-template-areas:"meta meta" "visual body" "visual action";grid-template-rows:auto 1fr auto}.canon .card-meta{grid-area:meta}.canon .visual{grid-area:visual;height:100%;min-height:330px;border-right:1px solid var(--line);border-bottom:0}.canon .card-body{grid-area:body;align-self:center}.canon .choose{grid-area:action}.card-meta{min-height:48px;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font:600 11px Oxanium,sans-serif;letter-spacing:.1em;color:var(--muted)}.card-meta .roll,.card-meta .pick{color:var(--yellow)}.visual{height:310px;position:relative;overflow:hidden;background:#071a34;border-bottom:1px solid var(--line)}.featured .visual{height:440px}.card-body{padding:26px 24px 22px;display:grid;grid-template-columns:1.5fr 1fr;gap:30px}.card-body h2{font:600 clamp(23px,2vw,34px)/1.1 Oxanium;margin:0 0 12px;letter-spacing:-.025em}.card-body p{font-size:14px;line-height:1.65;color:var(--muted);margin:0;max-width:62ch}.card-body dl{margin:0;display:grid;gap:13px;align-self:start}.card-body dl div{display:grid;grid-template-columns:60px 1fr;gap:10px;border-bottom:1px solid var(--line);padding-bottom:10px}.card-body dt{font:600 11px Oxanium;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan)}.card-body dd{font-size:12px;color:var(--white);margin:0}.choose{width:100%;height:49px;border:0;border-top:1px solid var(--line);background:transparent;padding:0 24px;display:flex;align-items:center;justify-content:space-between;font:600 11px Oxanium;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:.25s}.choose:hover,.choose:focus-visible{background:var(--cyan);color:var(--ink);outline:none}.selected .choose{background:var(--yellow);color:var(--ink)}
/* Orbital */.orbital{background:linear-gradient(120deg,#071930,#0b2a4c)}.orbital:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 25% 60%,rgba(65,224,247,.13),transparent 27%),linear-gradient(rgba(128,220,240,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(128,220,240,.06) 1px,transparent 1px);background-size:auto,40px 40px,40px 40px}.orbital svg{position:absolute;inset:0;width:100%;height:100%}.route{fill:none;stroke-width:2}.route.cyan{stroke:var(--cyan)}.route.yellow{stroke:var(--yellow);stroke-dasharray:4 9}.nodes circle{fill:#071930;stroke:var(--cyan);stroke-width:2}.planet{position:absolute;width:144px;height:144px;border:1px solid rgba(141,238,255,.36);border-radius:50%;left:calc(50% - 72px);top:calc(50% - 72px);display:grid;place-items:center;z-index:2;background:radial-gradient(circle,rgba(41,211,238,.14),rgba(5,20,40,.82) 65%)}.planet b{font:600 50px Oxanium;color:var(--cyan2)}.orbit{position:absolute;border:1px solid rgba(141,238,255,.25);border-radius:50%;inset:-24px}.orbit.o2{inset:-58px}.orbit.o3{inset:-98px;border-style:dashed}.build-dock{position:absolute;top:28px;right:28px;width:186px;padding:17px;border:1px solid rgba(141,238,255,.35);background:rgba(5,18,39,.8);z-index:3}.build-dock span,.build-dock small{font:600 11px Oxanium;letter-spacing:.08em;color:var(--cyan);display:block}.build-dock b{font:600 21px Oxanium;display:block;margin:8px 0}.build-dock small{color:var(--yellow)}.signal{position:absolute;font:500 11px Oxanium;letter-spacing:.06em;color:var(--muted);z-index:3}.signal b{color:var(--cyan);margin-left:6px}.s1{left:26px;top:28px}.s2{left:34px;bottom:30px}
/* Ephemeris */.ephemeris{background:radial-gradient(circle at 72% 35%,#1a2b61 0,#091633 42%,#050d20 100%)}.starfield{position:absolute;inset:0;background-image:radial-gradient(#d8f2ff 1px,transparent 1px);background-size:29px 29px;opacity:.26}.axis{position:absolute;background:rgba(141,238,255,.2)}.axis.ax{height:1px;left:9%;right:8%;top:58%}.axis.ay{width:1px;top:9%;bottom:10%;left:65%}.trajectory{position:absolute;width:75%;height:70%;left:2%;top:15%;border-top:2px solid #8a86ff;border-radius:50%;transform:rotate(-14deg)}.trajectory span{position:absolute;width:14px;height:14px;right:13%;top:-8px;border-radius:50%;background:#fff;border:3px solid #6d7bff}.impact{position:absolute;left:63%;top:53%;font:600 32px Oxanium;color:#d8f2ff}.formula{position:absolute;top:25px;left:26px;font:500 11px/1.8 Oxanium;color:#aebce3;letter-spacing:.1em}.build-orbit{position:absolute;right:24px;bottom:21px;display:flex;gap:7px}.build-orbit i{width:28px;height:28px;border:1px solid #6d7bff;background:rgba(109,123,255,.12)}
/* Matrix */.matrix{background:#f5f8fa;color:#101820;padding:18px}.matrix-nav{font:700 11px Oxanium;letter-spacing:.05em;padding:9px;background:#111;color:white;border-bottom:1px solid #e53935}.cells{display:grid;grid-template-columns:repeat(3,1fr);height:calc(100% - 28px)}.cells>*{font:600 11px/1.35 Oxanium;font-style:normal;padding:10px;border-right:1px solid #9aa5ad;border-bottom:1px solid #9aa5ad}.cells .wide{grid-column:span 2}.cells strong{font-size:13px}.cells .alert{background:#e53935;color:#fff}
/* Forces */.forces{background:#e4e7e3}.forces svg{width:100%;height:100%}.struts path{fill:none;stroke:#171a1e;stroke-width:8;stroke-linecap:round}.cords path{fill:none;stroke:#e43d30;stroke-width:2}.force-nodes circle{fill:#171a1e;stroke:#fff;stroke-width:2}.force-label{position:absolute;color:#20252b;font:600 11px Oxanium;letter-spacing:.08em}.fl1{left:7%;bottom:9%}.fl2{left:31%;top:15%}.fl3{left:63%;top:12%}.fl4{right:7%;bottom:8%}
/* Cathode */.cathode{background:#06101f}.mesh{position:absolute;inset:0;background-image:linear-gradient(rgba(164,119,66,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(164,119,66,.16) 1px,transparent 1px);background-size:7px 7px;mask-image:linear-gradient(90deg,#000,transparent)}.ghost,.active-rec{position:absolute;left:5%;top:30%;font:600 clamp(40px,5vw,72px) Oxanium;letter-spacing:-.04em}.ghost{color:#ff8a2b;opacity:.08}.g1{transform:translate(8px,-35px)}.g2{transform:translate(15px,35px)}.g3{transform:translate(22px,70px)}.active-rec{color:#ff9a45}.rec-note{position:absolute;right:8%;bottom:18%;font:500 11px/1.8 Oxanium;color:#c3aa93;letter-spacing:.05em}.rec-note b{color:#ff8a2b}
/* Premium */.premium{display:flex;background:linear-gradient(110deg,#0b2343,#071223)}.champion-silhouette{width:52%;display:grid;place-items:center;background:linear-gradient(115deg,#183d5d,#0a1d34)}.champion-silhouette svg{height:90%;fill:rgba(52,183,228,.09);stroke:#51cce9;stroke-width:1}.premium-copy{align-self:center;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.premium-copy b{font:600 28px Oxanium}.premium-copy>span{font:600 11px Oxanium;letter-spacing:.1em;color:#e3c86f}.item-row{display:flex;gap:5px;margin:8px 0}.item-row i{width:28px;height:28px;border:1px solid #61bdd3;background:#112f4b}.premium-copy .preview-button{font:600 11px Oxanium;padding:10px 18px;background:#2ab8e8;color:#06152c}
.principles{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:42px 0 46px;margin-bottom:60px}.principles p{font:600 12px Oxanium;color:var(--cyan);letter-spacing:.04em;margin:0 0 23px}.principles div{display:flex;flex-wrap:wrap;gap:10px}.principles span{padding:12px 15px;border:1px solid var(--line);font-size:12px;color:var(--muted)}footer{max-width:1500px;margin:auto;padding:0 clamp(20px,4vw,68px) 44px;display:flex;justify-content:space-between;color:var(--muted);font-size:12px}footer a{color:var(--cyan);text-decoration:none}#toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:var(--white);color:var(--ink);padding:11px 18px;font:600 11px Oxanium;opacity:0;pointer-events:none;transition:.25s;z-index:20}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:820px){.masthead{height:66px}.patch{font-size:11px}.canon{grid-column:auto;display:block}.canon .visual{height:310px;min-height:0;border-right:0;border-bottom:1px solid var(--line)}.intro{grid-template-columns:1fr;gap:50px;padding:62px 0 90px}.intro h1{font-size:clamp(44px,13vw,70px)}.selection-console{max-width:430px}.board{grid-template-columns:1fr}.featured{grid-column:auto}.featured .visual,.visual{height:310px}.card-body{grid-template-columns:1fr;gap:22px}.direction.selected:after{top:44px}.build-dock{width:150px;right:16px}.planet{transform:scale(.75)}.orbit.o3{display:none}.premium-copy b{font-size:18px}.card-meta{font-size:11px}}
@media(max-width:520px){.brand>span{font-size:13px}.patch{letter-spacing:.08em}.patch:not(b){font-size:0}.patch b{font-size:11px}.context{line-height:1.6}.lede{font-size:15px}.visual,.featured .visual{height:260px}.card-body{padding:22px 18px}.planet{left:calc(42% - 72px)}.signal.s1{display:none}.build-dock{top:16px;right:12px;width:135px}.visual.matrix{height:320px}.matrix{padding:10px}.cells{grid-template-columns:repeat(2,1fr)}.cells>*{padding:7px 6px;font-size:11px}.cells strong{font-size:11px}.rec-note{display:none}.premium-copy{padding-right:8px}.premium-copy b{font-size:14px}.item-row i{width:22px;height:22px}.principles div{display:grid;grid-template-columns:1fr 1fr;width:100%}footer{gap:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pulse{animation:none}.direction,.selection-console button,#toast{transition:none}}