:root{color-scheme:dark;--green:#58ef09;--ink:#030403;--white:#f3f4ee;--muted:#b2b9ac;--line:#ffffff24;font-family:Arial,Helvetica,sans-serif;background:var(--ink);color:var(--white)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0}a{color:inherit}img{display:block;max-width:100%}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--green);outline-offset:6px}::selection{background:var(--green);color:#000}.wrap{width:min(1320px,calc(100% - 96px));margin-inline:auto}.skip{position:absolute;left:20px;top:-100px;z-index:10;background:var(--green);color:#000;padding:14px}.skip:focus{top:10px}.site-header{padding:20px 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px;background:#030403}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand img{width:48px;height:48px;object-fit:contain}.brand span,.footer-brand{font-size:25px;font-weight:900;letter-spacing:.13em}.site-header nav{display:flex;gap:32px}.site-header nav a{font-size:14px;font-weight:700;text-decoration:none;color:#d4d9ce;padding:12px 0}.site-header nav a:hover{color:var(--green)}.hero{position:relative;isolation:isolate;min-height:770px;display:flex;flex-direction:column;justify-content:end;overflow:hidden}.hero-art{position:absolute;z-index:-2;inset:0 0 0 30%}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:48% center}.hero:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#030403 2%,#030403eb 24%,#03040366 58%,#03040312),linear-gradient(0deg,#030403 0%,transparent 45%)}.hero-copy{padding-top:90px;padding-bottom:76px}.eyebrow{font-size:12px;line-height:1.6;font-weight:800;letter-spacing:.17em;color:var(--green);margin:0 0 22px}.hero h1{font-size:clamp(52px,6.3vw,92px);line-height:1.02;letter-spacing:-.065em;max-width:850px;margin:0 0 24px;font-weight:900}.hero h1 em{color:var(--green);font-style:normal}.hero-intro{color:#d1d8c8;font-size:20px;line-height:1.65}.actions{display:flex;align-items:center;gap:30px;margin-top:30px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:19px 24px;font:700 15px/1.4 Arial,sans-serif;text-decoration:none;border:1px solid transparent;border-radius:4px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--green);color:#102007}.primary:hover{background:#82ff38}.text-link{font-size:14px;text-decoration:none;border-bottom:1px solid #ffffff65;padding-bottom:6px}.text-link span{margin-left:15px}.stats{display:flex;align-items:center;gap:65px;border-top:1px solid var(--line);padding-top:26px;padding-bottom:34px}.stats>div{display:flex;flex-direction:column;gap:7px}.stats strong{font-size:35px;font-weight:800;letter-spacing:-.04em}.stats span{font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:var(--muted)}.scroll-cue{margin-left:auto;font-size:28px;color:var(--green);text-decoration:none}.collection{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:80px;padding-top:115px;padding-bottom:115px}.chapter{font-family:'Courier New',monospace;font-size:11px;letter-spacing:.15em;color:#8b9782;margin:0 0 40px}.section-copy h2,.arena h2{font-size:clamp(40px,4.2vw,64px);letter-spacing:-.055em;line-height:1.07;margin:0 0 24px}.section-copy h3{font-size:23px;letter-spacing:-.02em;margin:0 0 18px}.section-copy>p:not(.eyebrow):not(.chapter):not(.micro),.arena-copy>p:not(.eyebrow):not(.chapter){font-size:18px;line-height:1.8;color:var(--muted);margin:0 0 28px}.dot{color:var(--green)}.families{padding:0;display:flex;gap:8px;list-style:none;flex-wrap:wrap;margin:25px 0 32px}.families li{border:1px solid #58ef0940;padding:8px 11px;font-size:12px;color:#d6e7ca;border-radius:3px}.micro{font-size:12px!important;color:#8b9782!important;margin:13px 0 0!important}.world-frame{margin:0;position:relative;border:1px solid var(--line);padding:12px;background:#0b0e09;transform:rotate(2deg)}.world-frame img{width:100%;height:auto;aspect-ratio:16/11;object-fit:cover}.world-frame figcaption{display:flex;justify-content:space-between;gap:12px;font:11px/1.5 'Courier New',monospace;letter-spacing:.08em;padding:20px 8px 8px;color:#bec9b5}.egg-band{background:radial-gradient(ellipse at 20% 50%,#34133d66,transparent 65%),#080908;border-block:1px solid var(--line)}.reverse .section-copy{grid-column:2;grid-row:1}.egg-frame{grid-column:1;grid-row:1;margin:0;padding:0 20px}.egg-frame img{width:100%;height:auto;border-radius:22px}.unavailable{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.button:disabled{cursor:not-allowed;background:#ffffff09;border-color:#ffffff25;color:#b1b8ab;transform:none}.status{display:inline-flex;align-items:center;gap:9px;color:#d2e0c7;font:700 11px/1.5 Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}.status:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--green)}.arena{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-top:115px;padding-bottom:115px;align-items:center}.arena-visual{position:relative;min-height:400px;display:flex;align-items:center;overflow:hidden;background:#050505;border-block:1px solid #58ef0930}.arena-visual img{height:400px;width:100%;object-fit:cover;opacity:.7}.arena-visual span{position:absolute;bottom:32px;left:25px;font-size:clamp(34px,4vw,60px);font-weight:900;letter-spacing:-.04em;color:#e6f0df}.next-chapter{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:60px;display:flex;justify-content:space-between;align-items:center;gap:40px}.next-chapter h2{font-size:36px;letter-spacing:-.04em;margin:0 0 14px}.next-chapter p:last-child{font-size:16px;color:var(--muted);line-height:1.6;margin-bottom:0}.outline{border-color:#58ef0970;color:var(--green);flex-shrink:0}.outline:hover{background:#58ef0910}footer{display:flex;align-items:center;gap:25px;padding-block:40px;color:#929c89}footer a{text-decoration:none;color:var(--white)}footer span{font-size:13px}footer small{margin-left:auto;font-size:11px}html[lang=es] .hero h1{font-size:clamp(48px,5.8vw,84px)}@media(min-width:1700px){.hero-art{left:35%}.hero-copy{padding-top:110px}}@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.site-header{padding-inline:32px}.collection,.arena{gap:40px}.hero{min-height:710px}.hero-art{left:20%}.world-frame figcaption{font-size:9px}.section-copy>p:not(.eyebrow):not(.chapter):not(.micro),.arena-copy>p:not(.eyebrow):not(.chapter){font-size:17px}}@media(max-width:700px){.wrap{width:calc(100% - 40px)}.site-header{padding:16px 20px;gap:12px}.brand span{font-size:21px}.brand img{width:38px;height:38px}.site-header nav{order:3;width:100%;gap:24px;justify-content:center;padding-top:8px;border-top:1px solid var(--line)}.site-header .language-switch{margin-left:auto}.site-header nav a{font-size:13px}.hero{min-height:720px}.hero-art{inset:0;opacity:.6}.hero-art img{object-position:50% center}.hero:after{background:linear-gradient(90deg,#030403b3,#03040355),linear-gradient(0deg,#030403,transparent 65%)}.hero-copy{padding-top:65px;padding-bottom:60px}.hero h1,html[lang=es] .hero h1{font-size:clamp(43px,10vw,64px);line-height:1.05}.hero-intro{font-size:18px}.eyebrow{font-size:10px}.actions{gap:20px}.stats{gap:34px}.stats strong{font-size:30px}.stats span{font-size:10px}.collection,.arena{grid-template-columns:1fr;gap:44px;padding-block:70px}.chapter{margin-bottom:26px}.section-copy h2,.arena h2{font-size:clamp(36px,8.7vw,52px)}.world-frame{margin:0 5px;transform:rotate(1deg)}.reverse .section-copy{grid-column:1;grid-row:1}.egg-frame{grid-column:1;grid-row:2;padding:0 20px;max-width:480px;margin:auto}.arena-visual,.arena-visual img{min-height:260px;height:260px}.next-chapter{display:block;padding-block:45px}.next-chapter h2{font-size:30px}.next-chapter .button{margin-top:26px}footer{flex-wrap:wrap;gap:16px}footer span{width:100%;order:3}footer small{margin-left:auto}.button{padding:16px 20px;font-size:14px}.families{gap:7px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Keep the complete First Light artwork and Arena lineup visible. */
.world-frame img{aspect-ratio:16/9;object-fit:contain}
.arena-visual{min-height:0;display:block}
.arena-visual img{height:auto;min-height:0;object-fit:contain;opacity:1}
.arena-visual span{position:static;display:block;padding:16px 25px;font-size:clamp(28px,3vw,44px)}

/* Arena launch announcement */
.arena-launch{position:relative;isolation:isolate;overflow:hidden;margin-top:28px;margin-bottom:28px;border:1px solid #91f55066;border-radius:20px;background:#0c1909 url('/home-assets/arena-lineup-20261020.webp') center 42%/cover no-repeat;box-shadow:0 0 48px #58ef0910}.arena-launch:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#020702f5 0%,#020702cc 48%,#02070255 100%)}.launch-content{padding:38px 42px;max-width:900px}.launch-content .eyebrow{margin-bottom:10px}.launch-content h2{font-size:clamp(30px,4vw,52px);line-height:1.05;letter-spacing:-.04em;margin:0 0 12px}.launch-date{font-size:12px;font-weight:700;line-height:1.7;letter-spacing:.07em;color:#e3ebde;margin:0 0 22px}.launch-countdown{display:flex;gap:12px;margin-bottom:24px}.launch-countdown>div{min-width:82px;padding:13px 16px;text-align:center;background:#061005d9;border:1px solid #91f55055;border-radius:8px}.launch-countdown strong{display:block;font-size:36px;line-height:1.1;font-variant-numeric:tabular-nums;color:#91f550}.launch-countdown span{display:block;font-size:9px;letter-spacing:.12em;margin-top:7px;color:#d4dfcc}.launch-call{display:inline-block;color:#91f550;font-size:15px;font-weight:800;line-height:1.5;text-underline-offset:5px}.launch-call:hover{color:#fff}.section-copy p.character-lookup{font-size:14px;line-height:1.65;margin:20px 0 0}.character-lookup a{color:#91f550;text-underline-offset:4px}@media(max-width:600px){.launch-content{padding:28px 20px}.arena-launch:before{background:#020702c9}.launch-countdown{gap:7px}.launch-countdown>div{min-width:0;flex:1;padding:12px 6px}.launch-countdown strong{font-size:29px}.launch-countdown span{font-size:8px;letter-spacing:.03em}.launch-call{font-size:13px}.launch-date{font-size:11px}}

/* Community and editorial links share the existing next-chapter section. */
.discord-actions{display:flex;flex-direction:column;align-items:stretch;gap:12px;flex-shrink:0}
.discord-actions .button{margin-top:0}
@media(max-width:700px){.discord-actions{margin-top:26px;align-items:flex-start}.next-chapter .discord-actions .button{margin-top:0}}
