@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#090918;--bg2:#111027;--panel:#19152e;--white:#faf7ff;--muted:#a49cb9;--line:rgba(255,255,255,.12);--violet:#9e6dfd;--pink:#ff66c0;--cyan:#6aede8;--yellow:#ffda72;--font:'Space Grotesk',Impact,Arial,sans-serif;--body:'DM Sans',Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--white);font-family:var(--body);-webkit-font-smoothing:antialiased}body.dialog-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}::selection{background:#e855c3;color:#0e0a22}.wrap{max-width:1300px;margin:0 auto;padding-left:40px;padding-right:40px}.grain{position:fixed;inset:0;pointer-events:none;z-index:90;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.19'/%3E%3C/svg%3E")}.skip-link{position:absolute;top:-120px;left:12px;z-index:101;background:var(--cyan);padding:12px;color:#050611}.skip-link:focus{top:12px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}
.announcement{height:32px;display:flex;justify-content:center;align-items:center;gap:12px;text-align:center;background:linear-gradient(90deg,#9c66ee,#f37db5,#75dce8);color:#171027;letter-spacing:2px;font:800 10px var(--body)}.signal-dot{width:6px;height:6px;background:#1b1030;border-radius:50%;animation:blink 1.6s infinite}.announcement-separator{font-size:11px}.header{position:sticky;top:0;z-index:60;background:rgba(9,9,24,.87);backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}.nav-shell{height:83px;display:flex;justify-content:space-between;align-items:center;gap:24px}.wordmark{display:flex;align-items:center;gap:12px;font:700 25px var(--font);letter-spacing:-1.8px;white-space:nowrap}.wordmark-symbol{position:relative;font:800 25px var(--font);color:#101124;background:#a986ff;width:37px;height:37px;display:flex;align-items:center;justify-content:center;transform:rotate(-9deg);border-radius:9px}.wordmark-symbol span{position:absolute;color:var(--yellow);font-size:13px;top:-9px;right:-5px}.logo-period{color:var(--pink)}.desktop-nav{display:flex;gap:36px}.desktop-nav a,.nav-join,.mobile-nav a{font-size:11px;font-weight:800;letter-spacing:1.6px}.desktop-nav a{color:#c7c0db;transition:color .2s}.desktop-nav a:hover{color:var(--cyan)}.nav-join{border:1px solid #a784ff;color:#dfcbff;padding:15px 19px;border-radius:4px;display:flex;gap:25px;align-items:center;transition:background .2s}.nav-join:hover{background:#9e6dfd;color:#110821}.nav-join span{font-size:17px}.mobile-menu-button{display:none;width:42px;height:40px;border:1px solid var(--line);border-radius:6px;background:transparent;padding:10px;align-items:center;justify-content:center;flex-direction:column;gap:4px}.mobile-menu-button span{display:block;width:19px;height:2px;background:white}.mobile-nav{padding:12px 30px 24px;border-top:1px solid var(--line);background:#111027}.mobile-nav:not([hidden]){display:flex;flex-direction:column;gap:20px}
.hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);min-height:700px;align-items:center;gap:38px;padding-top:70px;padding-bottom:100px;position:relative;isolation:isolate;overflow:hidden}.hero-glow{position:absolute;pointer-events:none;filter:blur(65px);z-index:-2;border-radius:50%}.hero-glow-one{width:550px;height:550px;top:-270px;right:-100px;background:radial-gradient(circle,rgba(123,51,250,.45),transparent 70%)}.hero-glow-two{width:400px;height:350px;bottom:-180px;left:-250px;background:radial-gradient(circle,rgba(250,73,185,.23),transparent 70%)}.eyebrow,.section-kicker{font:800 11px var(--body);letter-spacing:2.2px;color:var(--cyan);text-transform:uppercase}.asterisk{color:var(--pink);font-size:17px;vertical-align:-1px;margin-right:5px}.hero h1,.section h2,.join-copy h2,.success-wrap h1,.legal-wrap h1{font-family:var(--font);font-weight:700;line-height:.98;letter-spacing:-5.5px}.hero h1{font-size:clamp(52px,6.3vw,96px);white-space:nowrap;margin:28px 0 27px}.title-italic,.section h2 em,.join-copy h2 em,.success-wrap h1 em,.legal-wrap h1 em{font-style:normal;color:var(--pink)}.outline-type{-webkit-text-stroke:2px var(--white);color:transparent}.hero-subtitle{max-width:550px;color:#b5aec9;font-size:17px;line-height:1.8}.hero-subtitle strong{color:white}.hero-actions{display:flex;gap:14px;align-items:center;margin-top:33px;flex-wrap:wrap}.button{border:0;display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:53px;padding:16px 22px;border-radius:5px;font-size:11px;font-weight:800;letter-spacing:1.25px;transition:transform .2s,background .2s;white-space:nowrap}.button:hover{transform:translateY(-3px)}.button-primary{background:var(--yellow);color:#1c1129;box-shadow:5px 5px 0 #5f357a}.button-primary:hover{background:#fff0b1}.button-quiet{color:#d2bfdc;border:1px solid var(--line);background:#ffffff08}.button-quiet:hover{background:#ffffff18}.hero-metadata{display:flex;align-items:center;gap:21px;margin-top:51px}.hero-metadata span:not(.meta-line){display:flex;flex-direction:column;gap:5px}.hero-metadata b{font:700 24px var(--font)}.hero-metadata small{font:700 8px var(--body);letter-spacing:1.6px;color:#8b819e}.meta-line{height:30px;width:1px;background:var(--line)}.hero-visual{position:relative;padding:35px 28px 20px 18px}.visual-backdrop{position:absolute;inset:18px -12px 3px 60px;border:1px solid #774db1;background:linear-gradient(135deg,#2f1f54,#15112f);transform:rotate(7deg);border-radius:27px;box-shadow:0 0 100px rgba(134,83,251,.2)}.visual-frame{position:relative;transform:rotate(-4deg);border:9px solid #191029;background:#6c33a0;border-radius:15px;box-shadow:0 20px 0 #100b25,0 40px 90px #0009;overflow:hidden}.visual-frame>img{width:100%;aspect-ratio:1;object-fit:cover}.visual-footer{height:67px;background:#16112a;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 18px;font-family:var(--font)}.visual-footer span{font-size:10px;letter-spacing:1px;color:#c2a6fd}.visual-footer strong{font-size:23px;letter-spacing:-.5px;color:var(--yellow)}.visual-footer .footer-arrow{font-size:22px;color:var(--cyan)}.hero-sticker{position:absolute;z-index:2;pointer-events:none}.sticker-star{top:6px;right:-9px;font-size:90px;color:#fdd56a;transform:rotate(24deg);text-shadow:3px 3px 0 #b54dbe}.sticker-uh{top:23px;left:-30px;transform:rotate(-18deg);background:#65e7e2;color:#1b1236;padding:15px 12px;border-radius:50%;border:4px solid #180f2b;font:bold 11px/1.1 var(--body);letter-spacing:1px;text-align:center}.sticker-glitch{bottom:10px;right:-8px;background:#ff84c5;transform:rotate(11deg);padding:8px 14px;color:#180e2b;border:2px solid #1b0a2c;font:800 11px var(--body)}.hero-edge-note{position:absolute;right:2px;top:50%;font-size:9px;letter-spacing:2px;color:#796d90;writing-mode:vertical-rl}.ticker{background:#c7fd55;overflow:hidden;transform:rotate(-1deg) scale(1.02);box-shadow:0 0 50px #b4e84d15;margin-bottom:0}.ticker-track{display:flex;width:max-content;gap:35px;align-items:center;padding:17px 0;animation:ticker 38s linear infinite;color:#171421;font:800 19px var(--font);letter-spacing:1px}.ticker-track i{font-style:normal;color:#8a41b4;font-size:24px}
.section{padding-top:125px;padding-bottom:120px}.section-top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:38px}.section-kicker{margin:0;color:var(--cyan)}.section-kicker span{color:var(--pink);margin-right:9px}.section-overline{color:#766d8f;font-size:10px;font-weight:700;letter-spacing:1.7px}.section-heading-row{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:39px}.section h2{font-size:clamp(54px,7.7vw,104px);margin:0}.section h2 em{color:var(--violet)}.section-description{color:#aca5be;max-width:620px;line-height:1.75;font-size:16px;margin-top:25px}.heading-star{font-family:var(--font);font-size:55px;color:var(--pink);vertical-align:top;margin-left:12px}.edition-stamp{border:3px solid #d8cafe;border-radius:50%;width:120px;height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(17deg);color:#d8cafe;flex-shrink:0}.edition-stamp span{font-size:8px;letter-spacing:1px;font-weight:800}.edition-stamp strong{font:800 48px var(--font);line-height:1.05}.filter-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:27px}.filter{background:#121023;color:#a69eba;border:1px solid #3b3055;padding:11px 14px;font:800 10px var(--body);letter-spacing:1px;transition:all .2s;border-radius:3px}.filter:hover{color:white;border-color:#9474dd}.filter.active{background:var(--violet);color:#160b2e;border-color:var(--violet)}.characters-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}.character-card{display:flex;flex-direction:column;text-align:left;min-width:0;background:#161329;border:1px solid #38304d;padding:7px;overflow:hidden;border-radius:7px;transition:transform .23s,border-color .23s,box-shadow .23s;color:inherit;position:relative}.character-card:hover{transform:translateY(-7px);border-color:var(--violet);box-shadow:0 18px 40px #0005}.character-card[hidden]{display:none}.character-card .art{position:relative;aspect-ratio:1;overflow:hidden;background:#25203d}.art img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.character-card:hover .art img{transform:scale(1.06)}.card-chip{position:absolute;top:10px;left:10px;background:#140b26d9;border:1px solid #ffffff3b;border-radius:3px;padding:7px 9px;font-size:9px;font-weight:800;letter-spacing:1px;color:white}.card-open{position:absolute;bottom:10px;right:10px;background:var(--yellow);color:#19102d;font-size:20px;font-weight:700;width:35px;height:35px;display:grid;place-items:center;border-radius:50%;transition:transform .23s}.character-card:hover .card-open{transform:rotate(45deg)}.card-info{padding:17px 10px 14px;display:flex;align-items:center;justify-content:space-between;gap:8px}.card-info h3{font:700 21px var(--font);letter-spacing:-.7px;margin:0 0 6px}.card-info p{margin:0;color:#a89ebf;font:800 9px var(--body);letter-spacing:1.1px}.card-icon{font-size:23px;color:var(--violet)}.character-card:first-child{border-color:#ad8bf1}.genesis-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:26px;color:#857d97;font-size:10px;font-weight:800;letter-spacing:1px}.genesis-bottom p{margin:0}.genesis-bottom p span{color:var(--cyan);font-size:14px}.genesis-bottom a{color:var(--cyan);font-size:10px;white-space:nowrap}.genesis-bottom a:hover{text-decoration:underline}
.interlude{overflow:hidden;border-block:1px solid #3d2c60;background:radial-gradient(ellipse at center,#251944 0,#160f2d 64%,#0a091b 100%)}.interlude-inner{min-height:295px;display:flex;align-items:center;justify-content:space-between;gap:20px}.interlude p{font:700 clamp(31px,4.5vw,62px)/1.2 var(--font);letter-spacing:-2px}.interlude p span{color:#b9a7ee;text-decoration:line-through;text-decoration-color:#f575b9;text-decoration-thickness:4px}.interlude p em{color:var(--yellow);font-style:normal}.interlude-sigil{font-size:130px;color:var(--violet);line-height:1;transform:rotate(10deg)}
.world-section{padding-bottom:140px}.world-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(295px,.65fr);gap:20px}.world-map{min-height:490px;border:1px solid #4f366c;background:radial-gradient(ellipse at 52% 45%,#30195c 0,#1e153c 39%,#101025 75%);position:relative;overflow:hidden;border-radius:10px;isolation:isolate}.world-map:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#af88ff14 1px,transparent 1px),linear-gradient(90deg,#af88ff14 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(ellipse at center,black,transparent 85%);z-index:-1}.world-map:after{content:"";position:absolute;inset:0;pointer-events:none;border:12px solid #090c220b}.world-orbit{border:1px dashed #ba93ed33;position:absolute;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%)}.orbit-one{width:340px;height:340px}.orbit-two{width:640px;height:640px}.world-core{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%) rotate(-7deg);width:158px;height:158px;border-radius:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:4px solid #ddbdff;background:#20103e;box-shadow:0 0 0 10px #8652dd22,0 0 55px #9756ff85;text-align:center;z-index:1}.world-core span{font:800 8px var(--body);letter-spacing:2px;color:var(--cyan)}.world-core strong{font:800 40px var(--font);letter-spacing:-3px}.world-core span:last-child{font-size:6px;color:var(--pink)}.map-node{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);border:1px solid #ffffff38;border-radius:8px;padding:9px 10px;background:#160f31c9;color:var(--node);display:flex;flex-direction:column;align-items:center;gap:4px;font:800 9px var(--body);letter-spacing:.45px;text-align:center;white-space:nowrap;z-index:4;transition:transform .2s,background .2s,border .2s}.map-node .node-symbol{font-size:26px}.map-node:hover,.map-node[aria-pressed=true]{transform:translate(-50%,-50%) scale(1.09);background:#3c205b;border-color:var(--node)}.map-node[aria-pressed=true]:after{content:"";position:absolute;inset:-5px;border:1px dashed var(--node);border-radius:10px;pointer-events:none}.map-corner{position:absolute;font-size:8px;font-weight:800;letter-spacing:1.1px;color:#b3a3d1}.corner-tl{left:17px;top:17px}.corner-br{right:17px;bottom:17px}.district-card{border:1px solid #514078;border-radius:10px;background:linear-gradient(135deg,#211738,#16132b);padding:29px;display:flex;flex-direction:column}.district-card-top{display:flex;justify-content:space-between;gap:8px;font-size:8px;letter-spacing:1px;font-weight:800;color:#ada0ca}.district-live{color:var(--cyan);white-space:nowrap}.district-live i{display:inline-block;width:6px;height:6px;background:var(--cyan);border-radius:50%}.district-glyph{font-size:76px;margin-top:47px;color:var(--yellow)}.district-card h3{font:700 34px/1 var(--font);letter-spacing:-1.5px;margin:16px 0}.district-card #district-tag{color:var(--cyan);font-size:10px;font-weight:800;letter-spacing:1.5px}.district-card #district-description{line-height:1.7;color:#b7afcd;font-size:13px;flex:1}.district-foot{border-top:1px solid #ffffff25;display:flex;justify-content:space-between;padding-top:19px;margin-top:30px;color:var(--pink);font-size:10px;font-weight:800;letter-spacing:.6px}
.manifesto-section{background:#0d0d24;border-block:1px solid #ffffff12}.dna-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #44375d}.dna-cell{padding:27px 22px;min-height:285px;position:relative;border-right:1px solid #44375d;overflow:hidden}.dna-cell:last-child{border-right:0}.dna-cell>span{font-size:10px;font-weight:800;color:var(--cyan);letter-spacing:1px}.dna-cell>strong{font:700 32px/1.08 var(--font);letter-spacing:-1.4px;display:block;margin-top:26px}.dna-cell>p{font-size:13px;color:#a99ebc;line-height:1.5;margin-top:20px;max-width:180px}.dna-cell b{position:absolute;bottom:4px;right:13px;font-size:70px;color:#b46af322;font-weight:400}.dna-footnote{text-align:right;color:#847994;font-size:9px;letter-spacing:1px;margin-top:20px;font-weight:800}.origin-grid{display:grid;grid-template-columns:1fr .85fr;gap:70px;align-items:center}.origin-copy h2{margin:30px 0 38px}.origin-steps>div{padding:20px 0;display:flex;gap:25px;border-top:1px solid #514361}.origin-steps>div>span{color:var(--pink);font-size:11px;font-weight:800;margin-top:3px}.origin-steps p{font-size:14px;line-height:1.7;color:#b1a6c3;margin:0}.origin-steps strong{color:white}.origin-art{position:relative;transform:rotate(4deg);border:9px solid #24183c;box-shadow:20px 20px 0 #6a3b92,40px 40px 90px #0007}.origin-art img{width:100%;aspect-ratio:1;object-fit:cover}.origin-art-caption{position:absolute;bottom:0;left:0;right:0;text-align:center;background:#180f2fe8;padding:14px;font-size:9px;font-weight:800;letter-spacing:1px}.origin-spark{position:absolute;top:-70px;right:-52px;color:var(--yellow);font-size:100px}
.join-section{position:relative;overflow:hidden;border-top:1px solid #8c5edf;background:linear-gradient(120deg,#1b123a 0%,#301c58 47%,#18102f 100%);padding:110px 0 115px}.join-glow{position:absolute;top:-240px;right:10%;width:800px;height:600px;border-radius:50%;background:#a857fa29;filter:blur(70px);pointer-events:none}.join-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;position:relative;align-items:center}.join-copy h2{font-size:clamp(70px,8.7vw,132px);letter-spacing:-7px;line-height:.88;margin:31px 0 32px}.join-copy h2 em{color:var(--cyan)}.join-copy h2 span{color:var(--pink);font-size:.5em;vertical-align:top}.join-copy>p:not(.section-kicker){color:#c6b5dc;line-height:1.7;max-width:400px}.join-footnotes{display:flex;flex-direction:column;gap:15px;margin-top:46px;color:#c9b4de;font-size:10px;letter-spacing:1px;font-weight:800}.join-panel{padding:35px;background:#0f0c25;border:1px solid #c192ee;border-radius:8px;box-shadow:14px 14px 0 #ffffff0f,0 34px 100px #0008}.join-panel-top{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#a2a0cb;font-size:9px;font-weight:800;letter-spacing:.6px}.mini-live{color:var(--cyan);white-space:nowrap}.join-panel h3{font:700 47px/.98 var(--font);letter-spacing:-2px;margin:31px 0 16px}.join-panel>p{color:#a9a0b9;font-size:13px;line-height:1.6;margin:0 0 30px}.join-panel form{display:flex;flex-direction:column;gap:11px}.join-panel label:not(.consent-label){font-size:10px;font-weight:800;letter-spacing:1.2px;margin-top:10px}.join-panel label span{color:var(--pink)}.join-panel input:not([type=checkbox]),.join-panel select{width:100%;height:49px;border:1px solid #4c4166;border-radius:3px;color:#eee9f5;background:#1d1833;padding:0 14px;font-size:13px}.join-panel select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='m1 1 4 4 4-4' fill='none' stroke='%23d9c6e8' stroke-width='1.7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center}.join-panel input::placeholder{color:#777087}.join-panel input:focus,.join-panel select:focus{border-color:var(--cyan)}.hidden-field{display:none}.consent-label{display:flex;align-items:flex-start;gap:11px;font-size:11px;line-height:1.5;color:#b5abc4;margin:12px 0 5px}.consent-label input{width:18px;height:18px;flex:none;margin:0;accent-color:var(--violet)}.consent-label span{color:#b5abc4!important}.consent-label a{text-decoration:underline;color:var(--cyan)}.button-submit{background:var(--yellow);color:#1b0f2f;justify-content:space-between;width:100%;margin-top:9px;box-shadow:5px 5px 0 #804eb3}.button-submit:hover{background:#ffeba9}.join-small{color:#776e8c;font-size:10px;line-height:1.5;margin-top:21px}
.footer{background:#080817;padding:70px 0 32px}.footer-content{display:flex;justify-content:space-between;align-items:start;gap:40px;padding-bottom:65px}.footer-wordmark{font:700 44px var(--font);letter-spacing:-3px}.footer-wordmark span{color:var(--pink);font-size:28px;vertical-align:top}.footer-content p{color:#93899e;font-size:13px}.footer-links{display:flex;flex-wrap:wrap;gap:23px;margin-top:15px}.footer-links a,.footer-bottom{font-size:9px;letter-spacing:1px;font-weight:800;color:#b8aaca}.footer-links a:hover,.footer-bottom a:hover{color:var(--cyan)}.footer-bottom{display:flex;gap:15px;justify-content:space-between;align-items:center;border-top:1px solid #332c43;padding-top:25px;color:#776e86}.footer-bottom a{color:#a698bb}
.character-dialog{border:1px solid #ae83ec;border-radius:12px;background:#110d26;color:var(--white);padding:0;width:min(920px,calc(100vw - 28px));max-height:min(90vh,840px);overflow-y:auto;box-shadow:0 24px 150px #000c}.character-dialog::backdrop{background:#070617df;backdrop-filter:blur(8px)}.dialog-inner{display:grid;grid-template-columns:1fr 1fr;position:relative}.modal-close{position:absolute;right:12px;top:12px;z-index:2;background:#170d30;color:white;border:1px solid #ffffff77;border-radius:50%;width:39px;height:39px;font-size:27px;line-height:1}.modal-art{position:relative;min-width:0;background:#271747;align-self:stretch}.modal-art img{width:100%;height:100%;object-fit:cover;min-height:410px}.modal-art>span{position:absolute;bottom:15px;left:16px;background:#130923c4;padding:10px 12px;color:var(--cyan);font-weight:800;font-size:11px;letter-spacing:1px}.modal-copy{padding:65px 38px 37px}.modal-eyebrow{font-size:10px;color:var(--cyan);font-weight:800;letter-spacing:1.5px}.modal-copy h2{font:700 clamp(38px,5vw,64px)/.95 var(--font);letter-spacing:-3px;margin:20px 0 7px}.modal-role{font-size:10px;font-weight:800;letter-spacing:1px;color:var(--pink)}.modal-divider{height:1px;background:#42345b;margin:25px 0}.modal-copy>#modal-bio{color:#b8adca;line-height:1.7;font-size:14px}.modal-stats{margin:29px 0}.modal-stats div{display:flex;justify-content:space-between;gap:14px;border-top:1px solid #312a45;padding:14px 0}.modal-stats dt{color:#8f84a5;font-size:10px;font-weight:800}.modal-stats dd{margin:0;text-align:right;font-size:10px;font-weight:800;color:#e1d8f5}.modal-hint{font-size:10px!important;line-height:1.6!important;color:#887e98!important;margin-top:24px}
.success-body,.legal-body{min-height:100vh;background:radial-gradient(ellipse at 70% 20%,#342059,transparent 55%),#0c0a22}.success-wrap{max-width:740px;margin:0 auto;padding:130px 24px;text-align:center}.success-mark{color:var(--yellow);font-size:90px}.success-wrap h1{font-size:clamp(70px,12vw,130px);margin:24px 0}.success-wrap h1 em,.legal-wrap h1 em{color:var(--cyan)}.success-wrap>p:not(.eyebrow){font-size:17px;line-height:1.7;color:#b6a9c8;margin-bottom:35px}.legal-wrap{max-width:800px;margin:0 auto;padding:80px 30px 120px}.back-link{display:inline-block;margin-bottom:65px;color:var(--cyan);font-weight:800;font-size:11px;letter-spacing:1px}.legal-wrap h1{font-size:clamp(56px,9vw,86px);margin:20px 0 50px}.legal-wrap h2{font:700 28px var(--font);margin:35px 0 10px}.legal-wrap p{line-height:1.8;color:#b9aecb;font-size:15px}.legal-wrap .legal-note{font-size:12px;color:#93849f;border-top:1px solid var(--line);padding-top:25px;margin-top:45px}
@keyframes blink{50%{opacity:.25}}@keyframes ticker{to{transform:translateX(-50%)}}
@media(max-width:1100px){.wrap{padding-left:28px;padding-right:28px}.hero{min-height:640px;gap:12px}.hero h1{font-size:clamp(48px,6.4vw,78px)}.hero-subtitle{font-size:15px}.hero-visual{padding:30px 21px 25px}.sticker-star{right:-5px;font-size:62px}.sticker-uh{left:-5px}.characters-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.world-layout{grid-template-columns:1fr}.district-card{min-height:245px}.district-glyph{margin-top:20px}.join-grid{gap:35px}.origin-grid{gap:35px}}
@media(max-width:780px){.desktop-nav,.nav-join{display:none}.mobile-menu-button{display:flex}.nav-shell{height:70px}.wordmark{font-size:23px}.hero{grid-template-columns:1fr;gap:26px;padding-top:80px;padding-bottom:85px;min-height:0}.hero-copy{z-index:3}.hero h1{font-size:clamp(51px,11vw,86px)}.hero-visual{max-width:490px;width:90%;margin:0 auto}.hero-edge-note{display:none}.hero-metadata{margin-top:36px}.section{padding-top:95px;padding-bottom:92px}.section-heading-row{margin-bottom:30px}.section h2{font-size:clamp(51px,10vw,83px)}.characters-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.world-layout{grid-template-columns:1fr}.interlude-inner{min-height:230px}.interlude-sigil{font-size:100px}.dna-grid{grid-template-columns:repeat(2,1fr)}.dna-cell:nth-child(2){border-right:0}.dna-cell:nth-child(-n+2){border-bottom:1px solid #44375d}.origin-grid,.join-grid{grid-template-columns:1fr}.origin-art{max-width:450px;margin:35px auto}.join-section{padding:80px 0}.join-copy h2{font-size:clamp(76px,13vw,120px)}.join-panel{max-width:580px}.footer-content{flex-direction:column}.footer-bottom{flex-wrap:wrap}.dialog-inner{grid-template-columns:1fr 1fr}.modal-copy{padding:56px 23px 25px}.modal-art img{min-height:340px}}
@media(max-width:520px){.wrap{padding-left:19px;padding-right:19px}.announcement{font-size:8px;letter-spacing:.8px;gap:7px}.announcement-separator{display:none}.nav-shell{height:65px}.wordmark{font-size:21px}.hero{padding-top:55px}.hero h1{font-size:clamp(42px,11.8vw,62px);letter-spacing:-3.9px;margin:18px 0}.hero .outline-type{-webkit-text-stroke:1px white}.hero-subtitle{font-size:14px}.hero-actions{align-items:stretch;gap:12px}.hero-actions .button{font-size:10px;width:100%;justify-content:space-between}.hero-metadata{gap:15px;margin-top:32px}.hero-metadata b{font-size:20px}.hero-metadata small{font-size:7px;letter-spacing:.4px}.hero-visual{width:95%;padding:15px 14px}.visual-frame{border-width:6px}.visual-footer{height:55px;padding:0 11px}.visual-footer strong{font-size:18px}.visual-footer span{font-size:8px}.sticker-uh{font-size:8px;left:-14px;padding:10px}.sticker-star{top:-8px;font-size:56px}.sticker-glitch{bottom:0;right:-10px;font-size:8px}.ticker-track{padding:12px 0;font-size:13px;gap:20px}.section{padding-top:78px;padding-bottom:78px}.section-top{align-items:start;flex-direction:column;gap:8px;margin-bottom:28px}.section-overline{font-size:8px}.section h2{font-size:clamp(49px,12vw,74px);letter-spacing:-3px}.section-description{font-size:14px}.heading-star{font-size:30px}.edition-stamp{width:75px;height:75px;border-width:2px}.edition-stamp strong{font-size:28px}.edition-stamp span{font-size:6px}.filter-bar{flex-wrap:nowrap;overflow-x:auto;margin-right:-19px;padding-right:19px;padding-bottom:8px;scrollbar-width:thin}.filter{flex-shrink:0;font-size:9px}.characters-grid{gap:10px}.character-card{padding:4px}.card-chip{font-size:7px;padding:5px;top:7px;left:7px}.card-open{width:27px;height:27px;font-size:17px}.card-info{padding:13px 5px 10px;gap:1px}.card-info h3{font-size:15px}.card-info p{font-size:7px;letter-spacing:.45px}.card-icon{font-size:16px}.genesis-bottom{flex-direction:column;align-items:start;gap:12px;font-size:8px}.interlude-inner{min-height:170px}.interlude p{font-size:clamp(23px,7vw,35px);letter-spacing:-1px}.interlude-sigil{font-size:55px}.world-map{min-height:390px}.world-core{width:115px;height:115px;border-radius:22px}.world-core strong{font-size:28px}.world-core span{font-size:6px}.world-orbit.orbit-one{width:245px;height:245px}.map-node{padding:6px 5px;font-size:7px;letter-spacing:0}.map-node .node-symbol{font-size:20px}.map-node[data-district=halo]{--x:25%!important;--y:16%!important}.map-node[data-district=patch]{--x:77%!important;--y:16%!important}.map-node[data-district=glitch]{--x:16%!important;--y:50%!important}.map-node[data-district=dream]{--x:85%!important;--y:50%!important}.map-node[data-district=chrome]{--x:25%!important;--y:83%!important}.map-node[data-district=arcade]{--x:77%!important;--y:83%!important}.district-card{padding:21px}.district-glyph{font-size:55px}.district-card h3{font-size:30px}.dna-cell{min-height:260px;padding:21px 15px}.dna-cell>strong{font-size:24px}.dna-cell>p{font-size:12px}.dna-footnote{text-align:left;font-size:8px}.origin-steps>div{gap:15px}.origin-steps p{font-size:13px}.origin-art{width:85%}.join-copy h2{letter-spacing:-5px}.join-panel{padding:23px}.join-panel h3{font-size:38px}.join-panel-top{font-size:7px}.footer-wordmark{font-size:39px}.footer-links{gap:15px}.footer-bottom{font-size:8px;gap:12px}.character-dialog{width:calc(100vw - 16px)}.dialog-inner{display:block}.modal-art img{height:auto;min-height:0;max-height:43vh;object-fit:cover}.modal-copy{padding:27px 24px 32px}.modal-copy h2{font-size:42px}.modal-stats{margin:20px 0}.modal-close{right:10px;top:10px}.success-wrap{padding-top:110px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
/* Guard against min-content image/text expansion and decorative overflow. */
html,body{overflow-x:clip}
.origin-grid{grid-template-columns:minmax(0,1fr) minmax(0,.85fr)}
.origin-grid>*{min-width:0}
@media(max-width:780px){.hero,.origin-grid{grid-template-columns:minmax(0,1fr)}.hero-copy,.hero-visual{min-width:0}.hero h1{white-space:normal}}
@media(max-width:520px){.hero h1{font-size:clamp(40px,11vw,58px)}.hero-visual{max-width:100%}}
/* Override intrinsic HTML height hints so portrait cards remain square. */
.visual-frame>img,.origin-art img{height:auto;aspect-ratio:1/1}

/* Signup success and error states, displayed in-place (no redirect). */
.signup-status{margin-top:18px;padding:24px;border-radius:18px;border:1px solid rgba(136,232,244,.3);background:rgba(11,17,35,.95);color:#faf9ff;line-height:1.6}
.signup-status[hidden]{display:none!important}
.signup-status.is-success{padding:28px 22px;border-color:rgba(136,232,244,.45);background:linear-gradient(145deg,rgba(44,27,91,.93),rgba(7,18,35,.96))}
.signup-status.is-success strong{display:block;margin:8px 0 4px;font-family:inherit;font-size:clamp(1.45rem,3vw,2rem);font-weight:900;line-height:1.1;letter-spacing:-.03em}
.signup-status.is-success p{margin:0 0 22px;color:#d7d4ea;font-size:.97rem}
.signup-status .signup-success-icon{display:block;color:#9af2e8;font-size:2rem}
.signup-status.is-error{border-color:#ff8faa;color:#ffd6df;background:rgba(90,21,50,.4);font-size:.94rem}
#signup-form button[disabled]{opacity:.65;cursor:wait}
#signup-form[hidden]{display:none!important}