:root{--void:#070610;--dark:#0b0914;--panel:#11111e;--cream:#f5f1ee;--white:#fcfaf7;--muted:#aeb0c3;--gold:#f3d5a2;--gold-bright:#fff1cf;--line:rgba(241,213,163,.19);--green:#50e24f;--orange:#fa8437;--silver:#d7dbe5;--violet:#d362f5;--blue:#5ab9ff;--head:'Orbitron',sans-serif;--sub:'Fira Sans',sans-serif;--body:'Source Sans 3',sans-serif;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--void);color:var(--cream);font:400 17px/1.65 var(--body);-webkit-font-smoothing:antialiased}img,svg{max-width:100%}img{display:block}a{color:inherit;text-decoration:none}button{font:inherit}button,a{outline-offset:5px}::selection{background:#7a3d95;color:#fff}.container{width:min(var(--max),calc(100% - 80px));margin-inline:auto}.skip-link{position:absolute;top:-100px;left:14px;z-index:100;padding:12px;background:#fff;color:#000}.skip-link:focus{top:10px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--head);line-height:1.18}h2{font-size:clamp(33px,4.15vw,56px);font-weight:700;letter-spacing:.025em}h2 span,h3 span{color:var(--gold)}p{color:#c8c7d0}.eyebrow{font:700 11px/1.5 var(--sub);letter-spacing:.18em;color:#d0d2de;text-transform:uppercase}.eyebrow.gold{color:var(--gold)}.section-index{color:var(--gold);font:600 13px var(--head);margin-right:14px}.section{position:relative;padding-block:112px;overflow:hidden}.section-top{display:grid;grid-template-columns:1.1fr .8fr;gap:60px;align-items:end;margin-bottom:47px}.section-top h2{margin-top:20px}.section-top>p{color:#b9b6c4;font-size:17px;max-width:410px;padding-bottom:6px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:53px;padding:14px 24px;border:1px solid transparent;font:700 11px/1.3 var(--head);letter-spacing:.065em;cursor:pointer;transition:background .25s,border-color .25s,transform .25s,box-shadow .25s;text-align:center}.btn:hover{transform:translateY(-2px)}.btn-gold{background:linear-gradient(115deg,#f9dfa7,#d6a866);color:#151016;border-color:#e9cc9b;box-shadow:0 10px 24px rgba(183,113,35,.16)}.btn-gold:hover{box-shadow:0 12px 35px rgba(211,150,61,.28)}.btn-outline{color:var(--gold);border-color:rgba(245,216,161,.48);background:rgba(14,10,23,.4)}.btn-outline:hover{background:rgba(234,200,142,.08)}.actions{display:flex;gap:13px;flex-wrap:wrap}
.site-header{position:relative;z-index:30;border-bottom:1px solid rgba(240,210,163,.16);background:rgba(8,7,15,.96)}.header-layout{display:flex;align-items:center;justify-content:space-between;gap:26px;height:85px}.brand{font:800 24px var(--head);letter-spacing:.075em;color:var(--gold-bright);display:flex;gap:11px;align-items:center;text-shadow:0 0 18px rgba(232,167,91,.28);white-space:nowrap}.atom-mark{height:35px;width:35px;display:inline-flex;color:var(--gold)}.atom-mark svg{height:35px;width:35px}.desktop-nav{display:flex;align-items:center;gap:25px}.desktop-nav a{font:500 12px var(--sub);letter-spacing:.03em;color:#d4cad0;transition:color .2s}.desktop-nav a:hover,.footer-top a:hover{color:var(--gold)}.nav-cta{font:700 10px var(--head);letter-spacing:.04em;border:1px solid var(--line);padding:14px 17px;white-space:nowrap;color:var(--gold)}.nav-cta:hover{background:rgba(237,208,153,.1)}.menu-toggle{display:none;width:42px;height:42px;cursor:pointer;background:transparent;border:1px solid var(--line);padding:11px}.menu-toggle span{display:block;height:2px;background:var(--gold);margin:5px 0}.mobile-nav{position:absolute;inset:85px 0 auto;background:#11101d;border-bottom:1px solid var(--line);padding:18px 36px 24px}.mobile-nav[hidden]{display:none}.mobile-nav a{display:block;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.09);font:500 15px var(--sub)}
.cosmic-panel{background-color:#070710;background-image:linear-gradient(90deg,rgba(6,5,13,.2),rgba(6,5,13,.08)),url('assets/cosmos.webp');background-size:cover;background-position:center}.hero{position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid rgba(246,197,138,.3)}.hero::before{content:"";pointer-events:none;position:absolute;inset:0;background:radial-gradient(ellipse at 80% 35%,rgba(98,23,114,.22),transparent 38%),radial-gradient(ellipse at 0% 60%,rgba(15,126,147,.14),transparent 50%)}.hero::after{content:"";position:absolute;inset:18px;pointer-events:none;border:1px solid rgba(195,136,208,.19)}.hero-layout{position:relative;z-index:1;display:grid;grid-template-columns:1.04fr .88fr;align-items:center;min-height:740px;gap:65px;padding-block:70px}.kicker{display:flex;align-items:center;gap:15px;font:700 11px var(--sub);letter-spacing:.28em;color:#98d8dc;margin-bottom:47px}.kicker-line{height:1px;width:42px;background:#6bafb9}.eyebrow-hero{margin-bottom:18px}.hero h1{font-size:clamp(44px,5.1vw,74px);font-weight:700;color:var(--cream);letter-spacing:.015em;line-height:1.13}.glow-title{text-shadow:0 0 28px rgba(233,194,127,.28);color:var(--gold-bright)}.hero-rule{height:1px;max-width:410px;background:linear-gradient(90deg,rgba(242,215,166,.8),transparent);margin:30px 0}.hero-lead{font:500 clamp(18px,2vw,23px)/1.43 var(--sub);max-width:590px;color:#f4e7d9}.hero-body{max-width:520px;font-size:16px;line-height:1.8;color:#c6c4d2;margin:19px 0 31px}.hero-facts{display:flex;gap:40px;margin-top:49px}.hero-facts div{border-left:1px solid rgba(237,195,141,.4);padding-left:18px;display:flex;flex-direction:column}.hero-facts strong{font:700 23px var(--head);color:#fbf4e6}.hero-facts span{font:600 10px var(--sub);letter-spacing:.17em;color:#bdb4bb;margin-top:7px}.hero-poster-wrap{position:relative;justify-self:center;width:min(100%,390px);padding:11px;isolation:isolate}.poster-aura{position:absolute;inset:12% -18%;background:radial-gradient(ellipse,rgba(133,42,155,.29),transparent 65%);filter:blur(40px);z-index:-1}.poster-outline{border:1px solid rgba(235,194,131,.4);padding:8px;box-shadow:0 28px 90px rgba(0,0,0,.75),0 0 45px rgba(239,192,118,.08);transform:rotate(3deg);background:#0c0a14}.hero-poster{width:100%;height:auto}.poster-badge{position:absolute;bottom:-22px;left:5px;font:600 9px var(--sub);letter-spacing:.15em;color:#e5cda3}.hero-edge{position:absolute;inset:auto 0 0;display:flex;height:4px}.hero-edge span{flex:1}.hero-edge span:nth-child(1){background:var(--green)}.hero-edge span:nth-child(2){background:var(--orange)}.hero-edge span:nth-child(3){background:#d6d8df}.hero-edge span:nth-child(4){background:var(--violet)}.signal-strip{border-bottom:1px solid var(--line);background:#0e0b16}.signal-strip-inner{display:flex;justify-content:space-between;align-items:center;gap:18px;padding-block:23px}.signal-strip span{font:600 11px var(--head);letter-spacing:.12em;color:var(--gold)}.signal-strip b{font:700 12px var(--head);letter-spacing:.075em}.sig-covalent{color:var(--green)}.sig-ionic{color:var(--orange)}.sig-metallic{color:var(--silver)}.sig-noble{color:var(--violet)}
.universe-section{background:linear-gradient(90deg,rgba(7,7,14,1),rgba(13,10,22,1));padding-block:94px}.universe-layout{display:grid;grid-template-columns:.9fr 1.05fr;gap:100px;align-items:center}.universe-visual{position:relative;max-width:475px;border:1px solid rgba(245,215,165,.23);padding:9px;background:#0e0c13;box-shadow:0 22px 85px rgba(0,0,0,.5)}.universe-visual:before{content:"";position:absolute;inset:18px;border:1px solid rgba(214,103,157,.44);pointer-events:none}.universe-visual img{width:100%;aspect-ratio:4/4.7;object-fit:cover;object-position:center 33%}.atlas-stamp{position:absolute;bottom:-17px;right:-25px;padding:12px 17px;background:#12111a;border:1px solid var(--line);color:var(--gold);font:700 10px var(--head);letter-spacing:.1em}.atlas-stamp span{display:block;color:#a3a1b0;font:500 10px var(--sub);margin-top:6px}.universe-copy h2{margin:19px 0 30px}.universe-copy h2 span{color:#b7e4ea}.universe-copy>p:not(.eyebrow){max-width:540px;margin:0 0 21px;color:#bdbcc8}.universe-copy>.section-lead{font:500 23px/1.5 var(--sub)!important;color:#f3e9e2!important}.quote-block{margin-top:30px;padding:26px 28px;border-left:2px solid var(--gold);background:rgba(235,215,177,.035);display:flex;gap:18px}.quote-block>span{font:700 42px var(--head);color:var(--gold);line-height:1}.quote-block p{font:italic 400 17px/1.55 var(--body);color:#dad1d0}
.family-section{background:radial-gradient(circle at 8% 0%,rgba(47,13,84,.17),transparent 35%),#080711}.family-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.family-card{min-width:0;position:relative;background:#10101a;border:1px solid rgba(255,255,255,.1);overflow:hidden;transition:transform .25s,border-color .25s}.family-card:hover{transform:translateY(-6px)}.family-card.covalent{--family:var(--green)}.family-card.ionic{--family:var(--orange)}.family-card.metallic{--family:var(--silver)}.family-card.noble{--family:var(--violet)}.family-card:hover{border-color:var(--family)}.family-portrait{height:255px;background:#020209;position:relative;overflow:hidden}.family-portrait:after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(transparent,#10101a)}.family-portrait img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.family-card:hover img{transform:scale(1.07)}.family-detail{min-height:215px;padding:24px 22px 27px;border-top:3px solid var(--family)}.family-no{font:600 10px var(--sub);letter-spacing:.14em;color:#b0b0bf}.family-detail h3{font:700 clamp(17px,1.65vw,22px) var(--head);letter-spacing:.02em;color:var(--family);margin:12px 0 14px}.family-detail p{font-size:14px;line-height:1.58;color:#c0bdc8}
.specimens-section{background:linear-gradient(180deg,#0d0b18,#080610)}.specimens-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;max-width:1090px;margin-inline:auto}.specimen{padding:16px;background:linear-gradient(155deg,rgba(255,255,255,.06),rgba(255,255,255,.013));border:1px solid rgba(247,220,181,.16);transition:transform .25s}.specimen:hover{transform:translateY(-7px)}.specimen img{width:100%;height:auto;box-shadow:0 22px 36px rgba(0,0,0,.35)}.specimen figcaption{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:15px}.specimen strong{font:700 clamp(12px,1.25vw,17px) var(--head);color:var(--cream)}.specimen figcaption span{font:700 10px var(--sub);letter-spacing:.08em;text-align:right}.green-text{color:var(--green)}.orange-text{color:var(--orange)}.silver-text{color:var(--silver)}
.gameplay-section{background:radial-gradient(ellipse at 0% 80%,rgba(49,25,87,.22),transparent 50%),#080910}.round-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:42px}.round-step{border:1px solid rgba(241,219,190,.17);background:rgba(255,255,255,.025);padding:25px;min-height:249px;position:relative}.round-step:before{content:"";height:2px;background:var(--gold);position:absolute;top:-1px;left:0;width:56px}.round-number{font:700 12px var(--head);color:var(--gold)}.round-icon{font:500 44px/1 var(--head);color:#9c8fb9;margin:19px 0 14px}.round-step h3{font:700 18px var(--head);margin-bottom:11px}.round-step p{font-size:14px;line-height:1.6}.reveal-panel{border:1px solid rgba(239,204,148,.3);display:grid;grid-template-columns:.78fr 1fr;background:linear-gradient(125deg,#191321,#0b0b14 70%);box-shadow:0 25px 65px rgba(0,0,0,.3)}.reveal-copy{padding:48px 44px}.reveal-copy h3{font-size:clamp(35px,3.8vw,53px);margin:22px 0}.reveal-copy h3 span{color:var(--gold)}.reveal-copy p:not(.eyebrow){font-size:16px;color:#c4beca;margin-bottom:28px}.battle-board{margin:22px 22px 22px 0;padding:22px 25px;background:linear-gradient(135deg,rgba(18,16,29,.86),rgba(10,10,19,.95));border:1px solid rgba(240,211,161,.16);min-width:0}.battle-top{display:flex;justify-content:space-between;gap:7px;font:700 11px var(--head);letter-spacing:.06em;color:var(--gold)}.battle-top span{color:#a6a2b4;font:500 10px var(--sub)}.battle-teams{display:grid;grid-template-columns:1fr 45px 1fr;gap:8px;align-items:center;text-align:center;margin:36px auto 30px}.team-label{font:600 13px var(--sub);letter-spacing:.15em;color:#f3e1ca}.mini-card-row{display:flex;justify-content:center;align-items:center;height:106px;padding-left:12px}.mini-card{height:90px;width:55px;background:#15111f url('assets/cosmos.webp') center/cover;display:grid;place-items:center;border:2px solid #8e739e;box-shadow:0 8px 13px rgba(0,0,0,.35);color:#deb986;font:600 25px var(--head);margin-left:-12px;border-radius:4px}.mini-card:nth-child(2){transform:translateY(-6px)}.mini-card:nth-child(3){transform:translateY(3px)}.vs-mark{font:700 15px var(--head);color:var(--gold)}.team-count{font:700 10px var(--sub);letter-spacing:.09em;color:#aaa5b6}.reveal-result{border-top:1px solid var(--line);min-height:66px;display:flex;align-items:center;justify-content:center;text-align:center}.result-prompt{font:600 11px var(--head);letter-spacing:.07em;color:#9d9aab}.result-winner{display:block;font:700 14px var(--head);letter-spacing:.02em;color:#a0efb0}.result-explanation{display:block;font-size:13px;color:#c7c4cf;margin-top:4px}.reveal-result.is-revealed{background:rgba(78,177,119,.09)}
.sectors-section{background:linear-gradient(180deg,#090915,#100b14)}.epoch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.epoch-card{border:1px solid rgba(245,216,163,.16);background:#10101b;overflow:hidden;position:relative}.epoch-card.emergence{--epoch:#68b8fd}.epoch-card.coherence{--epoch:#f39d5b}.epoch-card.dissolution{--epoch:#e0e0ea}.epoch-image{height:212px;overflow:hidden}.epoch-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.epoch-card:hover img{transform:scale(1.06)}.epoch-description{border-top:3px solid var(--epoch);padding:24px 22px 28px}.epoch-sequence{font:600 10px var(--sub);letter-spacing:.18em;color:var(--epoch)}.epoch-description h3{font:700 clamp(17px,1.7vw,23px) var(--head);color:var(--epoch);margin:13px 0}.epoch-description p{font-size:14px;min-height:62px}.resonance{font:700 11px var(--head);letter-spacing:.05em;color:#e5d7b7}.sector-showcase{display:grid;grid-template-columns:1fr 1fr .9fr;align-items:center;gap:18px;margin-top:48px;padding:26px;background:rgba(240,206,164,.035);border:1px solid var(--line)}.sector-showcase>img{width:100%;box-shadow:0 18px 30px rgba(0,0,0,.45)}.sector-showcase>div{padding:12px}.sector-showcase h3{font-size:clamp(19px,2vw,27px);margin:14px 0}.sector-showcase p{font-size:14px}
.protocols-section{background:radial-gradient(ellipse at 85% 35%,rgba(122,20,71,.13),transparent 48%),#07060f}.protocols-layout{display:grid;grid-template-columns:.9fr 1fr;gap:80px;align-items:center}.protocols-copy h2{margin:22px 0 28px}.protocols-copy>p:not(.eyebrow){max-width:500px}.protocol-note{border-left:2px solid var(--gold);padding:16px 20px;margin-top:25px;background:rgba(255,255,255,.03);font-size:15px}.protocol-images{display:flex;align-items:center;justify-content:center;min-height:490px}.protocol-images img{width:49%;max-width:265px;filter:drop-shadow(0 20px 32px rgba(0,0,0,.6));transform:rotate(-8deg)}.protocol-images img+img{transform:rotate(9deg);margin-left:-15px;margin-top:55px}
.modes-section{background:#0d0b17}.modes-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.mode{background:rgba(255,255,255,.023);border:1px solid var(--line);padding:28px 23px;min-height:265px}.mode>span{font:700 10px var(--sub);letter-spacing:.14em;color:var(--gold)}.mode h3{font:700 17px/1.4 var(--head);margin:29px 0 18px;color:#fcf0da}.mode p{font-size:14px;line-height:1.65}
.final-section{border-top:1px solid var(--line);position:relative;overflow:hidden}.final-section:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 20% 20%,rgba(87,24,132,.23),transparent 49%),radial-gradient(ellipse at 85% 80%,rgba(36,115,124,.15),transparent 50%)}.final-layout{min-height:550px;position:relative;display:grid;grid-template-columns:1.1fr .75fr;gap:80px;align-items:center;padding-block:75px}.final-copy h2{margin:22px 0 24px}.final-copy>p:not(.eyebrow){max-width:540px;margin-bottom:26px}.final-art{width:min(330px,100%);justify-self:center;transform:rotate(4deg);position:relative;box-shadow:0 26px 55px rgba(0,0,0,.56);border:1px solid var(--line);padding:6px;background:#080810}.final-art img{width:100%}.final-art-caption{position:absolute;bottom:-28px;left:0;font:600 10px var(--sub);letter-spacing:.1em;color:var(--gold)}.launch-note{font:500 13px var(--sub);color:#acabba;margin-top:19px}.btn-shop{background:var(--gold);color:#150d10}.btn-shop[hidden]{display:none}.contact-link{display:inline-block;font:700 12px var(--sub);letter-spacing:.1em;margin-top:14px;color:var(--gold)}.site-footer{background:#07060d;border-top:1px solid var(--line)}.footer-top{min-height:132px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid rgba(255,255,255,.08)}.footer-brand{font:700 22px var(--head);letter-spacing:.08em;color:var(--gold)}.small-atom{font-size:24px}.footer-top p{font:600 11px var(--sub);letter-spacing:.15em;color:#c0b3ba}.footer-top>div{display:flex;gap:25px}.footer-top>div a{font:600 11px var(--sub);letter-spacing:.1em}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-block:24px;color:#95909f;font:500 11px var(--sub);letter-spacing:.06em}
.fade-in{opacity:1;transform:none}.js-ready .fade-in{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.js-ready .fade-in.visible{opacity:1;transform:none}
/* Official current-rules page */
.rules-header{height:85px;display:flex;align-items:center;justify-content:space-between}.rules-header>a:last-child{font:700 11px var(--sub);letter-spacing:.08em;color:var(--gold)}.rules-main{padding-block:83px 120px;max-width:990px}.rules-main h1{font-size:clamp(38px,6vw,70px);margin:16px 0 22px}.rules-main h1 span{color:var(--gold)}.rules-intro{max-width:680px;color:#d3cbd2;margin-bottom:28px}.rules-paper{border:1px solid var(--line);background:rgba(14,12,24,.92);padding:clamp(18px,4vw,48px);box-shadow:0 20px 60px rgba(0,0,0,.3)}.rules-paper pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;color:#e1dbe3;font:400 15px/1.75 var(--body)}.rules-paper pre::selection{background:#654267}.rules-download{margin-bottom:35px}.rules-end{font:600 13px var(--sub);margin-top:24px;color:#aba2ae}
@media(max-width:1150px){.container{width:calc(100% - 54px)}.desktop-nav{gap:15px}.desktop-nav a{font-size:11px}.nav-cta{display:none}.hero-layout{gap:35px}.hero h1{font-size:clamp(38px,5vw,63px)}.family-detail{padding:18px 15px}.family-portrait{height:205px}.protocols-layout{gap:35px}.universe-layout{gap:55px}}
@media(max-width:880px){.desktop-nav{display:none}.menu-toggle{display:block}.hero-layout{grid-template-columns:1fr .7fr;min-height:630px}.hero h1{font-size:clamp(35px,5.1vw,52px)}.hero-facts{gap:15px}.hero-facts strong{font-size:18px}.poster-badge{font-size:8px}.section-top{grid-template-columns:1fr;gap:14px}.section-top>p{max-width:700px}.family-grid{grid-template-columns:repeat(2,1fr)}.family-portrait{height:265px}.round-steps{grid-template-columns:repeat(2,1fr)}.round-step{min-height:210px}.reveal-panel{grid-template-columns:1fr}.battle-board{margin:0 25px 25px}.epoch-grid{gap:10px}.epoch-description{padding:20px 14px}.epoch-description h3{font-size:16px}.sector-showcase{grid-template-columns:1fr 1fr}.sector-showcase>div{grid-column:1 / -1}.modes-grid{grid-template-columns:repeat(2,1fr)}.protocols-layout{grid-template-columns:1fr 1fr}.protocol-images{min-height:380px}.final-layout{gap:40px}}
@media(max-width:650px){html{scroll-padding-top:72px}.container{width:calc(100% - 38px)}.header-layout,.rules-header{height:73px}.brand{font-size:19px}.atom-mark,.atom-mark svg{width:29px;height:29px}.mobile-nav{top:73px}.section{padding-block:76px}.hero::after{inset:8px}.hero-layout{display:flex;flex-direction:column;align-items:stretch;gap:45px;padding-block:55px 70px}.kicker{font-size:10px;margin-bottom:25px;letter-spacing:.12em}.hero h1{font-size:clamp(35px,9.15vw,57px)}.hero-rule{margin:24px 0}.hero-lead{font-size:18px}.hero-body{font-size:15px}.hero-facts{margin-top:36px}.hero-poster-wrap{width:72%;max-width:315px;align-self:center}.poster-badge{bottom:-19px}.btn{min-height:51px;font-size:10px;gap:12px;padding:12px 16px}.signal-strip-inner{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;padding-block:21px}.signal-strip-inner span{grid-column:1/-1}.signal-strip-inner b{font-size:11px}.universe-layout{display:flex;flex-direction:column-reverse;gap:40px}.universe-visual{max-width:360px;width:86%;align-self:center}.universe-copy h2{font-size:clamp(34px,9vw,54px)}.universe-copy>.section-lead{font-size:19px!important}.atlas-stamp{right:-14px}.section-top{margin-bottom:30px}.section-top h2{font-size:clamp(29px,7.9vw,45px)}.section-top>p{font-size:15px}.family-grid{gap:10px}.family-portrait{height:180px}.family-detail{min-height:196px;padding:15px 12px 20px}.family-detail h3{font-size:15px}.family-detail p{font-size:12px;line-height:1.52}.family-no{font-size:8px}.specimens-grid{grid-template-columns:1fr;max-width:340px;gap:20px}.specimen{padding:13px}.specimen figcaption strong{font-size:15px}.round-steps{gap:10px}.round-step{padding:18px 14px;min-height:216px}.round-icon{margin:14px 0;font-size:38px}.round-step h3{font-size:15px}.round-step p{font-size:12px}.reveal-copy{padding:33px 23px}.reveal-copy h3{font-size:40px}.battle-board{margin:0 13px 13px;padding:20px 9px}.battle-top{font-size:10px}.battle-top span{font-size:9px}.mini-card{width:40px;height:65px;font-size:19px}.mini-card-row{height:75px}.team-count{font-size:9px}.battle-teams{grid-template-columns:1fr 30px 1fr;margin:28px auto}.vs-mark{font-size:11px}.epoch-grid{grid-template-columns:1fr;gap:16px}.epoch-image{height:175px}.epoch-description p{min-height:unset}.epoch-description h3{font-size:19px}.sector-showcase{display:flex;flex-direction:column;gap:17px;padding:16px}.sector-showcase>img{max-width:430px}.sector-showcase>div{padding:6px}.protocols-layout{display:flex;flex-direction:column}.protocols-copy h2{font-size:34px}.protocol-images{min-height:0;max-width:410px}.protocol-images img{width:48%}.modes-grid{grid-template-columns:1fr;gap:10px}.mode{min-height:0;padding:22px}.mode h3{margin:16px 0;font-size:17px}.final-layout{display:flex;flex-direction:column;align-items:stretch;gap:50px;padding-block:77px}.final-copy h2{font-size:clamp(34px,8.5vw,50px)}.final-art{max-width:230px}.footer-top{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:160px;padding-block:24px;gap:16px}.footer-top p{font-size:10px}.footer-bottom{flex-direction:column;gap:9px;font-size:10px}.rules-main{padding-block:55px 80px}.rules-paper pre{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js-ready .fade-in{opacity:1;transform:none;transition:none}.btn,.family-card,.family-portrait img,.epoch-image img,.specimen{transition:none}}

/* Official Expedition Guide rules layout. All rules summaries are derived from the user's PDF. */
.modes-grid{grid-template-columns:repeat(3, minmax(0,1fr))}
.mode{min-height:252px}
.mode .mode-detail{font-family:var(--sub);color:var(--gold);font-size:11px;font-weight:600;letter-spacing:.08em;margin:-8px 0 14px}
.guide-main{max-width:1150px}
.guide-intro-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(225px,.68fr);align-items:center;gap:clamp(26px,5vw,70px);margin:0 0 45px}
.guide-intro-copy h1{font-size:clamp(31px,4.8vw,62px);overflow-wrap:normal}
.guide-intro-copy h1 span{display:block}
.guide-intro-copy .rules-intro{font-size:17px;line-height:1.75}
.guide-provenance,.guide-page-ref{color:#b5aab9;font-size:13px}
.guide-cover{max-width:290px;margin:auto;box-shadow:0 16px 50px rgba(0,0,0,.55);border:1px solid rgba(238,199,137,.3)}
.guide-cover img{display:block;width:100%;height:auto}
.guide-index{display:flex;flex-wrap:wrap;gap:10px;border-block:1px solid var(--line);padding:18px 0;margin-bottom:55px}
.guide-index a{font:600 12px var(--sub);letter-spacing:.03em;color:#f4d6ad;background:#181423;border:1px solid rgba(238,199,137,.17);padding:10px 14px;transition:background .2s}
.guide-index a:hover{background:#30243c}
.guide-section{scroll-margin-top:30px;border-bottom:1px solid var(--line);padding:34px 0 53px;margin-bottom:24px}
.guide-section h2,.guide-bottom-download h2{font-family:var(--head);font-size:clamp(24px,3.1vw,37px);line-height:1.4;margin:16px 0 28px;letter-spacing:.025em;color:#fff7e7}
.guide-section h2 span,.guide-bottom-download h2 span{color:var(--gold)}
.guide-section>p{max-width:940px;font-size:17px;line-height:1.8;color:#e8dee9;margin:20px 0}
.guide-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:26px 0}
.guide-stat-grid>div{border:1px solid var(--line);background:#130f1d;padding:22px 18px;display:flex;flex-direction:column;gap:8px}
.guide-stat-grid strong{font:700 28px var(--head);color:var(--gold)}
.guide-stat-grid small{font:700 11px var(--sub);letter-spacing:.05em;color:#cbc2cd}
.guide-card-grid,.guide-four-grid,.guide-outcomes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:22px 0}
.guide-card-grid>div,.guide-four-grid>div,.guide-outcomes>div{border:1px solid var(--line);background:rgba(20,15,30,.92);padding:24px}
.guide-card-grid strong{display:block;font:700 13px var(--head);letter-spacing:.08em;color:var(--gold)}
.guide-card-grid p,.guide-four-grid p,.guide-outcomes p{font:400 15px/1.75 var(--body);color:#d9d1dc;margin:12px 0 0}
.guide-four-grid b{color:var(--gold);font:700 23px var(--head)}
.guide-four-grid h3,.guide-outcomes h3{font:700 14px var(--head);letter-spacing:.05em;color:#f9eddc;margin:16px 0 0}
.guide-resolve-list{list-style:none;padding:0;margin:25px 0 30px;display:grid;gap:14px;counter-reset:rule}
.guide-resolve-list li{counter-increment:rule;position:relative;padding:22px 24px 22px 68px;border-left:2px solid #d4ae7b;background:rgba(20,15,30,.9)}
.guide-resolve-list li:before{content:counter(rule,decimal-leading-zero);position:absolute;top:23px;left:20px;color:var(--gold);font:700 19px var(--head)}
.guide-resolve-list strong{font:700 13px var(--head);color:#fff0d2}
.guide-resolve-list p{font-size:15px;line-height:1.65;margin:10px 0 0;color:#d9d1dc}
.guide-bottom-download{padding:45px 0 95px}
.guide-bottom-download p:not(.eyebrow){max-width:650px;color:#d9d1dc}
@media(max-width:880px){.modes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.modes-grid,.guide-card-grid,.guide-four-grid,.guide-outcomes,.guide-stat-grid{grid-template-columns:1fr}.mode{min-height:0}.guide-intro-layout{grid-template-columns:1fr}.guide-cover{max-width:210px}.guide-section{padding:26px 0 42px}.guide-section>p{font-size:15px}.guide-index a{font-size:11px}.guide-main h1{line-height:1.24}.guide-resolve-list li{padding:18px 16px 18px 57px}.guide-resolve-list li:before{left:13px;font-size:15px}.guide-card-grid>div,.guide-four-grid>div,.guide-outcomes>div{padding:19px}}

/* Artwork aspect-ratio correction, 2026-11-09. Browsers must never take
   the HTML intrinsic pixel height when a responsive CSS width is applied. */
img { height: auto; }
a[hidden] { display: none !important; }
.hero-poster, .final-art img, .guide-cover img,
.specimen img, .sector-showcase > img, .protocol-images img {
  height: auto;
  object-fit: contain;
}
.epoch-image img, .family-portrait img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.protocol-images { align-items: center; }
.protocol-images img { flex: 0 0 auto; }
.sector-showcase > img { align-self: center; }
.specimen-count { margin-top: 21px; display: inline-flex; align-items: center;
  gap: 15px; border: 1px solid rgba(243,213,162,.36);
  padding: 10px 17px 10px 13px; background: rgba(243,213,162,.045);
}
.specimen-count strong { color: var(--gold); font: 800 30px/1 var(--head); }
.specimen-count span { color: #e8dece; font: 700 11px/1.35 var(--sub);
  letter-spacing: .12em; }
@media (max-width:650px) {
  .specimen-count { margin-top: 17px; }
  .specimen-count strong { font-size: 26px; }
  .specimen-count span { font-size: 10px; }
}

/* Expedition Guide refinement: equal scenic panels and signature cosmic hex mesh. */
.universe-visual .atlas-triptych {
  display: grid;
  grid-template-rows: repeat(3, minmax(0, 1fr));
  gap: 3px;
  width: 100%;
  aspect-ratio: 10 / 11;
  overflow: hidden;
  background: #090914;
}
.universe-visual .atlas-triptych img {
  display: block;
  min-width: 0;
  min-height: 0;
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  object-fit: cover;
  object-position: center;
}
/* Atmospheric honeycomb geometry: derived from the ELEMALS box art's signature motif. */
.hero::before {
  background-image: url('assets/hero-hex-mesh.svg'),
    radial-gradient(ellipse at 80% 35%, rgba(98,23,114,.22), transparent 38%),
    radial-gradient(ellipse at 0% 60%, rgba(15,126,147,.14), transparent 50%);
  background-position: center, center, center;
  background-size: cover, cover, cover;
  background-repeat: no-repeat;
}
@media (max-width: 650px) {
  .universe-visual .atlas-triptych { aspect-ratio: 10 / 11; }
  .hero::before { background-position: 60% center, center, center; }
}


/* November 2026 — matching hex clusters in the closing starfield. */
.final-section::before {
  background-image:
    url('assets/hero-hex-mesh.svg'),
    radial-gradient(ellipse at 20% 20%, rgba(87,24,132,.23), transparent 49%),
    radial-gradient(ellipse at 85% 80%, rgba(36,115,124,.15), transparent 50%);
  background-size: cover, cover, cover;
  background-position: center 52%, center, center;
  background-repeat: no-repeat;
}
@media (max-width: 650px) {
  .final-section::before {background-position: 67% center, center, center;}
}

/* The expedition updates invitation — a prominent launch signup inspired by the Expedition Guide. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.expedition-updates{isolation:isolate;position:relative;z-index:40;overflow:hidden;color:#faf4e9;background:radial-gradient(ellipse at 4% 80%,rgba(72,18,89,.44),transparent 48%),radial-gradient(ellipse at 92% 20%,rgba(21,76,101,.24),transparent 50%),#100c1b;border-bottom:1px solid rgba(247,206,145,.56);box-shadow:0 12px 38px rgba(0,0,0,.22)}
.expedition-updates::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background-image:url('assets/hero-hex-mesh.svg');background-position:center 45%;background-size:cover;opacity:.23}
.expedition-updates::after{content:"";position:absolute;inset:0 0 auto;height:3px;z-index:1;pointer-events:none;background:linear-gradient(90deg,var(--green) 0 25%,var(--orange) 25% 50%,var(--silver) 50% 75%,var(--violet) 75% 100%)}
.updates-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.98fr);gap:clamp(28px,5vw,76px);align-items:center;padding-block:29px 30px}
.updates-intro{display:flex;align-items:center;gap:23px;min-width:0}
.updates-glyph{flex:0 0 72px;width:72px;height:72px;border:1px solid rgba(237,206,153,.63);border-radius:50%;display:grid;place-items:center;color:var(--gold);font:400 45px/1 var(--head);background:radial-gradient(circle,rgba(238,201,146,.12),rgba(18,10,27,.5) 75%);box-shadow:inset 0 0 23px rgba(247,198,124,.06),0 0 32px rgba(223,148,87,.07)}
.updates-glyph span{transform:translateY(-1px)}
.updates-copy{min-width:0}
.updates-eyebrow{font:700 10px/1.5 var(--head);letter-spacing:.14em;color:#d4b88a;margin-bottom:8px}
.updates-heading{font:700 clamp(23px,2.2vw,32px)/1.26 var(--head);letter-spacing:.02em;color:#fff8ec;text-shadow:0 0 22px rgba(243,208,156,.08)}
.updates-heading span{color:var(--gold);display:block}
.updates-subline{font:400 15px/1.55 var(--body);color:#d7d0da;margin-top:10px;max-width:545px}
.updates-form{min-width:0;border:1px solid rgba(239,204,150,.45);padding:19px 20px 15px;background:rgba(6,5,14,.68);box-shadow:0 16px 44px rgba(0,0,0,.18),inset 0 1px rgba(255,246,226,.04)}
.updates-field-label{display:block;font:700 11px/1.35 var(--head);letter-spacing:.11em;color:#f3d6a6;margin-bottom:10px}
.updates-fields{display:flex;width:100%;min-width:0;gap:0}
.updates-fields input{width:100%;min-width:0;flex:1 1 auto;padding:15px 15px;background:#fcf9f2;border:1px solid #e2d0b3;color:#1e1822;font:500 16px/1.35 var(--body);border-radius:0;min-height:55px}
.updates-fields input::placeholder{color:#706b74}
.updates-fields input:focus-visible{outline:3px solid #7ed4dc;outline-offset:2px;position:relative;z-index:1}
.updates-fields button{flex:0 0 auto;padding:13px 19px;border:1px solid #efd5a2;background:linear-gradient(120deg,#f7ddaa,#d7a76b);color:#18111b;font:800 11px/1.3 var(--head);letter-spacing:.025em;cursor:pointer;min-height:55px;white-space:nowrap;transition:filter .18s,box-shadow .18s}
.updates-fields button:hover{filter:brightness(1.12);box-shadow:0 0 18px rgba(249,214,156,.19)}
.updates-fields button:focus-visible{outline:3px solid #7ed4dc;outline-offset:2px}
.updates-consent{display:flex;gap:12px;justify-content:space-between;align-items:flex-start;margin-top:13px;font:400 12px/1.55 var(--body);color:#d4d0d8}
.updates-consent label{display:inline-flex;align-items:flex-start;gap:9px;cursor:pointer}
.updates-consent input{appearance:auto;accent-color:#e7bd83;flex:0 0 auto;margin:3px 0 0;width:15px;height:15px}
.updates-consent a{text-decoration:underline;text-underline-offset:3px;color:#f0d3a9;white-space:nowrap}
.spam-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.hero-lead strong{font-weight:700;color:var(--gold-bright)}
.nav-cta{background:rgba(243,213,162,.09);border-color:rgba(243,213,162,.65);box-shadow:inset 0 0 12px rgba(243,213,162,.025)}
@media(max-width:1110px){.updates-inner{grid-template-columns:1fr;gap:22px;padding-block:24px}.updates-intro{gap:17px}.updates-heading span{display:inline}.updates-form{max-width:760px;width:100%}}
@media(max-width:650px){.updates-inner{padding-block:22px 24px;gap:19px}.updates-intro{gap:12px}.updates-glyph{flex-basis:48px;width:48px;height:48px;font-size:30px}.updates-eyebrow{font-size:9px;letter-spacing:.08em;margin-bottom:7px}.updates-heading{font-size:clamp(21px,6.3vw,28px)}.updates-heading span{display:block}.updates-subline{font-size:13px;margin-top:10px}.updates-form{padding:16px 13px 14px}.updates-field-label{font-size:10px}.updates-fields input{font-size:15px;padding:13px 11px;min-height:51px}.updates-fields button{font-size:10px;padding:10px 10px;min-height:51px}.updates-consent{font-size:11px;gap:8px}}
@media(max-width:400px){.updates-fields{flex-wrap:wrap;gap:8px}.updates-fields input{flex-basis:100%}.updates-fields button{width:100%}.updates-glyph{display:none}}


/* Sticky launch signup: unobtrusive until main signup scrolls out of view. */
.sticky-signup[hidden]{display:none!important}
.sticky-signup{
  position:fixed;top:0;left:0;right:0;z-index:90;
  color:#fdf4e5;background:rgba(12,9,22,.97);
  border-bottom:1px solid rgba(238,202,148,.56);
  box-shadow:0 10px 30px rgba(0,0,0,.42);
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)
}
.sticky-signup::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;pointer-events:none;
  background:linear-gradient(90deg,var(--green) 0 25%,var(--orange) 25% 50%,var(--silver) 50% 75%,var(--violet) 75% 100%)}
.sticky-signup-inner{min-height:73px;display:flex;align-items:center;justify-content:space-between;gap:22px;padding-block:9px}
.sticky-signup-message{display:flex;align-items:center;gap:12px;min-width:215px}
.sticky-signup-signal{flex:0 0 30px;width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(242,210,155,.45);border-radius:50%;color:#ebc992;font-size:20px}
.sticky-signup-message strong{display:block;color:#f8dfad;font:700 12px/1.25 var(--head);letter-spacing:.025em}
.sticky-signup-message span:not(.sticky-signup-signal){display:block;color:#cec6d3;font:400 12px/1.35 var(--body);margin-top:3px}
.sticky-signup-form{display:grid;grid-template-columns:minmax(160px,1fr) auto;column-gap:0;row-gap:6px;align-items:center;flex:0 1 570px;min-width:0}
.sticky-signup-form>input{width:100%;min-width:0;height:38px;border:1px solid #d6bd93;background:#fdfaf5;color:#18121b;padding:6px 11px;border-radius:0;font:500 14px/1.2 var(--body)}
.sticky-signup-form>input::placeholder{color:#635d66}
.sticky-signup-form>button{height:38px;border:1px solid #efd0a0;background:linear-gradient(110deg,#f8dda7,#d6a66c);color:#18121b;padding:0 17px;white-space:nowrap;font:800 10px var(--head);cursor:pointer}
.sticky-signup-form>button:hover{filter:brightness(1.08)}
.sticky-signup-consent{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:12px;color:#d4cdd9;font:400 11px/1.2 var(--body)}
.sticky-signup-consent label{display:inline-flex;align-items:center;gap:7px;cursor:pointer}
.sticky-signup-consent input{width:13px;height:13px;margin:0;accent-color:#e5bf8d}
.sticky-signup-consent a{text-decoration:underline;text-underline-offset:2px;color:#ebcf9c}
.sticky-signup :is(input,button,a):focus-visible{outline:2px solid #78d4e3;outline-offset:2px}
.sticky-signup-mobile-link{display:none}
@media(max-width:1050px){
  .sticky-signup-inner{gap:14px}
  .sticky-signup-message{min-width:0}
  .sticky-signup-message span:not(.sticky-signup-signal){display:none}
  .sticky-signup-form{flex-basis:525px}
}
@media(max-width:740px){
  .sticky-signup{top:auto;bottom:0;border-top:1px solid rgba(238,202,148,.56);border-bottom:none;
    padding-bottom:env(safe-area-inset-bottom,0px);box-shadow:0 -8px 28px rgba(0,0,0,.5)}
  .sticky-signup::before{top:0;height:2px}
  .sticky-signup-inner{min-height:49px;gap:10px;padding-block:6px}
  .sticky-signup-signal{width:26px;height:26px;flex-basis:26px;font-size:17px}
  .sticky-signup-message{gap:8px}
  .sticky-signup-message strong{font-size:10px;line-height:1.2;letter-spacing:0}
  .sticky-signup-form{display:none}
  .sticky-signup-mobile-link{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;
     padding:10px 12px;background:linear-gradient(110deg,#f8dda7,#d6a66c);color:#16101b;font:800 9px/1.2 var(--head);white-space:nowrap;min-height:36px}
  body.has-sticky-signup{padding-bottom:calc(49px + env(safe-area-inset-bottom,0px))}
}
@media(max-width:360px){
  .sticky-signup-message strong{font-size:9px}
  .sticky-signup-mobile-link{font-size:9px;padding:9px 10px}
  .sticky-signup-signal{display:none}
}
@media(prefers-reduced-motion:reduce){.sticky-signup *{scroll-behavior:auto}}