/* V3: tela de entrada de MMO, com o cenário do próprio cliente. */
.site-header{position:fixed}
.hero.hero-game{height:100svh;min-height:710px;max-height:1000px;background:#070d17}
.hero-game .hero-art{object-position:center;filter:brightness(.76) saturate(.88);transform:translate3d(var(--scene-x,0px),var(--scene-y,0px),0) scale(1.035)}
.hero-game .hero-shade{background:linear-gradient(180deg,#040b17a8 0%,#050d1b38 22%,#040a16a1 76%,#050a13 100%),linear-gradient(90deg,#0309166b,transparent 35%,transparent 65%,#0309166b)}
.hero-game #hero-particles{opacity:.35}
.hero-game-content{position:absolute;top:116px;bottom:128px;left:0;right:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.game-platform{display:flex;gap:12px;align-items:center;color:#c6d4e7;font:500 9px/1.5 var(--body);letter-spacing:.2em;text-shadow:0 2px 6px #000;margin-bottom:8px}
.game-platform i{width:3px;height:3px;background:#adbdcf;transform:rotate(45deg)}
.game-title-logo{width:540px;height:auto;max-width:65vw;filter:drop-shadow(0 7px 15px #000c);position:relative;z-index:2}
.game-launch-date{display:flex;align-items:center;justify-content:center;gap:23px;margin-top:15px}
.game-launch-date>span{position:relative;width:76px;height:1px;background:linear-gradient(90deg,transparent,#8ba2c0)}
.game-launch-date>span:last-child{transform:rotate(180deg)}
.game-launch-date>span:after{content:'';position:absolute;width:5px;height:5px;right:0;top:-2px;border:1px solid #a7b6ca;background:#192b43;transform:rotate(45deg)}
.game-launch-date small{display:block;color:#b0c1d9;font:500 8px/1.4 var(--body);letter-spacing:.24em;margin-bottom:5px}
.game-launch-date strong{font:600 29px/1.1 var(--display);letter-spacing:.025em;color:#edf4ff;text-shadow:0 2px 9px #000}
.game-launch-date strong>b{font-size:19px;color:#a9c4e7;font-weight:500;margin-left:6px}
.hero-game .game-menu-actions{display:grid;grid-template-columns:1fr 1fr;gap:15px;width:550px;max-width:100%;margin-top:25px;animation:none;opacity:1;transform:none}
.game-menu-button{position:relative;display:flex;align-items:center;justify-content:center;gap:15px;min-height:68px;padding:14px 23px;text-align:left;border:1px solid #799fc5;border-radius:0;background:linear-gradient(180deg,#162f49f5,#0b1c2ef5);box-shadow:inset 0 0 0 3px #06111d,inset 0 0 0 4px #52718b6b,0 5px 20px #0008;color:#edf7ff;transition:background .2s,border-color .2s,box-shadow .2s}
.game-menu-button:before,.game-menu-button:after{content:'';position:absolute;pointer-events:none;top:-1px;left:-1px;width:9px;height:9px;border-top:2px solid #c2e8ff;border-left:2px solid #c2e8ff}
.game-menu-button:after{left:auto;right:-1px;top:auto;bottom:-1px;transform:rotate(180deg)}
.game-menu-button>svg{width:25px;height:25px;color:#a3d9ff;stroke-width:1.35}
.game-menu-button>span{font:600 22px/1.05 var(--display);letter-spacing:.055em}
.game-menu-button small{display:block;font:500 7px/1.5 var(--body);letter-spacing:.12em;color:#9cb8d5;margin-top:5px}
.game-menu-button>i{font:400 31px/1 var(--display);font-style:normal;color:#88b7df;margin-left:auto;padding-left:9px}
.game-menu-primary{background:linear-gradient(180deg,#25557cef,#102c45f7);border-color:#9cc8e9;box-shadow:inset 0 0 0 3px #0b1b2b,inset 0 0 0 4px #78add088,0 5px 22px #0008,0 0 20px #408bd91b}
.game-menu-button:hover{background:linear-gradient(180deg,#32648b,#173b58);border-color:#cce9ff;box-shadow:inset 0 0 0 3px #0b1b2b,inset 0 0 0 4px #8bb7d8,0 0 28px #559ee533}
.game-menu-button:active{background:#112d44;box-shadow:inset 0 0 0 3px #06111d,inset 0 0 0 4px #52718b6b}
.game-client-note{display:flex;align-items:center;gap:7px;font:400 9px/1.6 var(--body);color:#a1b3cc;margin-top:15px;text-shadow:0 2px 7px #000}
.game-client-note>svg{width:11px;height:11px;fill:currentColor;stroke:none}
.game-client-note>span{font-size:6px;color:#b8cce1;letter-spacing:.12em;border:1px solid #809bb348;padding:2px 5px;margin-left:5px;background:#0a15239c}
.game-screen-frame{position:absolute;inset:108px 24px 118px;z-index:1;pointer-events:none;background:linear-gradient(#aac1e140,#aac1e140) left top/35px 1px no-repeat,linear-gradient(#aac1e140,#aac1e140) left top/1px 35px no-repeat,linear-gradient(#aac1e140,#aac1e140) right top/35px 1px no-repeat,linear-gradient(#aac1e140,#aac1e140) right top/1px 35px no-repeat,linear-gradient(#aac1e140,#aac1e140) left bottom/35px 1px no-repeat,linear-gradient(#aac1e140,#aac1e140) left bottom/1px 35px no-repeat,linear-gradient(#aac1e140,#aac1e140) right bottom/35px 1px no-repeat,linear-gradient(#aac1e140,#aac1e140) right bottom/1px 35px no-repeat}
.game-realm-nav{position:absolute;left:0;right:0;bottom:27px;z-index:3;display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:2px;padding:4px;border:1px solid #7891af78;box-shadow:inset 0 0 0 1px #071523,0 8px 25px #0006;background:#081322ed;max-width:1080px}
.game-realm-nav>a{min-height:70px;display:flex;align-items:center;gap:17px;padding:14px 22px;border:1px solid #526d9236;background:linear-gradient(180deg,#15283b80,#09162680);transition:background .2s,border-color .2s}
.game-realm-nav>a:hover{background:#213d59a8;border-color:#a0c8eb66}
.game-realm-nav>a>svg{width:25px;height:25px;color:#9dbada;stroke-width:1.3}
.game-realm-nav>a:first-child>svg{fill:currentColor;stroke:none;width:23px;height:23px}
.game-realm-nav small{display:block;font:400 7px/1.4 var(--body);letter-spacing:.15em;color:#8ea5c0;margin-bottom:5px}
.game-realm-nav strong{font:500 21px/1.1 var(--display);letter-spacing:.02em;color:#d8e6fa}
.game-realm-nav>a>b{font:400 25px var(--display);color:#6886ab;margin-left:auto;font-weight:400}
.game-realm-nav .realm-event{background:linear-gradient(180deg,#3023428c,#10172c8c);border-color:#9582b34a}
.game-realm-nav .realm-event>svg{color:#c4b4ee}.game-realm-nav .realm-event strong{color:#d9cdf7}
.discord-link{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.discord-link>svg{width:17px;height:17px;fill:currentColor;stroke:none;flex-shrink:0}
.site-header .desktop-nav .discord-link{color:#b7c4ff}
.mobile-nav>a.discord-link{display:flex;gap:10px;color:#b7c4ff}
.game-realm-nav .realm-discord>svg{color:#b5bdff}
.game-realm-nav .realm-discord:hover{background:#283762a8;border-color:#a0aef080}
.game-scene-credit{position:absolute;right:26px;bottom:9px;z-index:2;font:400 6px/1 var(--body);letter-spacing:.09em;color:#63748e}
.site-header .desktop-nav{font-family:var(--display);font-size:16px;letter-spacing:.05em;text-transform:uppercase}
.site-header .desktop-nav a{font-size:inherit}
.launch-strip{background:#0b1625}.strip-label strong{font-size:21px}.launch-strip-inner{min-height:108px}
.section-heading h2,.faq-layout h2,.download-copy h2,.bonus-copy h2{font-weight:600;letter-spacing:.025em}
.download-copy h2{font-size:62px}.bonus-copy h2{font-size:43px;line-height:1.1}.bonus-copy>p{max-width:400px}
.game-final-call{padding:38px 0;background:#0c1726;isolation:isolate}
.game-final-call:after{display:none}
.game-final-call .page-width{display:flex;align-items:center;justify-content:space-between;gap:35px;text-align:left}
.game-final-call .page-width>img{width:230px;height:auto;filter:drop-shadow(0 2px 8px #0007)}
.game-final-call .eyebrow{font-size:8px;color:#9cacc3;letter-spacing:.15em}
.game-final-call h2{font:500 36px/1.1 var(--display);margin:10px 0 8px;letter-spacing:.025em}
.game-final-call h2>span{-webkit-text-fill-color:initial;background:none;color:#94b4d5;font-size:26px}
.game-final-call p{font-size:10px;margin:0;color:#778da8}
.game-final-call .game-menu-button{min-width:232px}
.dialog-art>img{object-position:53% center;filter:brightness(.7)}
.dialog-art strong{font-size:47px}.dialog-content h2{font-size:40px}
@media(min-width:1600px){.game-title-logo{width:620px}.hero-game-content{top:125px;bottom:155px}.game-launch-date{margin-top:20px}.game-menu-actions{margin-top:30px!important}.game-realm-nav{bottom:38px}}
@media(max-width:1100px){.game-realm-nav>a{padding:13px 17px;gap:12px}.game-realm-nav strong{font-size:19px}.game-realm-nav small{font-size:6px}.game-title-logo{width:510px}.game-screen-frame{inset-inline:18px}.game-final-call .page-width{gap:25px}.game-final-call .page-width>img{width:185px}.game-final-call h2{font-size:30px}.game-final-call .game-menu-button{min-width:210px}.bonus-copy h2{font-size:36px}}
@media(max-width:900px){.site-header .desktop-nav{font-size:14px;gap:15px}.game-title-logo{max-width:75vw;width:500px}.game-realm-nav>a{padding:12px;gap:10px}.game-realm-nav>a>svg{width:20px;height:20px}.game-realm-nav strong{font-size:17px}.game-realm-nav small{font-size:6px;letter-spacing:.09em}.game-final-call .page-width>img{width:150px}.game-final-call h2{font-size:27px}.game-final-call h2>span{font-size:22px}.game-final-call .game-menu-button{min-width:175px;padding-inline:16px}.game-final-call .game-menu-button>span{font-size:19px}.game-final-call .game-menu-button small{font-size:6px}.bonus-copy h2{font-size:31px}}
@media(max-width:700px){
  .hero.hero-game{height:100svh;min-height:790px;max-height:1020px}
  .hero-game .hero-art{inset:0;width:100%;height:100%;max-width:100%;object-fit:cover;object-position:53% center;filter:brightness(.8) saturate(.85)}
  .hero-game .hero-shade{background:linear-gradient(180deg,#040c1994 0%,#050b174d 25%,#060c18ad 68%,#050a14f2 100%),linear-gradient(90deg,#030b1844,transparent 25%,transparent 75%,#030b1844)}
  .hero-game-content{top:121px;bottom:222px;justify-content:center;width:calc(100% - 40px)}
  .game-platform{font-size:7px;letter-spacing:.18em;margin-bottom:15px;gap:9px}
  .game-title-logo{width:390px;max-width:100%;filter:drop-shadow(0 5px 10px #000d)}
  .game-launch-date{margin-top:23px;gap:14px;width:100%}
  .game-launch-date>span{width:37px}.game-launch-date small{font-size:7px;letter-spacing:.17em;margin-bottom:7px}
  .game-launch-date strong{font-size:26px}.game-launch-date strong>b{font-size:16px;margin-left:4px}
  .hero-game .game-menu-actions{gap:10px;width:100%;margin-top:26px}
  .game-menu-button{gap:9px;min-height:62px;padding:13px 12px}
  .game-menu-button>svg{width:19px;height:19px}.game-menu-button>span{font-size:19px;letter-spacing:.025em}.game-menu-button small{font-size:5px;letter-spacing:.07em;margin-top:5px;white-space:nowrap}.game-menu-button>i{font-size:24px;padding-left:0}
  .game-client-note{font-size:8px;margin-top:16px;gap:5px}.game-client-note>svg{width:9px;height:9px}.game-client-note>span{font-size:5px;margin-left:2px;padding:2px 4px}
  .game-realm-nav{display:flex;flex-direction:column;gap:2px;padding:3px;bottom:30px;width:calc(100% - 40px);max-width:none}
  .game-realm-nav>a{min-height:50px;padding:9px 14px;gap:13px}.game-realm-nav>a>svg{width:20px;height:20px}.game-realm-nav>a:first-child>svg{width:18px;height:18px}.game-realm-nav small{font-size:5px;letter-spacing:.12em;margin-bottom:3px}.game-realm-nav strong{font-size:18px;line-height:1}.game-realm-nav>a>b{font-size:21px}.game-realm-nav .realm-event{order:-1}
  .game-scene-credit{right:20px;bottom:11px;font-size:5px;letter-spacing:.02em}
  .game-screen-frame{inset:103px 12px 211px;background-size:23px 1px,1px 23px,23px 1px,1px 23px,23px 1px,1px 23px,23px 1px,1px 23px}
  .site-header.is-scrolled .mobile-nav{top:66px}.bonus-copy h2{font-size:34px}.download-copy h2{font-size:54px}.faq-layout h2{font-size:43px}
  .game-final-call{padding:33px 0}.game-final-call .page-width{display:grid;grid-template-columns:1fr;text-align:center;justify-items:center;gap:22px}.game-final-call .page-width>img{width:230px}.game-final-call h2{font-size:33px;margin-top:10px}.game-final-call h2>span{font-size:24px}.game-final-call .game-menu-button{width:245px;min-width:0;text-align:left;padding-inline:24px}.game-final-call .game-menu-button>span{font-size:22px}.game-final-call .game-menu-button small{font-size:6px}.dialog-art strong{font-size:40px}
}
@media(max-width:370px){.hero.hero-game{min-height:760px}.hero-game-content{width:calc(100% - 32px);top:121px;bottom:211px}.game-platform{font-size:6px}.game-title-logo{max-width:100%}.game-launch-date{gap:10px;margin-top:21px}.game-launch-date>span{width:20px}.game-launch-date strong{font-size:23px}.game-launch-date strong>b{font-size:14px}.hero-game .game-menu-actions{gap:8px;margin-top:24px}.game-menu-button{padding:12px 9px;gap:7px;min-height:59px}.game-menu-button>span{font-size:17px}.game-menu-button>svg{width:17px;height:17px}.game-menu-button small{font-size:4px}.game-menu-button>i{font-size:21px}.game-client-note{font-size:7px}.game-realm-nav{width:calc(100% - 32px)}.game-realm-nav>a{min-height:48px}.game-realm-nav strong{font-size:17px}.game-screen-frame{inset-inline:8px}.bonus-copy h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){.hero-game .game-menu-actions{animation:none;opacity:1;transform:none}.game-menu-button{transition:none}}

/* Capa V4 desenhada a partir dos modelos aprovados das classes do jogo. */
.game-cover{display:contents}
.hero-game.game-comic .hero-art{filter:none;object-position:center}
.hero-game.game-comic .hero-shade{background:linear-gradient(180deg,#050c1966 0%,#050c1910 25%,#050c1914 62%,#050a13d4 100%),linear-gradient(90deg,transparent 20%,#050b192e 37%,#050b194a 50%,#050b192e 63%,transparent 80%)}
.hero-game.game-comic .game-title-logo{filter:drop-shadow(0 4px 14px #020611)}
.hero-game.game-comic #hero-particles{opacity:.22}
.hero-game.game-comic .game-screen-frame{opacity:.65}
.dialog-art>img[src*="capa-gibi"]{object-position:50% center;filter:brightness(.84)}
@media(max-width:700px){.hero-game.game-comic .hero-art{object-position:50% center}.hero-game.game-comic .hero-shade{background:linear-gradient(180deg,#040b195e,transparent 24%,#050b1922 65%,#050a13df),linear-gradient(90deg,transparent,#050b193b 50%,transparent)}}
@media(max-width:700px){
  .hero-game.game-comic .hero-game-content{top:0;bottom:0;justify-content:flex-start}
  .hero-game.game-comic .game-platform{position:absolute;top:13%;left:0;right:0;justify-content:center;margin:0}
  .hero-game.game-comic .game-title-logo{position:absolute;top:16.4%;left:50%;width:min(295px,84vw);max-width:100%;transform:translateX(-50%)}
  .hero-game.game-comic .game-launch-date{position:absolute;top:46%;margin:0;width:100%}
  .hero-game.game-comic .game-menu-actions{position:absolute;top:54%;margin:0!important;width:100%}
  .hero-game.game-comic .game-client-note{position:absolute;top:63.2%;left:0;right:0;justify-content:center;margin:0}
}
