:root{--bg:#07152c;--ink:#f2ead8;--accent:#79f2c0;--accent2:#a579ff;--muted:#9db4bf;--panel:#0b213a;--line:color-mix(in srgb,var(--ink) 24%,transparent)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg);color:var(--ink)}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg)}button,a{font:inherit}button{cursor:pointer}.site-head{height:78px;padding:0 clamp(22px,6vw,88px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);position:absolute;z-index:8;width:100%;color:var(--ink)}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brand>span{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--accent);font:800 11px monospace;color:var(--accent)}.brand b{font:800 11px/1.05 monospace;letter-spacing:.11em}.brand em{font-style:normal;color:var(--accent)}.site-head nav{display:flex;gap:38px}.site-head nav a,.site-head>p{color:inherit;text-decoration:none;font:700 10px monospace;letter-spacing:.13em}.site-head>p{text-align:right;margin:0;color:var(--muted)}
.hero{height:min(920px,100vh);min-height:720px;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--bg) 0%,color-mix(in srgb,var(--bg) 88%,transparent) 31%,transparent 66%)}.hero-copy{position:absolute;z-index:2;left:clamp(22px,8.5vw,130px);top:50%;transform:translateY(-43%);width:min(610px,46vw)}.hero-copy>span,.section-head span,.field-notes span{display:block;font:700 11px monospace;letter-spacing:.15em;color:var(--accent);text-transform:uppercase}.hero h1{font:900 clamp(64px,7.6vw,128px)/.78 Georgia,serif;letter-spacing:-.065em;margin:28px 0 32px}.hero-copy p{max-width:520px;font-size:17px;line-height:1.65;color:color-mix(in srgb,var(--ink) 78%,transparent)}.hero-cta,.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 28px;border:1px solid var(--accent);text-decoration:none;text-transform:uppercase;font:800 11px monospace;letter-spacing:.06em}.hero-cta,.primary{background:var(--accent);color:var(--bg)}.hero-cta:hover,.primary:hover{filter:brightness(1.08)}.geo-stamp{position:absolute;z-index:3;right:5vw;bottom:44px;display:flex;align-items:center;gap:13px}.geo-stamp b{font:900 24px Georgia;border-bottom:4px solid var(--accent)}.geo-stamp span{font:700 9px/1.4 monospace;letter-spacing:.1em}
.game-section{padding:clamp(80px,10vw,150px) clamp(22px,8.5vw,130px);background:var(--bg)}.section-head{display:grid;grid-template-columns:1fr 360px;gap:60px;align-items:end;margin-bottom:50px}.section-head h2{font:900 clamp(45px,6vw,86px)/.86 Georgia,serif;letter-spacing:-.05em;margin:18px 0 0}.section-head>p{line-height:1.6;color:var(--muted);margin:0}.game-side{padding:28px;display:flex;flex-direction:column;gap:18px;background:var(--panel);border-left:1px solid var(--line)}.readout{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);padding-bottom:14px}.readout span{font:700 9px monospace;color:var(--muted);letter-spacing:.12em}.readout strong{font:800 19px monospace;color:var(--accent)}.game-side>p{font:13px/1.6 monospace;color:var(--muted);min-height:80px}.secondary{background:transparent;color:var(--ink);border-color:var(--line)}.primary:disabled,.secondary:disabled{opacity:.35;cursor:not-allowed}
.field-notes{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line)}.field-notes>div{padding:70px clamp(22px,5vw,78px);min-height:340px;border-right:1px solid var(--line)}.field-notes>div:last-child{border:0}.field-notes h3{font:900 34px/1 Georgia,serif;margin:28px 0 20px}.field-notes p{line-height:1.65;color:var(--muted)}
footer{padding:56px clamp(22px,6vw,88px);display:grid;grid-template-columns:1fr 1.3fr;gap:35px;border-top:1px solid var(--line)}footer>p{margin:0;color:var(--muted);line-height:1.5}footer nav{grid-column:2;display:flex;gap:28px}footer nav a{color:var(--ink);font:700 10px monospace}footer small{grid-column:1/-1;color:var(--muted);font:10px monospace}
dialog{width:min(560px,calc(100% - 32px));background:var(--panel);color:var(--ink);border:1px solid var(--accent);padding:50px;text-align:center}dialog::backdrop{background:rgba(0,0,0,.75)}dialog>span{font:700 10px monospace;color:var(--accent);letter-spacing:.14em}dialog h2{font:900 48px/.9 Georgia,serif;letter-spacing:-.04em}dialog p{color:var(--muted);line-height:1.6}.dialog-close{position:absolute;right:12px;top:10px;background:0;border:0;color:var(--ink);font-size:24px}
button:focus-visible,a:focus-visible{outline:3px solid var(--accent2);outline-offset:4px}

.aurora-console{display:grid;grid-template-columns:1fr 300px;border:1px solid var(--line);min-height:640px}.sky-map{position:relative;overflow:hidden;background:radial-gradient(circle at 60% 50%,#173c5b 0,#08172c 60%);min-height:640px}.aurora-band{position:absolute;inset:5% -20% 28% 5%;border-radius:50%;border:34px solid color-mix(in srgb,var(--accent) 20%,transparent);transform:rotate(-12deg);filter:blur(2px);pointer-events:none}.star{position:absolute;width:72px;height:72px;border:1px solid var(--accent);border-radius:50%;background:#0c2942;color:var(--ink);z-index:2}.star span{font:700 11px monospace}.star:before{content:"";position:absolute;inset:18px;border-radius:50%;background:var(--muted);transition:.18s}.star.active:before,.star.correct:before{background:var(--accent);box-shadow:0 0 30px var(--accent)}.star.wrong:before{background:#ff6d71}.s1{left:12%;top:25%}.s2{left:37%;top:12%}.s3{left:66%;top:22%}.s4{left:80%;top:52%}.s5{left:48%;top:67%}.s6{left:18%;top:60%}