@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Barlow:wght@400;500;600;700&display=swap');
:root{--paper:#f0dfc4;--muted:#b6ada6;--orange:#ffad56;--ink:#10121b;--line:#4a3c37}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--ink);color:var(--paper);font-family:Barlow,Arial,sans-serif;font-size:17px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ffba70;outline-offset:5px}header{height:92px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff20;background:#10121bf5;gap:24px}.wordmark{font:900 italic 25px/.85 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.02em;display:grid}.wordmark span{color:var(--orange);font-size:29px}nav{display:flex;gap:32px;font-size:13px;font-weight:700;letter-spacing:.09em}nav a:hover,.text-link:hover{color:var(--orange)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;background:var(--orange);color:#17131b;font-size:15px;font-weight:800;padding:17px 25px;box-shadow:4px 4px 0 #7b3e31;letter-spacing:.06em;transition:transform .2s}.button:hover{transform:translateY(-3px);background:#ffc07a}.button.small{padding:11px 18px;font-size:13px;gap:10px}.hero{min-height:760px;position:relative;background:linear-gradient(90deg,#0d101ce8 0%,#0d101caa 35%,#0d101c05 75%),url('assets/city-keyart.png') center/cover;display:flex;align-items:center;padding:60px 7% 90px}.hero-copy{position:relative;max-width:690px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.17em;color:var(--orange);margin:0 0 23px}h1,h2,h3{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;font-weight:800;line-height:.94;margin:0;letter-spacing:-.015em}h1{font-size:clamp(64px,6.8vw,112px);font-style:italic;text-shadow:3px 4px #14121d}em{font-style:italic;color:var(--orange)}.hero-copy>p:not(.eyebrow){font-size:19px;line-height:1.6;color:#e4d4c4;margin:25px 0}.hero-copy>small{display:block;font-size:12px;color:#cec0af;margin-top:22px}.text-link{font-size:12px;font-weight:800;letter-spacing:.08em;display:inline-block}.hero .text-link{margin-left:30px}.stage-label{position:absolute;right:6%;bottom:35px;display:grid;text-align:right;letter-spacing:.1em;font-size:11px}.stage-label span{color:var(--orange)}.stage-label b{font-size:13px}.ticker{display:flex;justify-content:center;align-items:center;gap:35px;padding:18px 20px;background:#d88c4c;color:#18151d;font-size:13px;letter-spacing:.08em;font-weight:800}.ticker i{font-style:normal}.section{padding:110px 7%;border-bottom:1px solid var(--line)}h2{font-size:clamp(44px,4.8vw,74px)}.intro{max-width:480px;color:var(--muted);margin:28px 0;line-height:1.8}.game{display:grid;grid-template-columns:1fr 1fr;gap:10%}.steps{list-style:none;margin:0;padding:0}.steps li{display:flex;gap:25px;padding:25px 0;border-bottom:1px solid var(--line)}.steps li:first-child{padding-top:0}.steps>li>span{font:700 22px 'Barlow Condensed',sans-serif;color:var(--orange)}.steps h3{font-size:30px}.steps p{color:var(--muted);font-size:15px;margin-bottom:0}.section-top{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:40px}.section-top>p{max-width:350px;color:var(--muted);font-size:15px;margin-bottom:0}.district{background:#171923}.district-tabs{display:flex;gap:4px;margin-bottom:20px}.district-tabs button{flex:1;background:#23232d;border:1px solid #444049;color:#d2c8ba;padding:15px 8px;font-weight:700;font-size:12px;letter-spacing:.04em}.district-tabs button[aria-pressed=true]{background:var(--orange);color:#16141c;border-color:var(--orange)}.district-scene{display:grid;grid-template-columns:1.7fr 1fr;align-items:center;background:#111923;border:1px solid #4e5355;overflow:hidden}.district-scene canvas{width:100%;height:auto;image-rendering:pixelated}.district-caption{padding:35px}.district-caption>span{font-size:11px;color:var(--orange);letter-spacing:.15em}.district-caption h3{font-size:45px;margin-top:16px}.district-caption p{font-size:15px;color:var(--muted)}.district-caption b{font-size:10px;letter-spacing:.1em;color:#b1b7af}.crew{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:center}.crew-art{height:550px;position:relative;overflow:hidden;border:1px solid #725543}.crew-art img{height:100%;width:100%;object-fit:cover;object-position:95% center;image-rendering:pixelated}.crew-art span{position:absolute;bottom:0;left:0;right:0;padding:16px;background:#10121be8;font-size:10px;letter-spacing:.1em}.rarities{display:flex;flex-wrap:wrap;gap:8px}.rarities button{border:1px solid var(--tier);background:transparent;color:var(--tier);font-size:12px;padding:7px 12px}.rarities button[aria-pressed=true]{background:var(--tier);color:#12121c}.rarity-detail{margin-top:27px;padding-left:18px;border-left:3px solid var(--orange);min-height:145px}.rarity-detail span{font-size:10px;letter-spacing:.15em;color:var(--orange)}.rarity-detail h3{font-size:25px;line-height:1.1;margin:10px 0}.rarity-detail p{font-size:14px;color:var(--muted);max-width:420px}.economy{background:#1d1b23}.rules{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid #6b5140;border-bottom:1px solid #6b5140}.rules article{padding:30px;border-right:1px solid #6b5140}.rules article:first-child{padding-left:0}.rules article:last-child{border:0}.rules article>span{font-size:11px;letter-spacing:.1em;color:var(--orange)}.rules strong{display:block;font:800 48px 'Barlow Condensed',sans-serif;margin:14px 0}.rules strong small{font:600 11px Barlow,Arial,sans-serif;display:block;letter-spacing:.1em}.rules p{font-size:14px;color:var(--muted)}.withdrawal{display:flex;gap:25px;align-items:center;margin-top:35px;max-width:850px}.withdrawal img{width:65px}.withdrawal h3{font-size:28px}.withdrawal p{font-size:14px;color:var(--muted);margin-bottom:0}.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:10%}.wallet-brands{display:flex;align-items:center;gap:10px;margin-top:30px;font-size:13px}.wallet-brands img{width:28px;height:28px}.wallet-brands img:nth-of-type(2){margin-left:12px}details{border-bottom:1px solid var(--line);padding:20px 0}details:first-child{padding-top:0}summary{cursor:pointer;font-weight:600;font-size:18px}details p{font-size:15px;color:var(--muted);padding-right:24px}.last-call{text-align:center;padding:90px 25px 100px;background:radial-gradient(ellipse at bottom,#562b2e55,transparent 65%)}.last-call h2{font-size:clamp(60px,7vw,100px);margin:25px 0 35px;font-style:italic}.last-call>p:last-child{font-size:12px;color:var(--muted);margin-top:25px}footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:40px 5%;gap:25px}footer p,footer>a:not(.wordmark){font-size:11px;letter-spacing:.04em;color:var(--muted)}
@media(min-width:1800px){main,header,footer{max-width:1920px;margin:auto}}@media(max-width:900px){header{height:80px}nav{gap:15px;font-size:11px}.hero{min-height:670px;background-position:60% center}.game,.crew,.faq{gap:6%}.district-scene{grid-template-columns:1fr}.district-caption{padding:25px}.district-caption h3{font-size:34px}.district-caption p{margin:12px 0}.crew-art{height:500px}.rules article{padding:22px}.ticker{gap:16px;font-size:10px}.hero .text-link{margin-left:20px}}
@media(max-width:620px){header{padding:15px 20px;height:auto;flex-wrap:wrap;gap:18px}header .wordmark{font-size:20px}header .wordmark span{font-size:24px}nav{order:3;justify-content:space-between;width:100%;gap:10px}.hero{padding:55px 24px 95px;min-height:690px;background-position:65% center;background-image:linear-gradient(90deg,#0d101ce8,#0d101c77),url('assets/city-keyart.png')}.hero-copy>p:not(.eyebrow){font-size:16px}.hero .text-link{display:block;margin:25px 0 0}.stage-label{left:24px;right:auto;text-align:left;bottom:25px}.ticker{flex-wrap:wrap;gap:6px 16px;font-size:10px}.ticker i{display:none}.section{padding:65px 24px}.game,.crew,.faq{grid-template-columns:1fr;gap:40px}.section-top{display:block}.section-top>p{max-width:none;margin-top:25px}.district-tabs{flex-wrap:wrap}.district-tabs button{flex-basis:30%;font-size:10px;padding:12px 5px}.district-caption{padding:24px}.district-caption h3{font-size:35px}.crew-art{height:420px}.rules{grid-template-columns:1fr}.rules article,.rules article:first-child{padding:25px 0;border-right:0;border-bottom:1px solid var(--line)}.rules strong{font-size:44px}.withdrawal{align-items:flex-start;gap:15px}.withdrawal img{width:45px}.wallet-brands{flex-wrap:wrap}.last-call{padding:70px 24px}footer{flex-wrap:wrap;padding:30px 24px}footer p{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}