:root{color-scheme:dark;--ink:#111b2e;--paper:#fff6e7;--muted:#b1bdd2;--pink:#ff91bd;--gold:#f8d78c;--line:#ffffff18;--max:1160px}
*{box-sizing:border-box}html{scroll-padding-top:88px}body{margin:0;background:var(--ink);color:var(--paper);font:17px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit}button{font:inherit}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.15;letter-spacing:-.045em}h3{font-size:1.24rem;line-height:1.3}p{color:var(--muted)}.wrap{width:min(calc(100% - 48px),var(--max));margin:auto}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip{position:fixed;top:10px;left:10px;z-index:50;padding:10px;background:var(--gold);color:var(--ink);transform:translateY(-150%)}.skip:focus{transform:none}:focus-visible{outline:3px solid var(--gold);outline-offset:5px}
.header{position:sticky;top:0;z-index:20;background:#111b2ef2;backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.bar{height:76px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:.86rem;letter-spacing:.1em;font-weight:800}.brand img{width:34px;height:34px}.nav{display:flex;align-items:center;gap:28px;margin-left:auto}.nav a{text-decoration:none;color:var(--muted);font-size:.85rem;font-weight:650}.nav a:hover{color:var(--paper)}.nav .language{color:var(--paper);border:1px solid var(--line);padding:6px 12px;border-radius:6px}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:.72rem;font-weight:800;color:var(--pink);margin-bottom:18px}
.hero{padding:42px 0 0;background:radial-gradient(ellipse at 50% 22%,#354c7866,transparent 68%)}.hero .eyebrow{text-align:center}.hero-art{width:100%;border:1px solid #acdfff30;border-radius:14px;box-shadow:0 32px 100px #070d1bcc;image-rendering:pixelated}.hero-bottom{padding:32px 0 42px;display:flex;justify-content:space-between;align-items:center;gap:24px}.tagline{font-size:clamp(1.55rem,3.3vw,2.5rem);font-weight:800;letter-spacing:-.045em;line-height:1.2;color:var(--paper)}.tagline span{color:var(--pink)}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:12px 22px;border-radius:8px;font-size:.86rem;font-weight:800;text-decoration:none;border:1px solid var(--line);background:#1d2b44}.button.primary{background:var(--gold);color:#1b2440;border-color:#f8d78c;box-shadow:0 4px 0 #b78742}.button.test{background:var(--pink);color:#1b2440;border-color:var(--pink);box-shadow:0 4px 0 #b9567f}.button:hover{filter:brightness(1.1)}.availability{font-size:.75rem;color:var(--muted);display:block;text-align:center;margin-top:12px}.play{width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid currentColor}.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 0}.stat{text-align:center;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat strong{display:block;font-size:2rem;line-height:1.2;letter-spacing:-.06em;color:var(--gold)}.stat span{font-size:.74rem;text-transform:uppercase;letter-spacing:.15em;color:var(--muted)}
section{padding:90px 0}.story{display:grid;grid-template-columns:1.12fr .88fr;gap:60px;align-items:center}.story h2{max-width:15ch}.story p{max-width:53ch;margin-top:22px}.mascot{width:360px;justify-self:center;filter:drop-shadow(0 26px 30px #090e2266);animation:float 5s ease-in-out infinite;image-rendering:pixelated}@keyframes float{50%{transform:translateY(-12px)}}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}.feature{border-top:2px solid var(--pink);padding-top:24px}.feature:nth-child(2){border-color:var(--gold)}.feature:nth-child(3){border-color:#85d6d0}.feature b{display:block;margin-bottom:12px;color:var(--pink);font-size:.72rem;letter-spacing:.16em}.feature p{font-size:.95rem;margin-top:12px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:34px}.section-head p:last-child{max-width:36ch;font-size:.95rem}.trailer-section{background:#0c1526;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.video-frame{border-radius:14px;overflow:hidden;border:1px solid #fff3c525;box-shadow:0 20px 50px #04081366;aspect-ratio:16/9;background:#070b14}.video-frame video{width:100%;height:100%;display:block}.video-note{font-size:.77rem;margin-top:14px;display:flex;justify-content:space-between;gap:16px}.video-note a{color:var(--gold);text-underline-offset:4px}.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.shot button{display:block;border:0;padding:0;background:transparent;cursor:zoom-in;width:100%;border-radius:10px;overflow:hidden}.shot img{width:100%;aspect-ratio:16/9;image-rendering:pixelated;transition:transform .25s}.shot button:hover img{transform:scale(1.025)}.shot figcaption{display:flex;gap:16px;align-items:center;padding-top:12px;color:var(--muted);font-size:.85rem}.shot figcaption span:first-child{font-size:.72rem;color:var(--pink);font-weight:800;letter-spacing:.1em}.map-shot{grid-column:1/-1}.map-shot button{max-width:780px;margin:auto}.map-shot figcaption{max-width:780px;margin:auto}.boss-section{padding-top:20px}.bosses{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-top:38px}.bosses img{width:100%;image-rendering:pixelated;border-radius:8px}.bosses figcaption{text-align:center;font-size:.7rem;line-height:1.45;color:var(--muted);margin-top:12px}.closing{padding:56px;border:1px solid #f49cba30;border-radius:14px;background:radial-gradient(ellipse at 80% 100%,#563a6244,transparent 70%),#1b2940;display:flex;align-items:center;gap:30px}.closing img{width:108px;border-radius:20px;image-rendering:pixelated;flex:none}.closing h2{font-size:clamp(1.5rem,3vw,2.4rem)}.closing p{margin-top:12px;max-width:52ch}.closing .button{margin-top:20px}.footer{border-top:1px solid var(--line);padding:34px 0 42px;font-size:.77rem;color:var(--muted)}.footer .wrap{display:flex;flex-wrap:wrap;gap:18px 28px}.footer a{text-decoration:none}.footer a:hover{color:var(--paper)}.footer .copyright{margin-right:auto}
dialog{padding:18px;background:#101a2d;color:var(--paper);border:1px solid #ffffff33;border-radius:10px;max-width:calc(100vw - 32px);width:1100px}dialog::backdrop{background:#050a14e8;backdrop-filter:blur(6px)}.lightbox-toolbar{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-bottom:14px;font-size:.88rem}.lightbox-toolbar button{background:#243651;border:1px solid var(--line);color:white;padding:8px 16px;border-radius:6px;cursor:pointer}dialog img{width:100%;image-rendering:pixelated}
@media(max-width:850px){.hero-bottom{flex-direction:column;text-align:center;align-items:center}.story{gap:24px}.mascot{width:280px}.bosses{grid-template-columns:repeat(3,minmax(0,1fr))}.closing{padding:32px}.section-head{align-items:start;flex-direction:column;gap:16px}.section-head p:last-child{max-width:55ch}}
@media(max-width:600px){.wrap{width:calc(100% - 32px)}.bar{height:64px;gap:14px}.brand{font-size:.72rem;gap:8px}.brand img{width:27px;height:27px}.nav{gap:15px}.nav .explore-link{display:none}.nav a{font-size:.75rem}.hero{padding-top:25px}.hero-art{border-radius:8px}.hero .eyebrow{font-size:.6rem;letter-spacing:.16em}.hero-bottom{padding:26px 0 34px;gap:24px}.button{font-size:.8rem;padding:12px 17px}.stats{grid-template-columns:repeat(2,1fr);gap:24px;padding:24px 0}.stat:nth-child(2){border:0}.stat strong{font-size:1.7rem}.stat span{font-size:.65rem}.story{grid-template-columns:1fr}.story h2{max-width:19ch}.mascot{width:230px;grid-row:1}.story p{font-size:.97rem}.features{grid-template-columns:1fr;gap:28px;margin-top:30px}section{padding:60px 0}.gallery{grid-template-columns:1fr;gap:24px}.map-shot{grid-column:auto}.video-note{flex-direction:column;gap:8px}.bosses{gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.bosses figcaption{font-size:.67rem}.closing{padding:28px;flex-direction:column;text-align:center}.closing img{width:86px}.footer .wrap{gap:16px 24px}.footer .copyright{flex-basis:100%}.shot figcaption{font-size:.78rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
/* O player incorporado acompanha o quadro 16:9 em todos os tamanhos de tela. */
.video-frame iframe{width:100%;height:100%;display:block;border:0}