@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Press+Start+2P&display=swap');

:root { --ink:#090b0a; --paper:#eef4ef; --muted:#94a29a; --line:rgba(214,234,220,.12); --mint:#b9f6cf; --green:#51d47c; --rose:#ff6f89; --pixel:'Press Start 2P', monospace; --body:'DM Sans', sans-serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--paper); background:var(--ink); font-family:var(--body); font-size:16px; }
a { color:inherit; text-decoration:none; }
button { font:inherit; }
.site-header { position:sticky; top:0; z-index:20; height:76px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; padding:0 max(24px, calc((100vw - 1200px)/2)); border-bottom:1px solid var(--line); background:rgba(9,11,10,.88); backdrop-filter:blur(18px); }
.brand,.footer-brand { display:flex; align-items:center; gap:10px; font-family:var(--pixel); font-size:12px; letter-spacing:-.04em; }
.brand img,.footer-brand img { width:32px; height:32px; object-fit:contain; image-rendering:pixelated; }
nav { display:flex; height:100%; }
nav a { display:grid; place-items:center; padding:0 24px; border-left:1px solid var(--line); color:var(--muted); font-size:14px; }
nav a:last-child { border-right:1px solid var(--line); }
nav a:hover { color:white; background:rgba(255,255,255,.03); }
.discord-nav{display:grid;place-items:center;padding:0 24px}.discord-nav svg{display:block;width:19px;height:19px;fill:currentColor}.discord-nav:hover{color:#aebcff}
.header-cta { justify-self:end; padding:13px 18px; background:var(--mint); color:var(--ink); font-weight:700; font-size:14px; }
.header-cta span { margin-left:18px; }
.menu-button { display:none; color:white; background:none; border:0; }
.grid-section { position:relative; background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg,var(--line) 1px,transparent 1px); background-size:calc(100% / 6) 100%; }
.hero { min-height:690px; display:grid; grid-template-columns:1fr 1fr; max-width:1200px; margin:auto; border-left:1px solid var(--line); border-right:1px solid var(--line); overflow:hidden; }
.hero-copy { display:flex; flex-direction:column; justify-content:center; padding:90px 24px; z-index:2; }
.eyebrow { margin:0 0 24px; color:var(--mint); font-family:var(--pixel); font-size:9px; line-height:1.8; letter-spacing:.04em; }
.status-dot { display:inline-block; width:8px; height:8px; margin-right:8px; background:var(--green); box-shadow:0 0 0 5px rgba(81,212,124,.13); }
h1,h2,h3 { margin:0; }
h1,h2 { font-family:var(--pixel); letter-spacing:-.055em; }
h1 { max-width:650px; font-size:clamp(34px,4.4vw,64px); line-height:1.32; }
h1 em { color:var(--rose); font-style:normal; }
.hero-intro { max-width:510px; margin:26px 0; color:#a8b6ae; font-size:19px; line-height:1.55; }
.hero-actions { display:flex; align-items:center; gap:18px; }
.button { display:inline-flex; align-items:center; justify-content:space-between; min-height:54px; border:0; padding:0 20px; cursor:pointer; font-weight:700; }
.button.primary { min-width:260px; background:var(--mint); color:var(--ink); box-shadow:7px 7px 0 #274332; }
.button.primary:hover { transform:translate(2px,2px); box-shadow:5px 5px 0 #274332; }
.text-button { color:var(--paper); padding:0 8px; }
.microcopy { margin-top:18px; color:#69756e; font-family:monospace; font-size:11px; }
.hero-art { position:relative; display:grid; place-items:center; min-width:0; }
.hero-art:after { content:""; position:absolute; width:70%; height:20%; bottom:14%; background:#2a4634; filter:blur(50px); opacity:.55; }
.hero-art img { position:relative; z-index:3; width:min(570px,105%); image-rendering:pixelated; filter:drop-shadow(0 28px 30px rgba(0,0,0,.6)); }
.orbit { position:absolute; border:1px dashed rgba(185,246,207,.22); border-radius:50%; }
.orbit-one { width:470px; height:470px; }
.orbit-two { width:620px; height:620px; }
.pixel-star { position:absolute; color:var(--mint); font-family:var(--pixel); }
.star-one { top:19%; right:12%; font-size:28px; }.star-two { bottom:25%; left:8%; font-size:22px; }
.art-note { position:absolute; z-index:4; padding:10px; color:var(--ink); background:var(--paper); font-family:var(--pixel); font-size:7px; transform:rotate(-4deg); }
.note-one { top:28%; left:3%; }.note-two { right:3%; bottom:25%; transform:rotate(4deg); background:var(--rose); }
.hero-meta { position:absolute; left:0; right:0; bottom:0; display:flex; justify-content:space-between; padding:20px 24px; border-top:1px solid var(--line); color:#7f8c84; font-family:monospace; font-size:11px; }
.online i { display:inline-block; width:7px; height:7px; margin-right:7px; background:var(--green); border-radius:50%; }
.marquee { overflow:hidden; padding:18px 0; background:var(--mint); color:var(--ink); font-family:var(--pixel); font-size:11px; white-space:nowrap; }
.marquee-track { display:flex; width:max-content; min-width:200%; animation:marquee 24s linear infinite; }.marquee-track span { display:flex; flex:0 0 50%; min-width:max-content; justify-content:space-around; }.marquee b { padding:0 clamp(26px,3vw,54px); color:#3c7c55; }
@keyframes marquee { to { transform:translateX(-50%); } }
.world,.rules,.apply,.faq,.facts { max-width:1200px; margin:auto; border-left:1px solid var(--line); border-right:1px solid var(--line); }
.world { padding:120px 24px; }
.section-heading { display:grid; grid-template-columns:1fr 2fr 1fr; gap:24px; align-items:start; margin-bottom:58px; }
.section-heading .eyebrow { margin-top:10px; }
.section-heading h2,.rules h2,.apply h2,.faq h2,dialog h2 { font-size:clamp(28px,3.5vw,47px); line-height:1.38; }
.section-heading h2 span { color:#839088; }
.section-heading>p:last-child { color:var(--muted); line-height:1.7; }
.feature-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }
.feature { min-height:320px; position:relative; padding:28px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:#101411; }
.feature-wide { grid-row:span 2; min-height:640px; display:flex; flex-direction:column; justify-content:flex-end; background:linear-gradient(180deg,rgba(20,42,27,.2),#19271d), radial-gradient(circle at 50% 25%,rgba(185,246,207,.15),transparent 35%); }
.feature-dark { background:var(--mint); color:var(--ink); }
.feature-number { position:absolute; top:20px; right:20px; color:#59665e; font-family:monospace; font-size:12px; }
.feature-icon { color:var(--mint); font-size:52px; line-height:1; margin-bottom:80px; }.feature-dark .feature-icon { color:#2d6a43; }
.feature h3 { font-family:var(--pixel); font-size:15px; line-height:1.65; }
.feature p { color:#8e9b93; line-height:1.65; }.feature-dark p { color:#35453b; }
.facts { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.fact { min-height:180px; display:grid; place-content:center; gap:14px; text-align:center; border-right:1px solid var(--line); }.fact:last-child{border:0}
.fact strong { display:flex; align-items:center; justify-content:center; gap:12px; font-family:var(--pixel); font-size:34px; }.fact span { color:var(--muted); font-family:monospace; font-size:10px; }.fact small{color:#59655e;font-family:monospace;font-size:9px}.fact.capacity strong i{width:9px;height:9px;background:var(--green);box-shadow:0 0 0 6px rgba(81,212,124,.12)}.no-money{color:var(--mint)}.no-money s{text-decoration-color:var(--rose);text-decoration-thickness:4px}
.rules { display:grid; grid-template-columns:1fr 1fr; min-height:760px; }
.rules-art { position:relative; display:flex; align-items:flex-end; justify-content:center; overflow:hidden; border-right:1px solid var(--line); background:#3f4a45; }
.rules-art:before { content:""; position:absolute; width:500px; height:500px; border:1px dashed rgba(255,255,255,.2); transform:rotate(45deg); }
.rules-art img { display:block; width:100%; height:auto; flex:0 0 auto; image-rendering:pixelated; position:relative; z-index:2; }
.rules-copy { padding:100px 60px; }
.rules-copy>p:nth-of-type(2) { color:var(--muted); line-height:1.7; }
.rules-copy ol { list-style:none; padding:0; margin:36px 0; border-top:1px solid var(--line); }
.rules-copy li { display:flex; gap:18px; padding:18px 0; border-bottom:1px solid var(--line); }.rules-copy li>span { color:var(--rose); font-family:monospace; font-size:11px; }.rules-copy strong,.rules-copy small { display:block; }.rules-copy strong { margin-bottom:5px; }.rules-copy small { color:var(--muted); line-height:1.5; }
.plain-link { padding:0; border:0; border-bottom:1px solid var(--mint); color:var(--mint); background:none; cursor:pointer; }
.apply { padding:100px 24px; }
.apply-card { text-align:center; padding:80px 24px; background:var(--rose); color:var(--ink); box-shadow:12px 12px 0 #4d252d; }
.apply-card .eyebrow { color:#5e222d; }.apply-card>p:nth-of-type(2) { max-width:600px; margin:22px auto 34px; font-size:18px; line-height:1.6; }
.apply-card .button { margin:auto; background:var(--ink); color:white; box-shadow:7px 7px 0 #8f3446; }.apply-card>small { display:block; margin-top:24px; }
.apply-steps { display:flex; justify-content:center; align-items:center; gap:15px; margin:34px auto; font-family:monospace; font-size:12px; }.apply-steps span { display:flex; align-items:center; gap:8px; }.apply-steps b { display:grid; place-items:center; width:25px; height:25px; border:1px solid #712d39; }.apply-steps i { width:60px; border-top:1px dashed #712d39; }
.faq { padding:110px 24px; }.faq .section-heading { grid-template-columns:1fr 2fr; }
.accordion { max-width:780px; margin-left:auto; }.accordion details { border-top:1px solid var(--line); }.accordion details:last-child { border-bottom:1px solid var(--line); }.accordion summary { display:flex; justify-content:space-between; padding:24px 0; cursor:pointer; font-weight:600; list-style:none; }.accordion summary span { color:var(--mint); }.accordion p { max-width:650px; margin:0 0 24px; color:var(--muted); line-height:1.7; }
footer { display:grid; grid-template-columns:1.1fr .9fr 1.3fr; align-items:start; gap:55px; padding:64px max(24px,calc((100vw - 1152px)/2)) 30px; border-top:1px solid var(--line); color:var(--muted); }.footer-intro{display:flex;align-items:center;gap:30px}.footer-intro p{margin:0;line-height:1.55}.footer-status{display:flex;align-items:flex-start;gap:14px;padding:17px;border:1px solid var(--line);background:#0d110e}.footer-status .status-dot{margin-top:5px;flex:0 0 auto}.footer-status strong,.footer-status small{display:block}.footer-status strong{color:var(--paper);font-size:13px}.footer-status small{margin-top:5px;color:#657169;font-size:10px}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:30px}.footer-links div{display:flex;flex-direction:column;gap:10px}.footer-links strong{color:var(--paper);font-family:var(--pixel);font-size:8px;margin-bottom:5px}.footer-links a,.footer-links button{width:max-content;padding:0;border:0;background:none;color:var(--muted);font:inherit;font-size:13px;cursor:pointer}.footer-links a:hover,.footer-links button:hover{color:var(--mint)}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;padding-top:22px;border-top:1px solid var(--line);font-family:monospace;font-size:9px}.footer-bottom small{font-size:inherit}
.footer-cards{display:grid;gap:10px}.footer-community{display:grid;grid-template-columns:20px 1fr auto;align-items:start;gap:14px;padding:17px;border:1px solid var(--line);background:#0d110e}.footer-community svg{width:18px;height:18px;fill:#899a90}.footer-community strong,.footer-community small{display:block}.footer-community strong{color:var(--paper);font-size:13px}.footer-community small{margin-top:5px;color:#657169;font-size:10px}.footer-community i{font-style:normal;color:#899a90}.footer-community:hover{border-color:#536159;background:#111612}.footer-community:hover svg,.footer-community:hover i{color:var(--mint);fill:var(--mint)}
.footer-status[data-state="checking"] .status-dot{background:#d9b85c;box-shadow:0 0 0 5px rgba(217,184,92,.12);animation:status-pulse 1.4s ease-in-out infinite}.footer-status[data-state="offline"] .status-dot{background:var(--rose);box-shadow:0 0 0 5px rgba(255,111,137,.12)}.footer-status[data-state="ready"] .status-dot{background:#829087;box-shadow:none}@keyframes status-pulse{50%{opacity:.4}}
dialog { width:min(660px,calc(100% - 32px)); max-height:90vh; padding:50px; color:var(--paper); background:#111512; border:1px solid #526158; box-shadow:16px 16px 0 rgba(0,0,0,.5); }dialog::backdrop{background:rgba(3,5,4,.82);backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:18px;top:12px;border:0;background:none;color:white;font-size:30px;cursor:pointer}.full-rules{padding-left:22px;color:#acb8b0;line-height:1.7}.full-rules li{padding:8px}.form-preview{display:grid;grid-template-columns:35px 1fr;margin:28px 0;border-top:1px solid var(--line)}.form-preview span,.form-preview p{margin:0;padding:14px 0;border-bottom:1px solid var(--line)}.form-preview span{color:var(--rose);font-family:monospace}.check{position:relative;display:flex;gap:12px;align-items:flex-start;margin:25px 0;color:#aeb9b2;font-size:14px;cursor:pointer}.check input{position:absolute;opacity:0;pointer-events:none}.custom-check{position:relative;flex:0 0 22px;width:22px;height:22px;border:1px solid #65736a;background:#080a09;box-shadow:3px 3px 0 #26352b}.check:hover .custom-check{border-color:var(--mint)}.check input:focus-visible + .custom-check{outline:2px solid var(--rose);outline-offset:3px}.check input:checked + .custom-check{background:var(--mint);border-color:var(--mint)}.check input:checked + .custom-check:after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:var(--ink);font-weight:900;font-size:15px}.application-dialog small{display:block;margin-top:20px;color:#718078}.button.disabled{opacity:.4;box-shadow:none}
.reveal { opacity:0; transform:translateY(18px); transition:opacity .7s ease,transform .7s ease; }.reveal.visible{opacity:1;transform:none}
@media(max-width:800px){.site-header{height:66px;grid-template-columns:1fr auto;padding:0 18px}.site-header nav,.header-cta{display:none}.menu-button{display:block}.site-header.open nav{position:absolute;display:flex;flex-direction:column;top:66px;left:0;right:0;height:auto;background:#0e110f;border-bottom:1px solid var(--line)}.site-header.open nav a{padding:18px;border-bottom:1px solid var(--line)}.hero{min-height:auto;grid-template-columns:1fr;padding-bottom:56px}.hero-copy{padding:80px 20px 30px}.hero-art{min-height:420px}.hero-art img{width:min(480px,120%)}.orbit-one{width:330px;height:330px}.orbit-two{width:440px;height:440px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-meta{font-size:9px}.world{padding:90px 20px}.section-heading{grid-template-columns:1fr;margin-bottom:40px}.section-heading>p:last-child{max-width:520px}.feature-grid{grid-template-columns:1fr}.feature,.feature-wide{min-height:330px;grid-row:auto}.facts{grid-template-columns:1fr 1fr}.fact:nth-child(2){border-right:0}.fact:nth-child(-n+2){border-bottom:1px solid var(--line)}.rules{grid-template-columns:1fr}.rules-art{min-height:460px;border-right:0;border-bottom:1px solid var(--line)}.rules-copy{padding:75px 20px}.apply{padding:70px 14px}.apply-card{padding:60px 18px}.apply-steps{align-items:flex-start}.apply-steps i{width:12px;margin-top:12px}.apply-steps span{flex-direction:column}.faq{padding:85px 20px}.faq .section-heading{grid-template-columns:1fr}footer{grid-template-columns:1fr;gap:35px}.footer-intro{align-items:flex-start;justify-content:space-between}.footer-status{max-width:380px}.footer-bottom{flex-direction:column;gap:8px}.footer-links{max-width:380px}dialog{padding:42px 24px}.grid-section{background-size:50% 100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee div{animation:none}.reveal{opacity:1;transform:none;transition:none}}