@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{--bg:#0a0c12;--panel:#111521;--gold:#efbd67;--teal:#3dd6b5;--violet:#a88af5;--text:#f3f0e8;--muted:#a6adbe;--line:#ffffff18;--chain:#f59e0b;color-scheme:dark;font-family:'DM Sans',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--text);font-size:14px;line-height:1.65}button,input,a,select{font:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button,a{transition:transform .18s,background .18s,border-color .18s}button:hover:not(:disabled),.button:hover{transform:translateY(-2px)}button:active:not(:disabled),.button:active{transform:scale(.97)}:focus-visible{outline:2px solid var(--teal);outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif}h1,h2{font-weight:800;letter-spacing:-.02em;line-height:.95}h1{font-size:clamp(66px,6.6vw,100px)}h2{font-size:clamp(44px,4.5vw,68px)}h3{font-size:23px;line-height:1.1}em{font-style:normal;color:var(--gold)}p{color:var(--muted)}[hidden]{display:none!important}.wrap{width:min(1296px,calc(100% - 96px));margin:auto}.eyebrow{font:10px/1.7 ui-monospace,monospace;letter-spacing:2px;color:var(--gold);font-weight:600}.eyebrow>span{margin:0 8px}.signal{display:inline-block;width:6px;height:6px;background:var(--teal);border-radius:50%;box-shadow:0 0 12px #3dd6b588;margin-right:8px}.button{display:inline-flex;min-height:48px;align-items:center;justify-content:space-between;gap:22px;padding:12px 20px;border:1px solid #ffffff25;border-radius:6px;background:#151823;color:var(--text);font-size:13px;font-weight:700}.button.primary{background:var(--gold);color:#21180f;border-color:var(--gold);box-shadow:0 3px 0 #926728}.button.primary:hover{background:#ffd18a;box-shadow:0 4px 25px #efbd6733}.button.small{min-height:40px;font-size:12px}.button.full{width:100%}.button.ghost{background:transparent}.button-row{display:flex;gap:10px;flex-wrap:wrap}.skip{position:fixed;top:-100px;z-index:40;background:var(--gold);color:#111;padding:12px}.skip:focus{top:10px}.topbar{height:92px;padding:0 4%;display:flex;justify-content:space-between;align-items:center;position:absolute;z-index:5;inset:0 0 auto;border-bottom:1px solid #ffffff0b;background:linear-gradient(#090b12e0,#090b1240)}.brand img{width:166px;height:auto;display:block}.topbar nav{display:flex;gap:32px;font-size:12px;color:#d4d2dc}.topbar nav a:hover{color:var(--gold)}.entrance{position:relative;padding:143px 0 0;isolation:isolate;overflow:hidden}.city-backdrop{position:absolute;inset:0 0 0;z-index:-3;background-image:linear-gradient(90deg,#090b12c9 0%,#090b1280 44%,#090b12bd 100%),linear-gradient(0deg,#0a0c12 0%,transparent 50%),url('/web/art/trenches-night-4k.webp');background-size:cover;background-position:center,center,52% 22%;opacity:.92}.moonlight{position:absolute;z-index:-2;left:22%;top:80px;width:40%;height:450px;background:radial-gradient(ellipse,#7c54df23,transparent 68%);animation:moon 10s ease-in-out infinite alternate;pointer-events:none}.embers{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:-1}.embers i{position:absolute;width:2px;height:2px;background:#ffd492;box-shadow:0 0 6px #ffba52;bottom:5%;left:var(--x);opacity:0;animation:ember var(--d) var(--delay) linear infinite}.entrance-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:80px;position:relative}.invitation>.eyebrow{margin-bottom:22px}.lead{font-size:18px;color:#e0dce4;line-height:1.5;margin:23px 0 12px}.intro-copy{max-width:420px;font-size:13px;color:#bbc0cb;line-height:1.8}.benefits{display:grid;gap:14px;margin-top:26px;max-width:430px}.benefits article{display:flex;gap:15px;align-items:center}.benefits h3{font-family:'DM Sans',sans-serif;font-size:13px;font-weight:600;margin-bottom:3px}.benefits p{font-size:11px;color:#b7b4c2}.line-icon{border:1px solid #efbd6740;width:34px;height:34px;display:grid;place-items:center;color:var(--gold);background:#17141c88;border-radius:6px;font-size:19px;flex:none}.squad-art{height:205px;position:relative;display:flex;align-items:flex-end;width:390px;max-width:100%;padding:10px 0 24px;margin:4px 0 0}.squad-art:before{content:'';position:absolute;inset:40% 0 10%;background:radial-gradient(ellipse,#b5822c2a,transparent 70%)}.squad-art img{height:160px;width:160px;object-fit:contain;margin:0 -18px;z-index:1;filter:drop-shadow(0 10px 12px #0008)}.squad-art img:nth-child(2){height:185px;width:185px;z-index:2}.squad-art span{position:absolute;bottom:0;left:0;font:8px monospace;letter-spacing:1.4px;color:#a3a2b1}.enlist-column{padding-top:4px;scroll-margin-top:25px}.form-kicker{display:flex;align-items:center;justify-content:space-between;font:9px monospace;letter-spacing:1.7px;color:#d9c296;margin-bottom:13px}.preview-label{font-size:8px;color:#a9a3b9;letter-spacing:1px;border:1px solid #ffffff1c;border-radius:3px;padding:4px 7px;background:#0a0c1270}.signup-shell{background:linear-gradient(140deg,#191b2cef,#0e111bf7);border:1px solid #ceb17d40;border-radius:14px;box-shadow:0 25px 80px #0006,inset 0 1px #ffffff0e;position:relative;overflow:hidden}.signup-shell:before{content:'';position:absolute;top:0;left:7%;right:7%;height:1px;background:linear-gradient(90deg,transparent,#ffcf79,transparent)}.stepper{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;padding:28px 28px 0;margin:0;gap:9px}.stepper button{display:grid;text-align:left;gap:4px;width:100%;border:0;border-top:2px solid #ffffff15;background:none;padding:12px 0 0;color:#747c92;font:9px monospace;letter-spacing:1px;text-transform:uppercase}.stepper b{font-weight:400}.stepper li.active button{border-color:var(--gold);color:var(--text);text-shadow:0 0 18px #efbd6744}.stepper li.active b,.stepper li.done button{color:var(--gold)}.stepper li.done button{border-color:#efbd6777}.step-content{padding:30px 30px 24px;min-height:413px}.step-content:focus{outline:none}.status-pill{font:9px/1.3 monospace;letter-spacing:1.3px;display:inline-flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid #ffffff26;border-radius:4px;color:#aab1c2;margin-bottom:20px}.status-pill i{width:4px;height:4px;border-radius:50%;background:currentColor}.status-pill.confirmed{color:var(--teal);border-color:#3dd6b540;background:#3dd6b508}.status-pill.locked{color:var(--gold);border-color:#efbd6759;background:#efbd670d;box-shadow:0 0 20px #efbd6714}.step-content h2{font-size:43px;line-height:1;letter-spacing:-.01em}.step-copy{font-size:13px;line-height:1.8;margin:13px 0 24px}.connect-actions{display:grid;gap:12px}.divider{display:flex;gap:12px;align-items:center;font:9px monospace;letter-spacing:1px;color:#787e91;justify-content:center;margin:1px 0}.divider:before,.divider:after{content:'';height:1px;background:var(--line);flex:1}.wallet-icon{font-size:21px;margin-right:9px}.micro{font-size:10px;line-height:1.7;color:#939caf}.form-foot{display:flex;gap:10px;justify-content:center;align-items:center;padding:16px 18px;border-top:1px solid var(--line);background:#090c1466}.form-foot p{font-size:10px}.tiny-lock{color:#aa9069}.gate-note{display:flex;gap:13px;padding:23px 18px 10px}.gate-note>span{font:50px Georgia;color:var(--gold);line-height:1}.gate-note p{font-size:12px;line-height:1.7;color:#aaa3b7}.gate-note strong{color:#d6ccdc;font-weight:400}.gate-note small{display:block;font:8px monospace;letter-spacing:1.6px;margin-top:10px;color:#9c8aab}.preview-controls{margin:12px 18px 0;font-size:10px;color:#b3aec0}.preview-controls summary{cursor:pointer;display:flex;justify-content:space-between}.preview-controls summary span{color:#797e91}.preview-controls p{margin:10px 0}.preview-buttons{display:flex;flex-wrap:wrap;gap:6px}.preview-buttons button{background:#151824;border:1px solid #ffffff25;border-radius:4px;padding:6px 9px;font-size:10px}.population{border-top:1px solid #b7a3802a;border-bottom:1px solid var(--line);padding:24px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:25px;background:linear-gradient(90deg,transparent,#11111d77,transparent)}.population>div{display:flex;align-items:center;gap:15px}.population strong{font:800 32px/.95 'Barlow Condensed',Impact,sans-serif;color:var(--gold)}.population span{font:9px monospace;letter-spacing:1.4px;color:#c9bdc5}.population i{font-style:normal;color:#766246;font-size:13px}.population>small{font:7px/1.6 monospace;color:#818498;letter-spacing:.8px}.section{padding-top:96px;padding-bottom:90px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:36px;gap:35px}.section-heading .eyebrow,.genesis-copy>.eyebrow,.how>.eyebrow,.faq .eyebrow{margin-bottom:18px}.section-heading>p{max-width:350px;font-size:14px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden}.feature-grid article{position:relative;overflow:hidden;padding:28px;background:#10131d;min-height:220px;transition:background .2s}.feature-grid article:hover{background:#151824}.feature-grid article>span{font:8px monospace;letter-spacing:1.2px;color:#b5a0cf}.feature-grid h3{font-size:30px;margin:20px 0 12px}.feature-grid p{font-size:12px;max-width:290px}.feature-grid .champion-feature p,.feature-grid .champion-feature h3{max-width:65%;position:relative;z-index:1}.champion-feature img{position:absolute;width:165px;height:165px;right:-15px;bottom:15px;opacity:.8}.factions{border-block:1px solid var(--line);background:radial-gradient(ellipse at 50% 0%,#33224330,transparent 65%)}.district-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.district{position:relative;text-align:left;border:1px solid #ffffff20;border-top:2px solid var(--color);background:#121420;border-radius:8px;padding:0;overflow:hidden;display:flex;flex-direction:column}.district-art{height:170px;width:100%;background-image:linear-gradient(0deg,#121420,transparent),url('/web/art/trenches-night-4k.webp');background-size:auto,auto 320px;background-position:center,var(--pos);position:relative}.district-art:before{content:'';inset:0;position:absolute;background:var(--color);mix-blend-mode:color;opacity:.3}.district-number{position:absolute;top:16px;left:17px;font:10px monospace;color:var(--color);z-index:1}.district-body{padding:0 21px 24px}.district h3{font-size:26px;text-transform:uppercase;min-height:58px}.district b{display:block;color:var(--color);font-size:11px;font-weight:500;margin:9px 0}.district p{font-size:11px;line-height:1.8}.district .pledge-link{display:block;margin-top:19px;font:9px monospace;letter-spacing:1px;color:#d9d5df}.section-note{font-size:10px;text-align:center;margin-top:24px}.genesis{display:grid;grid-template-columns:.85fr 1.2fr;gap:90px;align-items:center}.collectible{position:relative;background:radial-gradient(ellipse at 50% 36%,#66513144,transparent 65%),linear-gradient(145deg,#191b2b,#0c1019);border:1px solid #d3a6538c;border-radius:14px;padding:25px 28px;box-shadow:0 20px 90px #0005,0 0 70px #b47d1210;isolation:isolate;overflow:hidden}.collectible:before{content:'';position:absolute;inset:9px;border:1px solid #e1b95a33;border-radius:8px;pointer-events:none}.collectible-top,.collectible-bottom{display:flex;justify-content:space-between;font:8px monospace;letter-spacing:1px;color:#d5b887}.collectible-top b{font-weight:400;color:#7f8497}.genesis-mark img{display:block;width:170px;height:auto;margin:28px auto 0}.anon-display{height:250px;position:relative;display:grid;place-items:center}.anon-sprite{width:96px;height:96px;background:url('/web/join/art/trench-characters.webp') -2px -1602px;image-rendering:pixelated;transform:scale(2.35);position:relative;z-index:1}.anon-glow{position:absolute;width:240px;height:170px;background:radial-gradient(ellipse,#d59a2440,transparent 65%);bottom:8px}.collectible-tag{display:block;text-align:center;font:8px monospace;letter-spacing:2px;color:#c1a46e}.collectible h3{text-align:center;font-size:53px;margin:12px 0 25px}.collectible-bottom{border-top:1px solid #efbd6730;padding-top:20px}.genesis-copy>p{margin-top:22px;font-size:13px}.mint-facts{margin:25px 0}.mint-facts>div{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid var(--line);font-size:12px}.mint-facts dt{color:#8e96aa}.mint-facts dd{margin:0;text-align:right;color:#ded9e3}.perks{display:grid;grid-template-columns:1fr 1fr;gap:20px}.perks h3{font:10px monospace;letter-spacing:.8px;color:var(--gold)}.perks ul{padding:0 0 0 13px;font-size:11px;color:#aaaec0;line-height:1.8}.perks li{padding-bottom:8px}.perks li::marker{color:#776443}.fine-print{font-size:10px!important;line-height:1.7;color:#8c92a5}.genesis-copy .button{margin-top:22px}.token-details{border:1px solid var(--line);border-radius:10px;background:#10131b}.token-details>summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:27px 30px}.token-details summary .eyebrow{display:block;font-size:8px;color:#8990a6;margin-bottom:8px}.token-details summary strong{font:600 24px 'Barlow Condensed',sans-serif}.plus{font-size:28px;color:var(--gold);font-weight:300}.token-body{padding:0 30px 30px;display:grid;grid-template-columns:1fr 1fr;gap:25px}.token-body h3{margin:10px 0}.token-body p,.token-body small{font-size:12px;color:#a6adbe}.token-body small{font-size:10px;color:var(--gold)}.token-body>.fine-print{grid-column:1/-1}.how h2{margin-bottom:35px}.way-in{padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.way-in li{border-top:1px solid #efbd6755;padding-top:23px}.way-in b{font:12px monospace;color:var(--gold)}.way-in h3{margin:18px 0 10px;font-size:26px}.way-in p{font-size:12px}.faq{border-top:1px solid var(--line);display:grid;grid-template-columns:.65fr 1.2fr;gap:90px;padding-top:65px}.faq>div>p{margin-top:20px;font-size:12px}.questions details{border-bottom:1px solid var(--line)}.questions summary{padding:18px 26px 18px 0;cursor:pointer;position:relative;list-style:none;font-size:13px}.questions summary:after{content:'+';position:absolute;right:0;color:var(--gold)}.questions details[open] summary:after{content:'−'}.questions p{font-size:12px;padding:0 15px 20px 0}.closing{text-align:center;padding:65px 20px 85px;position:relative;border-top:1px solid var(--line);background:linear-gradient(#0a0c12eb,#0a0c12ad),url('/web/art/trenches-night-4k.webp') center 68%/cover}.closing h2{font-size:80px;margin:22px 0 28px}.closing .eyebrow{font-size:9px}footer{display:flex;justify-content:space-between;align-items:center;padding-top:30px;padding-bottom:85px;gap:25px}footer>a{font-size:11px;color:var(--gold)}footer>span{font:8px monospace;color:#777c91;letter-spacing:1.5px}footer>p{font-size:9px;text-align:right}.utility-controls{position:fixed;z-index:9;bottom:16px;right:20px;display:flex;gap:6px}.utility-controls button{font:9px monospace;padding:9px 13px;border:1px solid #b8995d44;color:#d1bd99;background:#0d101be8;border-radius:5px}.form-field{display:grid;gap:7px;margin:17px 0;font-size:11px;color:#d9d5df}.form-field small{color:#8e96aa;font-size:10px}input{min-width:0;width:100%;border:1px solid #ffffff23;background:#090d17b0;padding:12px;border-radius:5px;color:var(--text);font-size:12px}input::placeholder{color:#757e95}input:focus{outline:1px solid var(--gold);border-color:var(--gold)}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-legend{display:flex;justify-content:space-between;font:10px monospace;letter-spacing:.6px;color:#d9d5df;margin:22px 0 10px}.chain-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px}.chain-choice{position:relative;display:grid;gap:4px;text-align:left;border:1px solid #ffffff1c;border-left:2px solid var(--color);background:#0c101bd9;border-radius:5px;padding:12px;color:#ddd8e3}.chain-choice b{font:10px/1.5 monospace;text-transform:uppercase}.chain-choice small{font-size:9px;color:#9098ac}.chain-choice[aria-pressed=true]{border-color:var(--color);background:color-mix(in srgb,var(--color) 10%,#0b101b)}.chain-choice[aria-pressed=true]:after{content:'✓';color:var(--color);position:absolute;right:8px;top:5px;font-size:10px}.pledge-chart{display:flex;height:5px;gap:3px;margin:15px 0 8px}.pledge-chart i{background:var(--color);width:var(--share);border-radius:1px}.pledge-labels{display:flex;justify-content:space-between;font:8px monospace;color:#9a9eb1}.pledge-note{font-size:10px;margin:10px 0 20px}.profile-mini{display:flex;align-items:center;gap:12px;margin-top:16px;border:1px solid #ffffff16;padding:9px;background:#090d17;border-radius:6px}.profile-mini .anon-sprite{transform:scale(.5);width:96px;height:96px;margin:-24px;filter:drop-shadow(0 0 10px var(--chain))}.profile-mini strong{font-size:12px;color:var(--text);display:block}.profile-mini small{font:8px monospace;letter-spacing:1px;color:var(--chain)}.task-list{display:grid;gap:8px;margin:20px 0}.task{display:grid;grid-template-columns:21px 1fr auto;align-items:center;gap:9px;border:1px solid #ffffff15;border-radius:6px;padding:12px;background:#0b101a99;transition:border-color .25s,background .25s}.task>.task-number{font:11px monospace;color:#a3a6b9}.task strong{font-size:11px;font-weight:600;display:block}.task small{font:7px monospace;letter-spacing:1px;color:#8b91a7}.task button{background:none;border:1px solid #ffffff20;border-radius:4px;padding:6px 9px;font-size:10px;min-height:32px}.task.done{border-color:#3dd6b536;background:#3dd6b507}.task.done>.task-number,.task.done>.task-state{color:var(--teal);font:10px monospace}.task.bonus{opacity:.8}.code-form{margin:16px 0;background:#090d17;padding:14px;border:1px solid #efbd672c;border-radius:6px}.code-form label{display:block;font-size:11px;margin-bottom:10px}.code-form .row{display:flex;gap:8px}.code-form .button{min-height:42px;padding:8px 13px;font-size:11px}.error{font-size:11px;color:#ff8b8b;margin-top:8px}.share-card{position:relative;isolation:isolate;overflow:hidden;padding:22px;border:1px solid #a491684d;border-radius:9px;background:linear-gradient(120deg,#101424ef,#161326b3),url('/web/art/trenches-night-4k.webp') center/cover;margin:18px 0;box-shadow:0 15px 35px #0004;min-height:248px}.share-card.locked{border:2px solid #efbd67;box-shadow:0 0 20px #efbd6715}.share-card.locked:after{content:'';position:absolute;inset:5px;border:1px solid #efbd6744;border-radius:5px;pointer-events:none}.card-heading{display:flex;justify-content:space-between;align-items:center;font:8px monospace;color:var(--gold);letter-spacing:1px}.card-heading img{width:100px;height:auto}.identity{display:flex;align-items:center;gap:12px;position:relative;z-index:1;margin-top:28px}.identity .avatar{width:62px;height:62px;border:1px solid var(--chain);border-radius:50%;object-fit:cover;background:#161d2d}.identity h3{font-size:27px;max-width:190px;overflow-wrap:anywhere}.identity span{font-size:10px;color:#a8a9bc}.card-chain{font:8px monospace;color:var(--chain);letter-spacing:1px;margin:18px 0 6px}.card-number{font:700 23px 'Barlow Condensed',sans-serif;letter-spacing:.5px}.card-tag{font:8px monospace;color:#9f96b1;margin-top:15px}.card-character{position:absolute;width:112px;height:125px;right:5px;bottom:20px;opacity:.38;z-index:-1}.card-character .anon-sprite{transform:scale(1.25)}.share-card .sample-watermark{position:absolute;right:13px;bottom:11px;font:7px monospace;letter-spacing:1px;color:#a6adbe}.card-actions{display:flex;gap:8px;flex-wrap:wrap}.card-actions .button{font-size:11px;min-height:40px;padding:9px 12px}.confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}.confetti i{position:absolute;top:0;left:var(--x);width:3px;height:6px;background:#eab354;animation:celebrate 1.5s ease-out forwards;animation-delay:var(--delay)}#toast{position:fixed;z-index:50;left:50%;top:25px;transform:translate(-50%,-20px);opacity:0;pointer-events:none;background:#191d2b;border:1px solid #efbd6755;color:#eee3d1;border-radius:7px;padding:14px 22px;max-width:min(520px,90vw);font-size:12px;transition:.2s}#toast.visible{opacity:1;transform:translate(-50%,0)}dialog{max-width:470px;width:calc(100% - 36px);padding:36px;border:1px solid #b9975c66;border-radius:12px;background:#121624;color:var(--text);box-shadow:0 30px 100px #0009}dialog::backdrop{background:#050710cf}dialog .close{position:absolute;right:12px;top:8px;font-size:26px;background:none;border:0;color:#ddd}dialog h2{font-size:46px;margin:20px 0}dialog p{font-size:13px;margin:16px 0 26px}dialog .button{width:100%}.busy .task{background:linear-gradient(100deg,#111826,#222839,#111826);background-size:200% 100%;animation:skeleton 1s linear infinite}.busy .task>*{visibility:hidden}.busy .task{min-height:61px}.loading-note{font-size:10px;color:var(--teal);margin:12px 0}.paused *, .paused *:before,.paused *:after{animation:none!important;scroll-behavior:auto!important}.paused .embers{display:none}
@keyframes ember{0%{opacity:0;transform:translate3d(0,0,0)}20%{opacity:.65}80%{opacity:.3}100%{opacity:0;transform:translate3d(35px,-600px,0)}}@keyframes moon{to{opacity:.4;transform:scale(1.05)}}@keyframes celebrate{0%{opacity:0;transform:translateY(0) rotate(0)}10%{opacity:1}100%{opacity:0;transform:translateY(360px) rotate(240deg)}}@keyframes skeleton{to{background-position:-200% 0}}
@media(min-width:1650px){.entrance{padding-top:165px}.entrance-grid{gap:110px}.squad-art{height:230px}.squad-art img{height:185px;width:185px}.squad-art img:nth-child(2){height:210px;width:210px}.step-content{min-height:435px}}
@media(max-width:1100px){.wrap{width:calc(100% - 60px)}.entrance-grid{gap:38px;grid-template-columns:1fr 1fr}h1{font-size:70px}.topbar nav{gap:20px}.step-content{padding:24px}.stepper{padding:24px 24px 0;gap:7px}.stepper button{font-size:8px}.population span{font-size:8px}.population>div{gap:10px}.population>small{font-size:6px}.genesis{gap:45px}.district-body{padding:0 15px 20px}.district h3{font-size:23px}.feature-grid article{padding:22px}.faq{gap:50px}.squad-art{width:340px}.squad-art img{width:145px;height:145px}.squad-art img:nth-child(2){width:170px;height:170px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.topbar{height:75px;padding:0 20px}.brand img{width:130px}.topbar nav{display:none}.topbar .button{font-size:10px;padding:9px 12px;min-height:36px}.entrance{padding-top:113px}.entrance-grid{grid-template-columns:1fr;gap:36px}.city-backdrop{background-position:center,center,48% top;background-size:auto,auto,auto 850px;background-repeat:no-repeat;opacity:.85}.invitation>.eyebrow{font-size:8px;margin-bottom:19px}h1{font-size:clamp(62px,13vw,86px)}.lead{font-size:16px;margin-top:20px}.intro-copy{font-size:12px;max-width:410px}.benefits{margin-top:22px;gap:12px}.squad-art{height:182px;width:335px;max-width:100%}.squad-art span{font-size:7px}.squad-art img{height:140px;width:140px}.squad-art img:nth-child(2){height:160px;width:160px}.enlist-column{padding:0}.form-kicker{font-size:8px}.step-content{padding:24px 22px;min-height:0}.step-content h2{font-size:40px}.stepper{padding:23px 22px 0}.stepper button{font-size:8px;letter-spacing:.4px}.gate-note{padding-top:24px}.preview-controls{margin-bottom:10px}.population{flex-wrap:wrap;gap:20px 8px;justify-content:space-around;padding:24px 0;margin-top:25px}.population>div{display:grid;text-align:center;gap:7px}.population strong{font-size:29px}.population span{font-size:6px}.population i{font-size:9px}.population>small{text-align:center;width:100%;font-size:7px}.population>small br{display:none}.section{padding-top:62px;padding-bottom:60px}.section-heading{display:block;margin-bottom:27px}.section-heading>p{font-size:12px;margin-top:22px}h2{font-size:48px}.feature-grid{grid-template-columns:1fr 1fr}.feature-grid article{padding:21px 16px;min-height:226px}.feature-grid h3{font-size:26px}.feature-grid article>span{font-size:6px;letter-spacing:.6px}.feature-grid p{font-size:11px}.champion-feature img{width:100px;height:100px;right:-10px;bottom:15px;opacity:.3}.feature-grid .champion-feature p,.feature-grid .champion-feature h3{max-width:100%}.district-grid{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px}.district{flex:0 0 79%;scroll-snap-align:start}.district-art{height:180px;background-size:auto,auto 370px}.district h3{font-size:29px;min-height:0}.district-body{padding:0 22px 24px}.district p{font-size:12px}.section-note{text-align:left;font-size:10px}.genesis{grid-template-columns:1fr;gap:35px}.collectible{max-width:390px;width:100%;margin:auto}.anon-display{height:220px}.collectible h3{font-size:47px}.perks{gap:15px}.perks h3{font-size:8px}.perks ul{font-size:11px}.token-details>summary{padding:23px 18px}.token-details summary strong{font-size:21px}.token-body{grid-template-columns:1fr;padding:0 18px 24px;gap:15px}.way-in{grid-template-columns:1fr 1fr;gap:22px}.way-in h3{font-size:25px}.way-in p{font-size:11px}.faq{grid-template-columns:1fr;gap:25px}.closing h2{font-size:66px}.closing{padding:55px 0 65px}.closing .eyebrow{font-size:7px}.utility-controls{right:12px;bottom:12px}.utility-controls button{font-size:8px;padding:9px 11px}footer{align-items:flex-start;flex-wrap:wrap;gap:20px;padding-bottom:80px}footer>p{width:100%;text-align:left}.field-pair{grid-template-columns:1fr;gap:0}.field-pair .form-field{margin:10px 0}.card-heading{font-size:7px}.identity h3{max-width:160px}.card-actions{gap:6px}.card-actions .button{font-size:10px}.chain-choice b{font-size:9px}.chain-choice small{font-size:8px}.step-copy{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.embers{display:none}}
.anon-sprite:after{content:'';position:absolute;top:39px;left:41px;width:4px;height:3px;border-radius:50%;background:#ffd379;box-shadow:10px 0 #ffd379;filter:drop-shadow(0 0 2px #f9bb40)}
html.paused{scroll-behavior:auto!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.token-details .plus:before{content:'+'}.token-details[open] .plus:before{content:'−'}
/* Genesis collectible: HD artwork and eight authored walking poses. */
.collectible{background:radial-gradient(ellipse at 50% 35%,#38325550,transparent 62%),linear-gradient(145deg,#181a2b,#090d17)}
.collectible .genesis-mark img{width:160px;margin:23px auto 0}
.genesis-art-stage{position:relative;width:calc(100% + 36px);margin:0 -18px;aspect-ratio:1;isolation:isolate;overflow:hidden}
.genesis-poster,.genesis-art-stage canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:2}
.genesis-poster{padding:18px 35px 27px;filter:drop-shadow(0 10px 13px #0008)}
.genesis-art-stage.walking .genesis-poster{visibility:hidden}
.genesis-art-stage canvas{filter:drop-shadow(0 8px 12px #0005)}
.genesis-halo{position:absolute;inset:12% 8% 1%;background:radial-gradient(ellipse at 50% 56%,#e1a8491f,transparent 65%),radial-gradient(ellipse at 65% 30%,#9575ff29,transparent 55%);animation:genesis-aura 6s ease-in-out infinite alternate}
.genesis-ground{position:absolute;bottom:4%;left:19%;width:62%;height:8%;background:radial-gradient(ellipse,#04060aec 25%,#6e553727 55%,transparent 72%);z-index:1}
.genesis-playback{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 23px;color:#a89ba8;font:7px monospace;letter-spacing:.7px}
.genesis-playback button{padding:8px 10px;min-height:32px;background:#0d111b;border:1px solid #efbd6740;border-radius:5px;color:#dbc29b;font:8px monospace;letter-spacing:.4px}
.genesis-playback button:disabled{opacity:.7}
.genesis-motes{position:absolute;inset:0;z-index:3;pointer-events:none}
.genesis-motes i{position:absolute;width:2px;height:2px;border-radius:50%;background:#ffc975;box-shadow:0 0 6px #ffa633;animation:genesis-spark 5s ease-in-out infinite;left:21%;top:67%;opacity:0}
.genesis-motes i:nth-child(2){left:76%;top:53%;animation-delay:-1.4s}.genesis-motes i:nth-child(3){left:30%;top:38%;animation-delay:-3.1s}.genesis-motes i:nth-child(4){left:68%;top:26%;animation-delay:-2.4s}.genesis-motes i:nth-child(5){left:54%;top:76%;animation-delay:-4.3s}
@keyframes genesis-aura{from{opacity:.5}to{opacity:1}}
@keyframes genesis-spark{0%,100%{opacity:0;transform:translateY(0)}35%{opacity:.8}90%{opacity:0;transform:translateY(-40px)}}
@media(max-width:760px){.genesis-art-stage{width:calc(100% + 44px);margin:0 -22px}.genesis-playback{font-size:6px;gap:8px}.genesis-playback button{font-size:7px}.collectible h3{font-size:43px}}
/* Static collectible and selected signature skins. */
.premium-squad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:6px;width:100%;max-width:535px;height:auto;margin-top:25px;padding:0 0 32px}
.premium-squad figure{margin:0;min-width:0;text-align:center}
.premium-squad figure img,.premium-squad figure img:nth-child(2){display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;margin:0;filter:drop-shadow(0 9px 8px #0009);image-rendering:pixelated}
.premium-squad figcaption{color:#e0d8d0;font:600 11px 'DM Sans',sans-serif;margin-top:9px}
.premium-squad figcaption small{display:block;font:8px/1.6 monospace;font-weight:400;color:#b5a592;margin-top:4px}
.premium-squad>span{font-size:8px;white-space:normal}
.genesis-still{background:none!important}
.genesis-still .genesis-poster{filter:none;padding:8px 20px 18px;image-rendering:pixelated}
.collectible{background:#101420;box-shadow:0 15px 45px #0003}
.genesis-art-caption{text-align:center;font:7px monospace;letter-spacing:1px;color:#aa9cae;margin:2px 0 24px}
.district-logo{position:absolute;left:22px;top:66px;width:70px;height:76px;border:1px solid #ffffff2a;border-radius:10px;background:#101321ed;display:grid;place-items:center;box-shadow:0 8px 30px #0004}
.district-logo img{width:50px;height:58px;object-fit:contain}
.district-logo img[src$=".jpg"]{width:52px;height:52px;border-radius:5px}
.chain-choice{padding-left:40px}
.choice-logo{position:absolute;left:9px;top:16px;object-fit:contain;border-radius:3px}
@media(max-width:760px){.premium-squad{width:100%;max-width:460px;gap:3px;margin-top:26px}.premium-squad figcaption{font-size:10px}.premium-squad figcaption small{font-size:6px}.premium-squad>span{font-size:6px}.genesis-still .genesis-poster{padding:8px 10px 15px}.district-logo{top:65px}.chain-choice{padding-left:35px}.choice-logo{width:20px;height:20px;left:8px;top:16px}}

/* Preserve the complete user supplied Genesis scene. */
.genesis-art-stage.genesis-scene{width:100%;margin:14px 0 0;aspect-ratio:1;border-radius:8px}
.genesis-scene .genesis-poster{padding:0;filter:none;image-rendering:auto;object-fit:contain}

/* --- live signup: elements the design preview did not have ------------- */
/* The MemePit Card is a canvas, so it must be told to behave like an image. */
.card-preview{margin:18px 0 14px;border-radius:14px;overflow:hidden;background:#0a0814;border:1px solid #ffffff14}
.card-preview canvas{display:block;width:100%;height:auto;max-width:100%}
.card-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.card-actions .button{flex:1 1 auto;justify-content:center}
.referral{margin-top:14px;padding:14px 16px;border:1px solid var(--chain,#efbd67);border-radius:12px;background:#ffffff08;display:grid;gap:4px}
.referral small{font-size:10px;letter-spacing:2px;opacity:.7}
.referral b{font-family:'DM Mono',monospace;font-size:21px;letter-spacing:1px}

/* Wallet list on the connect step. */
.connect-actions{display:grid;gap:10px}
.connect-actions .button span:first-child{display:flex;align-items:center;gap:12px}
.wallet-icon{width:28px;height:28px;border-radius:7px;object-fit:contain;background:#ffffff14;flex:none;display:inline-flex;align-items:center;justify-content:center;font-size:15px}
.wallet-icon-blank{border:1px dashed #ffffff33}
.wallet-others{margin:14px 0 4px;border-top:1px solid #ffffff14;padding-top:12px}
.wallet-others summary{cursor:pointer;font-size:13px;color:var(--chain,#efbd67);list-style:none}
.wallet-others summary::-webkit-details-marker{display:none}
.wallet-others summary::before{content:'+ ';opacity:.6}
.wallet-others[open] summary::before{content:'– '}
.wallet-install{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.wallet-install a{border:1px solid #ffffff22;border-radius:5px;padding:8px 12px;font-size:12px;font-weight:600;text-decoration:none}
.wallet-install a:hover{border-color:var(--chain,#efbd67);color:var(--chain,#efbd67)}
#verification{margin:12px 0}

/* The champion grid stacks its portrait above the name, so the logo cannot stay absolute. */
.champion-choices{grid-template-columns:repeat(auto-fill,minmax(102px,1fr));gap:9px}
.champion-choices .chain-choice{padding:11px 6px 9px;justify-items:center;text-align:center;gap:6px;border-left-width:1px;border-top:2px solid var(--color)}
.champion-choices .choice-logo{position:static;width:58px;height:58px;border-radius:10px;object-fit:cover}
.champion-choices .chain-choice b{font-size:11px;letter-spacing:.4px}
.champion-choices .chain-choice small{display:block;font-size:9px;opacity:.72;line-height:1.3}
.card-tweak{margin:6px 0 14px;border-top:1px solid #ffffff14;padding-top:12px}
.card-tweak summary{cursor:pointer;font-size:13px;color:var(--chain,#efbd67);list-style:none}
.card-tweak summary::-webkit-details-marker{display:none}
.card-tweak summary::before{content:'+ ';opacity:.6}
.card-tweak[open] summary::before{content:'– '}

/* Shown when the browser wallet moves to an account other than the signed-in one. */
.wallet-switch{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-bottom:14px;padding:12px 16px;border:1px solid #efbd6744;border-left:3px solid #efbd67;border-radius:10px;background:#efbd670f;font-size:14px}
.wallet-switch b{color:#efbd67;font-family:'DM Mono',monospace;font-weight:600}

#notice-body .form-field{margin-top:14px}
#notice-body .error{margin-top:10px}

/* The header keeps one gold action and the wallet control side by side. */
.topbar-actions{display:flex;align-items:center;gap:10px}
.topbar-actions .button[hidden]{display:none}
@media(max-width:700px){.topbar-actions{gap:8px}.topbar-actions .button{padding:0 12px}}

/* The spot line is the instruction that protects the spot, so it reads as a callout. */
.spot-callout{display:flex;gap:14px;align-items:center;margin:16px 0 14px;padding:14px 16px;border:1px solid var(--chain,#efbd67);border-left-width:3px;border-radius:12px;background:#efbd670f}
.spot-callout-mark{font:800 26px/1 'Barlow Condensed','Arial Narrow',sans-serif;color:var(--chain,#efbd67);letter-spacing:1px;flex:none}
.spot-callout strong{display:block;font-size:14.5px;line-height:1.5}
.spot-callout span{display:block;font-size:12.5px;color:#9098ac;margin-top:3px}
/* The invite code is released only after the card has been shared. */
.unlock-form{margin-top:4px}
.unlock-form label{display:block;font:500 11px/1 'DM Mono',monospace;letter-spacing:2px;text-transform:uppercase;color:var(--chain,#efbd67);margin-bottom:8px}
.unlock-form .row{margin:10px 0}
.unlock-form .button{margin-top:4px}