:root{--bg:#102328;--panel:#173239;--ink:#f6f4e9;--muted:#becdcb;--accent:#f5cc4a;--line:#345057;--radius:20px;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.06;letter-spacing:-.045em}p{color:var(--muted)}.wrap{width:min(1240px,calc(100% - 80px));margin-inline:auto}.header{display:flex;align-items:center;justify-content:space-between;padding-block:26px;gap:24px}.brand{font-weight:900;font-size:20px;letter-spacing:-.035em;display:flex;align-items:center;gap:12px}.brand img{border-radius:12px}.brand-sub{display:block;font-size:9px;letter-spacing:.17em;color:var(--muted)}nav{display:flex;gap:26px;align-items:center;font-size:14px;font-weight:700}.nav-cta{border:1px solid var(--line);padding:10px 18px;border-radius:30px}.hero{padding-block:46px 58px;display:grid;grid-template-columns:1fr 1.05fr;gap:40px;align-items:center}.eyebrow{font-weight:800;font-size:11px;letter-spacing:.17em;color:var(--accent);margin-bottom:22px}h1{font-size:clamp(42px,4.7vw,67px);font-weight:900}h1 em{font-style:normal;color:var(--accent)}.intro{font-size:17px;max-width:480px;margin-top:25px}.intro strong{color:var(--ink)}.actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;background:var(--accent);color:var(--bg);padding:15px 21px;border-radius:8px;font-weight:800;font-size:14px}.button:hover{background:#ffe17e}.text-link{font-size:13px;font-weight:700}.hero-note{font-size:12px;margin-top:20px}.hero-art{position:relative;border-radius:var(--radius);overflow:hidden;min-height:510px;background:var(--panel)}.hero-art>img{width:100%;height:510px;object-fit:cover;object-position:67% center}.art-caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(8,25,28,.95));padding:85px 28px 25px}.art-caption span{font-size:10px;letter-spacing:.16em;display:block}.art-caption strong{font-size:25px;letter-spacing:-.03em}.stats{border-block:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding-block:27px}.stats div{padding-inline:25px;border-right:1px solid var(--line)}.stats div:first-child{padding-left:0}.stats div:last-child{border:0}.stats strong{font-size:40px;font-weight:900;letter-spacing:-.05em;display:block;line-height:1.15}.stats span{font-size:12px;color:var(--muted)}.section{padding-block:85px}.section-heading{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:38px}h2{font-size:clamp(32px,3.4vw,47px)}.section-heading>p{max-width:390px;font-size:15px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.feature-grid article{border-top:2px solid var(--line);padding-top:23px}.number{font-size:10px;font-weight:800;color:var(--accent);letter-spacing:.1em}h3{font-size:23px;margin-top:17px}.feature-grid p{font-size:14px;margin-top:14px}.world-section{background:#0b1b20;padding-block:70px}.world-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:24px}.world-grid figure{grid-column:span 2;background:var(--panel);border-radius:14px;overflow:hidden}.world-grid figure:nth-child(n+4){grid-column:span 3}.world-grid img{width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;object-position:center}.world-grid figure:nth-child(n+4) img{aspect-ratio:1.85}.world-grid figcaption{padding:23px}.world-grid figcaption>span{font-size:10px;letter-spacing:.11em;color:var(--accent);font-weight:800}.world-grid h3{margin-top:10px}.world-grid p{font-size:13px;margin-top:9px}.faq{display:grid;grid-template-columns:1fr 1.25fr;gap:60px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding-block:19px}summary{cursor:pointer;font-size:16px;font-weight:700;padding-right:10px}details p{font-size:14px;margin-top:13px;padding-right:25px}.play-section{padding:45px;background:var(--accent);color:var(--bg);border-radius:var(--radius);display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.play-section .eyebrow,.play-section p{color:#31412f}.play-section h2{font-size:38px}.play-section>div>p:last-child{margin-top:18px;font-size:14px}.platforms{display:grid;gap:14px}.platform{border:1px solid #a08b40;border-radius:12px;padding:18px 22px}.platform>span{display:block;font-size:10px;font-weight:800;letter-spacing:.15em}.platform>strong{font-size:23px;letter-spacing:-.03em}.platform p{font-size:12px;margin-top:4px}.footer{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:40px}.footer p,.footer>a:last-child{font-size:12px}.skip{position:absolute;top:-100px;left:12px;padding:10px;background:var(--accent);color:var(--bg);z-index:10}.skip:focus{top:12px}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.play-section :focus-visible{outline-color:var(--bg)}@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.hero{gap:25px}.hero-art,.hero-art>img{min-height:440px;height:440px}.header nav{gap:16px}.actions{gap:15px}.stats div{padding-inline:15px}}@media(max-width:760px){.wrap{width:calc(100% - 36px)}.header{align-items:start;padding-block:20px}.brand{font-size:17px}.brand img{width:34px;height:34px}.brand-sub{font-size:8px}.header nav>a:not(.nav-cta){display:none}.nav-cta{padding:8px 11px;font-size:11px}.hero{grid-template-columns:1fr;padding-block:24px 36px;gap:30px}h1{font-size:clamp(40px,9vw,64px)}.hero-art,.hero-art>img{height:350px;min-height:350px}.hero-art>img{object-position:60% center}.intro{font-size:16px}.stats{grid-template-columns:1fr 1fr;row-gap:24px}.stats div:nth-child(2){border:0}.stats div:nth-child(3){padding-left:0}.stats strong{font-size:34px}.section{padding-block:55px}.section-heading{display:block}.section-heading>p{margin-top:24px}.feature-grid{grid-template-columns:1fr;gap:28px}.world-section{padding-block:50px}.world-grid{grid-template-columns:1fr;gap:22px}.world-grid figure,.world-grid figure:nth-child(n+4){grid-column:auto}.world-grid img,.world-grid figure:nth-child(n+4) img{aspect-ratio:1.35}.faq{grid-template-columns:1fr;gap:30px}.play-section{padding:28px;grid-template-columns:1fr;gap:26px}.play-section h2{font-size:32px}.footer{flex-wrap:wrap;gap:12px}.footer p{width:100%;order:3}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.hero-art>picture{display:block;height:100%}.hero-art>picture>img{width:100%;height:510px;object-fit:cover;object-position:center}.game-name{display:block;font-size:23px;line-height:1.2;letter-spacing:-.02em;margin-bottom:16px;color:var(--ink)}.platform[data-store]:hover{background:rgba(16,35,40,.08)}@media(max-width:1000px){.hero-art>picture>img{height:440px}}@media(max-width:760px){.hero-art>picture>img{height:350px}.game-name{font-size:21px}}

/* ---- Melhorias visuais ---- */
body{background:radial-gradient(1200px 700px at 78% -8%,rgba(245,204,74,.08),transparent 60%),radial-gradient(900px 600px at -5% 10%,rgba(0,164,239,.07),transparent 55%),var(--bg);background-attachment:fixed}
.hero-art{box-shadow:0 30px 80px -30px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.04);transition:transform .5s ease}
.hero-art:hover{transform:translateY(-4px)}
.hero-art::after{content:"";position:absolute;inset:0;border-radius:var(--radius);box-shadow:inset 0 0 120px -40px rgba(245,204,74,.35);pointer-events:none}

/* Badges de loja (oficiais) */
.store-badges,.play-badges{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.play-badges{margin-top:26px}
.store-badge{display:inline-block;border-radius:10px;transition:transform .2s ease,box-shadow .2s ease;line-height:0}
.store-badge img{height:54px;width:auto;border-radius:9px}
.store-badge:hover{transform:translateY(-2px);box-shadow:0 10px 24px -10px rgba(0,0,0,.7)}
.store-badge:focus-visible{outline-offset:3px}
.actions{margin-top:22px}

/* Pill "em breve, mais atualizações" */
.pill{display:inline-flex;align-items:center;gap:7px;font-weight:800;font-size:10.5px;letter-spacing:.13em;color:var(--accent);background:rgba(245,204,74,.1);border:1px solid rgba(245,204,74,.35);padding:6px 13px;border-radius:30px;margin-bottom:12px}
@keyframes pulseGlow{0%,100%{box-shadow:0 0 0 0 rgba(245,204,74,.4)}50%{box-shadow:0 0 0 4px rgba(245,204,74,0)}}
.pill{animation:pulseGlow 2.4s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.pill{animation:none}}

/* Seção de novidades / roadmap */
.updates-section{padding-block:30px 10px}
.updates-card{background:linear-gradient(160deg,#163038,#0e2227 70%);border:1px solid var(--line);border-radius:var(--radius);padding:48px;position:relative;overflow:hidden}
.updates-card::before{content:"";position:absolute;top:-80px;right:-60px;width:280px;height:280px;background:radial-gradient(circle,rgba(245,204,74,.18),transparent 70%);pointer-events:none}
.updates-head{max-width:620px;position:relative}
.updates-head h2{margin-top:4px}
.updates-head>p{margin-top:20px;font-size:16px}
.updates-list{list-style:none;margin:34px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;position:relative}
.updates-list li{background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:14px;padding:22px;transition:transform .2s ease,border-color .2s ease}
.updates-list li:hover{transform:translateY(-3px);border-color:rgba(245,204,74,.5)}
.updates-list .tag{display:inline-block;font-size:9.5px;font-weight:800;letter-spacing:.14em;color:var(--bg);background:var(--accent);padding:4px 9px;border-radius:20px}
.updates-list strong{display:block;font-size:19px;margin-top:14px;letter-spacing:-.02em}
.updates-list p{font-size:13px;margin-top:8px}
.updates-note{margin-top:28px;font-size:13px;position:relative}

/* Hover mais vivo nos cards de recursos e mundos */
.feature-grid article{transition:border-color .25s ease}
.feature-grid article:hover{border-top-color:var(--accent)}
.world-grid figure{transition:transform .25s ease,box-shadow .25s ease}
.world-grid figure:hover{transform:translateY(-4px);box-shadow:0 20px 40px -24px rgba(0,0,0,.8)}
.world-grid img{transition:transform .5s ease}
.world-grid figure:hover img{transform:scale(1.04)}
.nav-cta{transition:background .2s ease,border-color .2s ease}
.nav-cta:hover{background:var(--accent);color:var(--bg);border-color:var(--accent)}
.button{transition:transform .15s ease,background .2s ease}
.button:hover{transform:translateY(-2px)}

@media(max-width:1000px){.updates-list{grid-template-columns:1fr 1fr}.updates-card{padding:36px}}

/* Footer — divulgação da Web Evolui */
.footer{align-items:center}
.footer-brand p{margin-top:4px}
.footer-studio{text-align:right;display:flex;flex-direction:column;gap:6px;align-items:flex-end}
.footer-by{font-size:13px;color:var(--muted);margin:0}
.footer-by strong{color:var(--ink)}
.footer-link{font-size:13px;font-weight:700;color:var(--accent);border:1px solid rgba(245,204,74,.35);padding:9px 16px;border-radius:30px;transition:background .2s ease,color .2s ease}
.footer-link:hover{background:var(--accent);color:var(--bg)}

/* Seção "Onde jogar" — painel escuro coeso (sem fundo amarelo chapado) */
.play-section{background:linear-gradient(160deg,#17333b,#0e2227 72%);color:var(--ink);border:1px solid var(--line);position:relative;overflow:hidden}
.play-section::before{content:"";position:absolute;bottom:-90px;left:-70px;width:320px;height:320px;background:radial-gradient(circle,rgba(245,204,74,.16),transparent 70%);pointer-events:none}
.play-section>div,.play-section .platforms{position:relative}
.play-section .eyebrow{color:var(--accent)}
.play-section p{color:var(--muted)}
.play-section h2{color:var(--ink)}
.play-section :focus-visible{outline-color:var(--accent)}
.play-section .platform{border-color:var(--line);transition:border-color .2s ease,background .2s ease}
.play-section .platform>span{display:block;color:var(--accent)}
.play-section .platform>strong{color:var(--ink)}
.play-section .platform p{color:var(--muted)}
.play-section .platform[data-store]:hover{background:rgba(245,204,74,.06);border-color:rgba(245,204,74,.5)}
.play-section .platform.upcoming{opacity:.75}
@media(max-width:760px){
  .store-badges,.play-badges{gap:12px}
  .store-badge img{height:50px}
  .updates-section{padding-block:10px}
  .updates-card{padding:26px}
  .updates-list{grid-template-columns:1fr;gap:14px}
  .updates-list li{padding:18px}
  .footer{flex-direction:column;align-items:flex-start;gap:18px}
  .footer-brand p{width:auto;order:0}
  .footer-studio{text-align:left;align-items:flex-start}
}