:root{color-scheme:dark;--bg:#102722;--ink:#f6f1df;--muted:#b7c9bf;--gold:#f0cc76;--line:#3b5147;--paper:#f1ecdc;--green:#234c3b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.7 "Segoe UI",Arial,sans-serif}h1,h2,h3,p{margin:0 0 20px}h1,h2,.showcase h3,.starter-journal h3{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:1.08;letter-spacing:-2px}h1{font-size:clamp(48px,5.4vw,78px)}h2{font-size:clamp(36px,4vw,56px)}h3{font-size:23px;line-height:1.25;letter-spacing:-.4px}em{color:var(--gold);font-weight:400}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;object-fit:contain}a,summary{touch-action:manipulation}a:focus-visible,summary:focus-visible,video:focus-visible{outline:3px solid var(--gold);outline-offset:5px}a:hover{text-decoration:underline;text-underline-offset:5px}.wrap{width:min(1240px,calc(100% - 80px));margin:auto}.skip{position:fixed;z-index:20;left:16px;top:-100px;background:var(--gold);color:#162920;padding:12px}.skip:focus{top:12px}.header{background:#102722;border-bottom:1px solid var(--line)}.nav-row{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:90px}.nav-row nav{display:flex;gap:30px;font-size:14px;color:#d5dfd5}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:54px;padding:13px 24px;background:var(--gold);color:#192b23;border:1px solid #f7dc9c;border-radius:4px;font-weight:700;font-size:15px;box-shadow:0 4px 0 #0a18152b;transition:background .2s}.button:hover{background:#ffe1a0;text-decoration:none}.button.small{min-height:46px;padding:10px 18px;font-size:13px}.hero{background:linear-gradient(90deg,#0c201ee8 0%,#0c201eaa 40%,#0c201e10 80%),linear-gradient(0deg,#102722,transparent 35%),url('/astra/home/valley-v2.webp') center/cover}.hero-grid{display:grid;grid-template-columns:1fr 190px;gap:50px;align-items:center;min-height:660px;padding-block:75px}.hero-copy{max-width:730px}.eyebrow{font-size:11px;letter-spacing:1.9px;font-weight:700;color:var(--gold);margin-bottom:25px}.spark{font-size:20px;vertical-align:middle;margin-right:8px}.hero h1{margin-bottom:28px}.lead{font-size:20px;line-height:1.65;max-width:540px;color:#edeedc}.hero-intro{max-width:520px;font-size:15px;color:#c5d4c8;margin-bottom:30px}.actions{display:flex;gap:28px;align-items:center;flex-wrap:wrap}.quiet-link{display:inline-flex;gap:14px;align-items:center;font-size:14px;font-weight:600;min-height:44px}.fine{font-size:12px;color:#bbccc1;margin-top:19px}.explorer-seal{align-self:center;width:180px;height:180px;border:1px solid #e2d6aa8a;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff0c4;transform:rotate(12deg);box-shadow:inset 0 0 0 8px #dfd1a312;background:#10272238}.explorer-seal span{font-size:16px;letter-spacing:8px;padding-left:8px}.explorer-seal b{font:58px/1.15 Georgia,serif}.explorer-seal small{font-size:8px;letter-spacing:1px}.hero-bottom{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-block:22px;font-size:10px;letter-spacing:2px;color:#c6d1c6}.section{padding-block:100px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:42px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:340px;color:var(--muted);margin-bottom:4px}.showcase{display:grid;grid-template-columns:.7fr 1.3fr;gap:55px;align-items:center}.chapter,.index{font-size:11px;letter-spacing:1.8px;color:var(--gold);display:block;margin-bottom:18px}.showcase h3{font-size:44px}.showcase-copy>p{font-size:15px;color:var(--muted)}.ticks{list-style:none;padding:0;margin:26px 0;font-size:13px;color:#e1e5d7}.ticks li{margin:10px 0;padding-left:22px;position:relative}.ticks li:before{content:'↗';color:var(--gold);position:absolute;left:0}figure{margin:0;min-width:0}.game-film{border:1px solid #64715a;background:#091915;box-shadow:16px 18px 0 #172f27}.film-top{display:flex;justify-content:space-between;padding:12px 16px;font-size:9px;letter-spacing:1.7px;color:#d2dabc;border-bottom:1px solid var(--line)}video{display:block;width:100%;aspect-ratio:8/5;background:#071411;object-fit:contain}figcaption{font-size:11px;line-height:1.65;color:#b0c1b7;padding:13px 16px}.paper{background:var(--paper);color:#223e31}.paper .eyebrow,.paper .index{color:#566e40}.paper .section-heading>p{color:#5c695c}.paper a:focus-visible{outline-color:#376649}.mechanics{display:grid;grid-template-columns:1fr 1fr;gap:60px}.mechanics article>p{color:#5c695c;font-size:15px;min-height:78px}.mini-film{border:1px solid #c1c4af;background:#e1e4d2;margin-bottom:16px}.mini-film figcaption{color:#4c6051}.field-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;border-top:1px solid #c3c9b7;margin-top:65px;padding-top:40px}.field-notes img{margin-bottom:20px}.field-notes h3{font-size:19px}.field-notes p{font-size:14px;color:#5c695c;margin-bottom:0}.beginnings{display:grid;grid-template-columns:1.15fr .85fr;gap:100px;align-items:center}.section-copy{color:var(--muted);max-width:480px}.steps{list-style:none;padding:0;margin:35px 0}.steps li{display:flex;gap:22px;margin-bottom:25px}.steps li>span{color:var(--gold);font:italic 22px Georgia,serif;border-bottom:1px solid var(--line);height:35px;min-width:30px}.steps h3{font-size:17px;margin-bottom:6px}.steps p{font-size:14px;color:var(--muted);margin-bottom:0;max-width:410px}.starter-journal{border:1px solid #617154;padding:32px;background:repeating-linear-gradient(0deg,transparent,transparent 35px,#d5ddbd06 36px),#1c3429;box-shadow:12px 12px 0 #0b1c18;transform:rotate(2deg)}.journal-title{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:2px;color:var(--gold);margin-bottom:32px}.journal-title b{font-size:24px}.starter-journal h3{font-size:40px}.starter{display:flex;align-items:center;gap:8px;border-top:1px solid var(--line);min-height:104px}.starter small{display:block;font-size:9px;letter-spacing:1px;color:#bacbb5}.starter strong{font-size:21px;font-weight:600}.starter-journal>p{color:#c4ccb9;margin:20px 0 0;font:italic 16px Georgia,serif}.grass strong{color:#c4dda1}.fire strong{color:#f0c49a}.water strong{color:#afd7d4}.faq-section{display:grid;grid-template-columns:1fr 1.4fr;gap:80px;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{font-size:16px;cursor:pointer;padding:22px 30px 22px 0;position:relative;list-style:none}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:3px;color:var(--gold);font-size:21px;top:18px}details[open] summary:after{content:'−'}details p{font-size:14px;color:var(--muted);padding-right:25px}details p a{text-decoration:underline;color:var(--gold)}.join{border-block:1px solid #5b674d;background:radial-gradient(ellipse at 50% 100%,#52603655,transparent 70%),#1c3429;text-align:center;padding-block:65px}.join-inner>img{margin:0 auto 25px}.join h2{font-size:clamp(38px,4.5vw,62px);margin-bottom:30px}.join .actions{justify-content:center}footer{padding-block:45px 25px}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-row nav{display:flex;gap:25px;font-size:13px}.footer-row>span{font-size:9px;letter-spacing:1.4px;color:var(--muted)}.legal{border-top:1px solid var(--line);padding-top:20px;margin-top:25px;font-size:11px;color:#a3b7aa}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.nav-row nav{gap:16px}.hero-grid{grid-template-columns:1fr;min-height:620px}.explorer-seal{display:none}.showcase{gap:30px;grid-template-columns:.8fr 1.2fr}.beginnings{gap:50px}.mechanics{gap:30px}.footer-row>span{display:none}.hero{background-position:60% center}.section{padding-block:75px}}
@media(max-width:740px){.wrap{width:calc(100% - 36px)}.nav-row{flex-wrap:wrap;gap:10px;padding-block:12px}.nav-row>a img{width:145px;height:44px}.nav-row nav{order:3;width:100%;justify-content:space-between;gap:8px;font-size:12px}.nav-row nav a{min-height:40px;display:flex;align-items:center}.button.small{font-size:12px;padding:10px 12px}.hero-grid{padding-block:55px 35px;min-height:610px}.hero{background:linear-gradient(90deg,#0c201ef0,#0c201e90),url('/astra/home/valley-v2.webp') 63% center/cover}.hero h1{font-size:clamp(42px,9vw,62px);letter-spacing:-1.7px}.eyebrow{font-size:9px;letter-spacing:1.5px}.lead{font-size:18px}.hero-intro{font-size:14px}.actions{gap:14px}.button{padding-inline:18px;font-size:14px}.hero-bottom{font-size:8px;letter-spacing:1px;gap:12px}.section{padding-block:60px}.section-heading{display:block;margin-bottom:32px}.section-heading>p{margin-top:24px;max-width:none}.showcase,.mechanics,.beginnings,.faq-section{grid-template-columns:1fr;gap:35px}.showcase h3{font-size:38px}.game-film{box-shadow:7px 8px 0 #172f27}.mechanics article>p{min-height:0}.field-notes{grid-template-columns:1fr;gap:30px;margin-top:40px;padding-top:30px}.field-notes article{padding-left:60px;position:relative}.field-notes img{position:absolute;left:0;top:0}.starter-journal{max-width:470px;width:calc(100% - 12px);margin:10px auto 0;transform:rotate(1deg);padding:25px}.faq-section{gap:15px}.join{padding-block:45px}.join .eyebrow{font-size:9px}.footer-row{flex-wrap:wrap;gap:20px}.footer-row nav{gap:20px}.fine{font-size:11px}h2{letter-spacing:-1.3px}.film-top{font-size:8px;letter-spacing:1px}figcaption{font-size:11px}.legal{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.sprite{height:96px;width:96px;flex:none;image-rendering:pixelated;background-repeat:no-repeat}
.bulbasaur{background-image:url('/sprites/outfit_1.png');background-size:288px 384px;background-position:0 -192px}
.charmander{background-image:url('/sprites/outfit_4.png');background-size:288px 384px;background-position:0 -192px}
.squirtle{background-image:url('/sprites/outfit_7.png');background-size:288px 384px;background-position:0 -192px}
.video-stage{position:relative}.film-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content;max-width:90%;min-height:48px;padding:12px 20px;border:1px solid #e5d6a4;border-radius:4px;background:#102722ef;color:#fff1c9;font:600 13px/1.5 "Segoe UI",sans-serif;cursor:pointer;box-shadow:0 5px 25px #0008}.film-play:hover{background:#244936}.film-play:focus-visible{outline:3px solid #edc66f;outline-offset:4px}.film-play:disabled{cursor:wait}

/* A marca ilustrada precisa de espaço e fundo uniforme para manter as serifas legíveis. */
:root{--bg:#091d18;--ink:#eee9d8;--muted:#aabdb0;--gold:#e8cb87;--line:#b3995d38;--paper:#102b22;--green:#204636}
.header{background:#0b201bf5;border-bottom-color:var(--line)}
.nav-row{min-height:98px}.nav-row>a img{width:208px;height:78px}
.nav-row nav{color:#c3cdbf;font-size:13px}
.button{border-radius:2px;background:linear-gradient(135deg,#f1dca5,#caa25b);border-color:#f4dda4;box-shadow:0 3px 16px #0003;color:#18291f;letter-spacing:.2px}
.button:hover{background:#f5dfaa;box-shadow:0 4px 24px #cda95830}
.button:active{transform:translateY(1px)}
.hero{position:relative;isolation:isolate;background:#0a211b;text-align:center;overflow:hidden}
.hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#091d18 1%,#0a211b80 60%,#0a211bea),url('/astra/home/valley-v2.webp') center 58%/cover;opacity:.5}
.hero-grid{display:flex;justify-content:center;min-height:710px;padding-block:44px 55px}
.hero-copy{max-width:850px;width:100%}
.hero .eyebrow{margin-bottom:5px;font-size:10px;letter-spacing:3px}
.hero-brand{width:min(620px,100%);height:auto;margin:0 auto 12px;filter:drop-shadow(0 8px 25px #0006)}
.hero h1{font-size:clamp(36px,4vw,58px);line-height:1.14;letter-spacing:-1.2px;margin-bottom:24px}
.hero h1 em{font-style:normal}
.lead{max-width:620px;margin:0 auto 28px;font-size:18px;color:#d0dacd;line-height:1.7}
.hero .actions{justify-content:center}.hero .fine{margin-bottom:0;color:#aebcae}
.hero-bottom{justify-content:center;gap:70px;border-top:1px solid var(--line);border-bottom:0;color:#d6c797;font-size:10px;padding-block:20px}
.section{padding-block:90px}.eyebrow,.chapter,.index{color:#d4bb7d}
.section-heading{margin-bottom:50px}.section-heading h2{font-size:clamp(34px,4vw,52px)}
.showcase{grid-template-columns:.75fr 1.25fr;gap:60px}
.game-film{border-color:#af965858;background:#081912;box-shadow:0 18px 60px #0004}
.film-top{background:#142b21;color:#d7c697;border-color:var(--line)}
.film-play{border-radius:2px;border-color:#c9ad6c;background:#10281ff5}
.paper{background:linear-gradient(135deg,#142f24,#0c221b);color:var(--ink);border-block:1px solid var(--line)}
.paper .eyebrow,.paper .index{color:#d4bb7d}.paper .section-heading>p,.mechanics article>p,.field-notes p{color:var(--muted)}
.paper a:focus-visible{outline-color:var(--gold)}
.mechanics{gap:45px}.mechanics h3{font:30px/1.2 Georgia,serif;letter-spacing:-.5px}
.mini-film{background:#091d17;border-color:var(--line);margin-top:25px}.mini-film figcaption{color:var(--muted)}
.field-notes{border-color:var(--line);gap:45px;padding-top:42px}
.field-notes img{width:88px;height:88px;margin-bottom:15px}
.field-notes h3{font:23px/1.2 Georgia,serif}
.starter-journal{transform:none;background:radial-gradient(ellipse at top,#244c35,#10281e 80%);box-shadow:0 15px 60px #0003;border-color:#a58c5055;padding:38px}
.starter-journal h3{font-size:42px}.journal-title{border-bottom:1px solid var(--line);padding-bottom:16px}
.starter strong{font-family:Georgia,serif;font-weight:400}.starter-journal>p{color:#c2bc9e}
.join{background:radial-gradient(ellipse at 50% 0,#26473577,transparent 65%),#0c211a;border-color:var(--line);padding-block:70px}
.join-inner>img{width:120px;height:120px}.join h2{font-size:clamp(36px,4vw,52px)}
.footer-row>a img{width:208px;height:78px}.footer-row>span{color:#baa97d}
@media(max-width:1000px){.hero-grid{min-height:680px}.showcase{gap:32px}.section{padding-block:70px}.nav-row nav{gap:18px}}
@media(max-width:740px){
 .nav-row{min-height:0;padding-block:8px;gap:4px 12px}.nav-row>a img{width:156px;height:59px}.nav-row nav{font-size:12px;gap:6px;border-top:1px solid var(--line);padding-top:4px}
 .hero{background:#0a211b}.hero-grid{min-height:580px;padding-block:38px 40px}.hero .eyebrow{font-size:8px;letter-spacing:1.5px}.hero-brand{margin:20px auto 25px;width:100%}
 .hero h1{font-size:clamp(32px,8.4vw,50px);letter-spacing:-1px}.lead{font-size:16px}.lead br{display:none}.hero .fine{font-size:11px;max-width:270px;margin:22px auto 0}.hero .actions{gap:12px 20px}.hero-bottom{gap:38px;font-size:9px}
 .section{padding-block:55px}.section-heading{margin-bottom:30px}.showcase{grid-template-columns:1fr;gap:30px}.showcase h3{font-size:36px}.game-film{box-shadow:none}
 .mechanics{gap:35px}.mechanics h3{font-size:27px}.field-notes{gap:32px}.field-notes article{padding-left:90px}.field-notes img{width:72px;height:72px}.field-notes h3{font-size:22px}
 .starter-journal{transform:none;padding:25px;width:100%;margin:0}.join{padding-block:45px}.footer-row>a img{width:176px;height:66px}
}
@media(prefers-reduced-motion:reduce){.button:active{transform:none}}

.hero-brand{width:min(480px,100%);margin-bottom:8px}
.hero-grid{padding-block:30px 40px}
.hero h1{font-size:clamp(34px,3.5vw,50px);margin-bottom:18px}
.hero .lead{margin-bottom:0}
.hero-partners{display:flex;justify-content:center;gap:32px;margin:26px auto 26px}
.hero-partners figure{width:110px;position:relative}
.hero-partners figure:before{content:'';position:absolute;inset:45px 3px 22px;background:radial-gradient(ellipse,#c5b87926,transparent 70%);pointer-events:none}
.hero-partners .sprite{margin:auto;transform:scale(1.25);transform-origin:center 70%}
.hero-partners figcaption{padding:0;color:#d4d9c9;font-size:11px;letter-spacing:.5px}
@media(max-width:740px){.hero-grid{padding-block:26px 32px}.hero-brand{margin:12px auto 18px}.hero h1{font-size:34px}.hero-partners{gap:5px;margin:18px auto 24px}.hero-partners figure{width:100px}.hero-partners .sprite{transform:scale(1.1)}.hero .fine{margin-top:16px}}
.mechanics-directory{border-top:1px solid var(--line)}
.mechanics-jumps{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 30px}
.mechanics-jumps a{border:1px solid var(--line);padding:9px 15px;min-height:44px;font-size:12px;color:var(--gold);background:#112a20}
.mechanics-group{border:1px solid var(--line);margin-bottom:12px;background:#0e251d;scroll-margin-top:24px}
.mechanics-group summary{display:flex;align-items:center;gap:18px;padding:20px 48px 20px 22px;min-height:94px}
.mechanics-group summary:after{right:20px;top:28px}
.mechanics-group summary img{flex:0 0 52px}
.mechanics-group summary strong{display:block;font:25px/1.25 Georgia,serif;color:#efe5c9}
.mechanics-group summary small{display:block;color:var(--muted);font-size:12px;margin-top:4px}
.mechanics-count{margin-left:auto;white-space:nowrap;font-size:11px;color:var(--gold)}
.mechanics-group[open] summary{border-bottom:1px solid var(--line)}
.mechanics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 35px;margin:0;padding:30px}
.mechanics-grid dt{font-size:16px;font-weight:600;color:#ecd49e;margin-bottom:8px}
.mechanics-grid dd{margin:0;font-size:14px;line-height:1.75;color:#b6c7b9}
.mechanics-note{margin:22px 0 0;color:var(--muted);font-size:13px}.mechanics-note a{text-decoration:underline;color:var(--gold)}
@media(max-width:1000px){.mechanics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:740px){.mechanics-group summary{gap:12px;padding:18px 36px 18px 14px}.mechanics-group summary img{width:40px;height:40px;flex-basis:40px}.mechanics-group summary strong{font-size:22px}.mechanics-group summary small{font-size:11px}.mechanics-count{display:none}.mechanics-group summary:after{right:13px}.mechanics-grid{grid-template-columns:1fr;padding:22px;gap:24px}.mechanics-jumps a{font-size:11px;padding:9px 10px}.mechanics-directory h2 br{display:none}}