:root{color-scheme:dark;--navy:#091b2b;--panel:#142e40;--ink:#ecf3ec;--muted:#afc8c8;--gold:#f5dca6;--teal:#9be5ce;--line:#446574}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 60% -20%,#285365 0,transparent 53%),var(--navy);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink)}body::before{content:"";pointer-events:none;position:fixed;inset:0;background-image:radial-gradient(#c2ecdc69 1px,transparent 1px);background-size:49px 49px;opacity:.18;z-index:-1}a{color:var(--teal)}.skip-link{position:absolute;left:-100vw;top:8px;background:#e6fff2;color:#071828;padding:8px;z-index:50}.skip-link:focus{left:10px}.topbar{min-height:60px;border-bottom:1px solid #426477;background:#102a3bc9;display:flex;gap:20px;align-items:center;padding:12px clamp(15px,3vw,36px)}.brand{display:flex;gap:7px;align-items:center;color:var(--ink);text-decoration:none;font-size:16px}.brand strong{font-size:18px;letter-spacing:.035em}.brand strong span{color:#dba86b}.lab-title{font-size:11px;letter-spacing:.15em;color:var(--teal);font-weight:850}.quiet{color:#80a7ad}.back{margin-left:auto;text-decoration:none;letter-spacing:.06em;font-size:11px;font-weight:800;white-space:nowrap}.back:hover{text-decoration:underline}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center;max-width:1250px;margin:auto;padding:clamp(30px,5vw,70px) 26px 45px}.eyebrow{color:var(--teal);font-size:11px;font-weight:900;letter-spacing:.17em;margin:0 0 9px}.hero h1{font-size:clamp(37px,5vw,64px);line-height:1.04;letter-spacing:-.04em;margin:10px 0 17px}.hero h1 em{font-style:normal;color:var(--gold)}.hero-copy>p:not(.eyebrow){color:var(--muted);max-width:570px;font-size:15px;line-height:1.62}.hero-copy .stage-note{display:inline-block;border:1px solid #658681;border-radius:999px;padding:6px 14px;font-size:12px!important;color:#e1eadd!important;background:#193a44}.hero-art{border:1px solid #47767b;border-radius:19px;position:relative;min-height:365px;overflow:hidden;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 45%,#3d647c,#173244 72%);box-shadow:0 18px 40px #0004}.hero-art::after{content:"";position:absolute;width:250px;height:30px;bottom:38px;border-radius:50%;background:#6e91a5;filter:blur(23px);opacity:.3}.hero-alien{position:relative;z-index:1;filter:drop-shadow(0 12px 15px #0005)}.orbital{position:absolute;border:1px solid #b8f4d944;border-radius:50%;transform:rotate(22deg)}.o1{width:86%;height:63%}.o2{width:59%;height:90%;transform:rotate(-30deg)}.spark{position:absolute;color:#d2f6eb;font-size:25px}.s1{top:18%;right:18%}.s2{bottom:20%;left:15%}.deck-caption{position:absolute;left:18px;bottom:18px;letter-spacing:.2em;color:#bdded9;font-size:9px;font-weight:800}.wrap{max-width:1250px;padding:0 26px;margin:0 auto}.gallery-section{padding:34px 0;border-top:1px solid #416174}.section-heading{margin-bottom:18px}.section-heading h2{color:#ffe7b8;font-size:clamp(23px,3.1vw,36px);letter-spacing:-.03em;margin:0 0 7px}.section-heading>p:last-child{font-size:13px;color:var(--muted);line-height:1.5;margin:0}.preset-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.specimen-card,.part-card{min-width:0;border:1px solid #4b6a79;background:linear-gradient(160deg,#244454,#112c3c);border-radius:12px;padding:10px 10px 14px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}.specimen-card{box-shadow:inset 0 1px #a7e2de25}.alien-stage{width:100%;min-height:0;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 75%,#446b7740,transparent 68%);border-radius:8px}.alien-stage svg{max-width:100%;height:auto;filter:drop-shadow(0 8px 8px #041a2980)}.alien-name{font-size:14px;font-weight:900;color:#f3e4c5}.alien-detail{color:#a3ccc8;font-size:10px;letter-spacing:.05em}.size-grid{display:flex;align-items:end;flex-wrap:wrap;gap:16px}.size-item{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:78px}.size-item strong{font-size:11px;color:#fce9c8}.size-item span{font-size:10px;color:var(--muted)}.size-frame{height:280px;min-width:86px;display:flex;justify-content:center;align-items:end;padding:7px;border-bottom:2px solid #63868c}.size-frame svg{display:block;max-width:100%;height:auto}.category-section{margin-bottom:28px}.parts-heading{display:flex;align-items:baseline;gap:13px;margin-bottom:10px}.parts-heading h3{font-size:19px;margin:0;color:#f0e9d6}.parts-heading span{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.1em}.part-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:9px}.part-card{padding:7px 6px 10px}.part-card .alien-name{font-size:12px}.part-card .alien-detail{font-size:9px}.status{margin:0 0 12px;padding:10px 14px;font-size:11px;letter-spacing:.1em;font-weight:800;border-left:3px solid #8addcc;background:#193e45;color:#b7efdc}.status[data-status="error"]{color:#ffe0d7;border-color:#ed8c91}footer{padding:30px;text-align:center;border-top:1px solid #416174;color:#85a8b0;font-size:10px;letter-spacing:.12em}@media(max-width:900px){.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{grid-template-columns:1fr 1fr;padding-top:32px}.hero-art{min-height:290px}.hero-alien svg{width:210px;height:auto}}@media(max-width:630px){.topbar{gap:10px}.lab-title{display:none}.hero{grid-template-columns:1fr}.hero-art{min-height:300px;order:-1}.hero-art .hero-alien svg{width:230px}.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wrap{padding:0 14px}.hero{padding:14px 14px 25px}.hero h1{font-size:38px}.size-frame{height:260px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* The A2 editor link is useful on phones without forcing a wide gallery header.
   The logo itself already links back to the game, so the second back link
   is redundant on narrow screens. */
@media(max-width:630px){
 .topbar{padding:10px 12px;gap:8px}
 .topbar .back[href="./index.html"]{display:none}
 .topbar .back[href="./alien-lab.html"]{margin-left:auto;font-size:10px}
}
@media(max-width:360px){
 .topbar{padding:8px;gap:4px}
 .topbar .brand{gap:3px;white-space:nowrap}
 .topbar .brand strong{font-size:14px}
 .topbar .back[href="./alien-lab.html"]{font-size:9px}
}

/* Visual identity A: use the shared ink and accent names in the specimen atlas. */
:root{--ink:var(--nova-text);--muted:var(--nova-text-muted);
 --teal:var(--nova-teal);--gold:var(--nova-gold)}