@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Syne:wght@500;600;700;800&display=swap";:root{color:#f4f5fb;font-synthesis:none;background:#090b18;font-family:Syne,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 72% -10%,#26214d 0,#0000 30rem),#090b18;min-width:320px;margin:0}button{font:inherit}.shell{width:min(1180px,100% - 40px);margin:auto;padding:64px 0 48px}.eyebrow{color:#a7aac7;letter-spacing:.14em;margin:0 0 15px;font:500 11px/1.2 DM Mono,monospace}.hero{max-width:820px;padding:56px 0 75px}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.075em;margin-bottom:28px;font-size:clamp(3.6rem,9vw,7.5rem);line-height:.84}h1 span{color:#a9f6dc}.lede{color:#c2c5d9;max-width:600px;font-size:18px;line-height:1.6}.hero-metrics{flex-wrap:wrap;gap:34px;margin-top:44px;display:flex}.hero-metrics div{gap:2px;display:grid}.hero-metrics strong{font-size:30px}.hero-metrics span{color:#969ab8;text-transform:uppercase;letter-spacing:.1em;font-size:12px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:20px;display:flex}.section-heading h2{letter-spacing:-.05em;margin:0;font-size:27px}.planet-grid{grid-template-columns:repeat(7,minmax(120px,1fr));gap:10px;padding-bottom:8px;display:grid;overflow-x:auto}.planet-card{text-align:left;color:#eef0ff;cursor:pointer;background:#111529;border:1px solid #303552;border-radius:14px;min-width:126px;padding:16px;transition:transform .18s,border-color .18s,background .18s;position:relative;overflow:hidden}.planet-card:hover,.planet-card.selected{border-color:var(--tone);background:#181d36;transform:translateY(-4px)}.planet-index{opacity:.65;font:10px DM Mono,monospace}.planet-orb,.detail-orb{background:radial-gradient(circle at 35% 30%, #fff7, var(--tone) 30%, #15172d 71%);box-shadow:0 0 28px color-mix(in srgb,var(--tone) 48%,transparent);border-radius:50%;display:block}.planet-orb{width:52px;height:52px;margin:18px 0}.planet-card strong{margin-bottom:6px;font-size:15px;display:block}.planet-card>span:last-child{color:#adb1cc;font:10px/1.4 DM Mono,monospace}.command-deck{--tone:#f5694c;background:linear-gradient(135deg,#141932,#0d1022 70%);border:1px solid #313653;border-radius:22px;grid-template-columns:1.05fr 1.2fr .85fr;gap:28px;margin-top:52px;padding:32px;display:grid}.world-detail{min-height:360px;position:relative;overflow:hidden}.world-detail h2{letter-spacing:-.06em;margin-bottom:18px;font-size:42px}.detail-orb{opacity:.6;width:240px;height:240px;position:absolute;bottom:-105px;right:-80px}dl{z-index:1;grid-template-columns:1fr 1fr;gap:15px;margin:30px 0 0;display:grid;position:relative}dt{color:#999fbe;text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px;font:10px DM Mono,monospace}dd{margin:0;font-size:13px;line-height:1.35}.militia{border-left:1px solid #303550;padding-left:28px}.creature-list{gap:10px;display:grid}.creature{border-bottom:1px solid #2b304a;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;padding:13px 0;display:grid}.unit-number{color:var(--tone);font:11px DM Mono,monospace}.creature h3{letter-spacing:-.02em;margin:0 0 4px;font-size:14px}.creature p{color:#a7acc6;margin:0;font-size:11px}.creature>strong{font-size:18px}.creature small{color:#8d92ad;font:9px DM Mono,monospace}.simulator{background:#0a0d1c;border:1px solid #2d3351;border-radius:14px;padding:19px}.simulator h3{margin-bottom:6px;font-size:15px}.power{letter-spacing:-.06em;color:var(--tone);margin-bottom:19px;font-size:31px}.power span{font:10px DM Mono,monospace}.matchup{border-top:1px solid #2a304a;border-bottom:1px solid #2a304a;justify-content:space-between;padding:12px 0;font-size:11px;display:flex}.advantage{color:var(--tone)}.simulator>p:last-of-type{color:#aeb2cc;margin:18px 0;font-size:12px;line-height:1.5}.battle-report{border-left:2px solid var(--tone);color:#cdd1e7;background:#12172b;gap:5px;margin-top:12px;padding:10px;font-size:11px;line-height:1.35;display:grid}.battle-report strong{color:#f4f5fb;font-size:12px}.launch{background:var(--tone);color:#111423;cursor:pointer;border:0;border-radius:9px;width:100%;padding:11px 12px;font-size:12px;font-weight:800;transition:filter .2s}.launch:hover{filter:brightness(1.16)}.launch span{float:right;font-size:15px;line-height:.8}.principles{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px;display:grid}.principles article{background:#0e1122;border:1px solid #282d46;border-radius:13px;padding:20px}.principles span{color:#a9f6dc;font:11px DM Mono,monospace}.principles h3{margin:13px 0 8px;font-size:16px}.principles p{color:#a9aec7;margin:0;font-size:12px;line-height:1.55}.ignis{--tone:#ff725c}.aqua{--tone:#77d8f6}.terra{--tone:#c99a71}.aer{--tone:#c7b8ff}.astral{--tone:#f6dd7a}.umbra{--tone:#b980df}.verdant{--tone:#9df08b}@media (prefers-reduced-motion:no-preference){.planet-card,.launch{transition:transform .18s,border-color .18s,background .18s,filter .2s}}@media (width<=880px){.command-deck{grid-template-columns:1fr 1fr}.simulator{grid-column:span 2}.world-detail{min-height:300px}}@media (width<=620px){.shell{width:min(100% - 28px,1180px);padding-top:26px}.hero{padding:44px 0}.command-deck{grid-template-columns:1fr;gap:23px;padding:20px}.militia{border-top:1px solid #303550;border-left:0;padding:22px 0 0}.simulator{grid-column:auto}.principles{grid-template-columns:1fr}.planet-grid{margin-right:-14px}.hero-metrics{gap:20px}}