/* Página Android: abertura com vídeo e carrossel de personagens. */
.hero-mobile-first{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 48%,#0b376b70,transparent 66%),linear-gradient(#101b33,#050d1f);padding:35px 0 26px;text-align:center;min-height:0;height:auto}
.hero-glow{position:absolute;width:850px;height:450px;max-width:130%;border-radius:50%;background:#095fa622;filter:blur(75px);left:50%;top:180px;transform:translateX(-50%);pointer-events:none}
.hero-centered{position:relative;display:flex;flex-direction:column;align-items:center}
.hero-brand{width:200px;height:80px;object-fit:contain;margin-bottom:15px}
.hero-centered h1{font-size:68px;line-height:.98;letter-spacing:-.5px;margin:0}
.hero-centered h1 em{color:#00a8f2}
.hero-centered>p{font-size:13px;line-height:1.85;color:#c4d3e9;margin-top:18px;max-width:650px}
.gameplay-phone{position:relative;width:min(760px,86%);margin:34px auto 29px;padding:12px 22px;border-radius:42px;background:linear-gradient(150deg,#647a9b,#141e32 13%,#050b14 50%,#344666);border:2px solid #455a7d;box-shadow:0 25px 60px #0008,0 0 75px #057df229,inset 0 0 0 2px #070d18;transform:perspective(1200px) rotateY(-4deg) rotateX(2deg)}
.phone-screen{position:relative;aspect-ratio:16/9;border-radius:23px;overflow:hidden;background:#04070c}
.phone-screen video{display:block;width:100%;height:100%;object-fit:cover}
.phone-speaker{position:absolute;left:8px;top:42%;height:15%;width:4px;background:#02040a;border-radius:8px}
.phone-side-button{position:absolute;width:75px;height:3px;top:-4px;right:20%;border-radius:3px;background:#657892}
.video-brand{position:absolute;top:13px;right:17px;width:95px;filter:drop-shadow(0 2px 5px #000a);pointer-events:none}
.video-toggle{position:absolute;bottom:12px;right:13px;width:36px;height:36px;border:1px solid #ffffff55;background:#061326b8;color:white;border-radius:50%;display:grid;place-items:center;font-size:14px;backdrop-filter:blur(6px)}
.apk-download{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-width:188px;min-height:64px;padding:12px 26px;border-radius:12px;background:linear-gradient(110deg,#00aeef,#0072de);box-shadow:0 13px 35px #008cf52b;color:#fff;text-align:left;transition:transform .2s,box-shadow .2s}
.apk-download:hover{transform:translateY(-2px);box-shadow:0 15px 40px #008cf55e}
.apk-download>svg{width:29px;height:33px;flex-shrink:0}
.apk-download small{display:block;font-size:10px;font-weight:600;line-height:1.3}
.apk-download strong{display:block;font-size:16px;font-weight:800;line-height:1.5}
.hero-centered>.hero-download-note{font-size:9px;color:#7e96b9;margin-top:15px}
.hero-explore{display:inline-flex;gap:12px;align-items:center;font-size:9px;margin-top:19px;color:#9bb7db}
.hero-explore span{font-size:20px;color:#39a7ff}
.role-heading{text-align:center}.role-heading h2{font-size:55px;margin-top:15px}.role-heading p{font-size:12px;margin-top:15px}
.role-carousel{position:relative;max-width:960px;height:480px;margin:25px auto 0;touch-action:pan-y;isolation:isolate}
.role-carousel .paths{position:absolute;inset:0 56px;overflow:hidden;display:block;padding:0;margin:0;scroll-snap-type:none;scrollbar-width:none}
.role-carousel .path{position:absolute;left:50%;top:15px;width:295px;height:425px;margin:0;padding:0;background:#102039;overflow:hidden;border-radius:16px;border:1px solid #2d4b6c;text-align:center;transition:transform .45s ease,filter .45s ease,opacity .45s ease,border-color .3s;transform-origin:center;z-index:1}
.role-carousel .path img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.role-carousel .path:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#051020 0%,#0510206b 24%,transparent 60%);pointer-events:none}
.role-carousel .path[data-position=center]{transform:translateX(-50%);filter:none;border-color:#2387ff;box-shadow:0 14px 40px #0008,0 0 22px #127eff20;z-index:3;opacity:1}
.role-carousel .path[data-position=left]{transform:translateX(calc(-50% - 180px)) scale(.77);filter:blur(1px) brightness(.5);opacity:.6;z-index:1}
.role-carousel .path[data-position=right]{transform:translateX(calc(-50% + 180px)) scale(.77);filter:blur(1px) brightness(.5);opacity:.6;z-index:1}
.role-badge{position:absolute;left:14px;top:18px;transform:none;height:38px;width:38px;display:grid;place-items:center;background:#0b2146bd;border:1px solid #2b76c4;border-radius:50%;font-size:20px;z-index:1;color:#b7deff}
.role-carousel .path-content{position:absolute;left:10px;right:10px;bottom:25px;z-index:1}
.role-carousel .path-content strong{display:block;font:800 31px/.98 var(--heading);color:white}
.role-carousel .path-content>span{display:block;font-size:8px;letter-spacing:1.2px;color:#70b3ff;margin-top:9px;font-weight:700}
.carousel-arrow{position:absolute;top:45%;transform:translateY(-50%);width:39px;height:39px;border:1px solid #2c405f;border-radius:50%;background:#131d2e;color:#e1edff;display:grid;place-items:center;z-index:4;transition:background .2s}
.carousel-arrow:hover{background:#2155a0}.carousel-arrow.previous{left:0}.carousel-arrow.next{right:0}
.carousel-arrow svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.carousel-dots{display:flex;justify-content:center;gap:0;margin-top:-13px;position:relative;z-index:4}
.carousel-dots button{width:38px;height:30px;background:transparent;position:relative;padding:0}
.carousel-dots button:after{content:'';position:absolute;left:7px;right:7px;top:14px;height:3px;border-radius:2px;background:#304464;transition:background .3s}
.carousel-dots button.active:after{background:#2f91ff}
.role-caption{text-align:center;max-width:470px;margin:12px auto 0;min-height:145px}
.role-caption h3{font:800 30px var(--heading);color:#4fa5ff}
.role-caption strong{font-size:13px;display:block;margin:5px 0 9px}
.role-caption p{font-size:11px;line-height:1.9;max-width:400px;margin-inline:auto}
.role-city .art-note{text-align:center;font-size:8px;margin-top:9px}
.android-download-section{background:radial-gradient(ellipse at 50% 15%,#123e7555,transparent 70%),#0b1425;border-block:1px solid var(--border)}
.download-android-only{padding-block:75px;text-align:center;display:flex;flex-direction:column;align-items:center}
.download-android-only h2{font-size:59px;line-height:1;margin:18px 0}
.download-android-only>p{font-size:12px;max-width:470px}
.download-android-only>.apk-download{margin-top:25px}
.download-android-only>.download-note{font-size:9px;margin-top:16px}
.download-android-only .requirements{width:100%;max-width:460px;text-align:left;margin-top:23px}
.social-icons{display:flex;justify-content:center;gap:12px;margin-top:28px}
.social-icons a{display:grid;place-items:center;width:54px;height:54px;border:1px solid #ffffff12;border-radius:12px;box-shadow:0 9px 20px #0004;transition:transform .2s,filter .2s}
.social-icons a:hover{transform:translateY(-4px);filter:brightness(1.17)}
.social-icons svg{height:25px;width:25px;color:white}
.social-discord{background:#5865f2}.social-instagram{background:linear-gradient(35deg,#ffca55,#f02f61 45%,#bf2cbb 75%,#6744dc)}.social-youtube{background:#f00}
@media(max-width:760px){.hero-mobile-first{padding:22px 0 23px}.hero-brand{width:176px;height:72px;margin-bottom:14px}.hero-centered h1{font-size:52px;line-height:.98}.hero-centered>p{font-size:11px;max-width:320px;margin-top:17px;line-height:1.8}.hero-centered>p br{display:none}.gameplay-phone{width:100%;margin:26px 0 24px;border-radius:27px;padding:8px 15px;border-width:1px;transform:perspective(900px) rotateY(-3deg)}.phone-screen{border-radius:17px}.phone-speaker{left:6px;width:3px}.video-brand{width:62px;top:8px;right:10px}.video-toggle{width:30px;height:30px;right:9px;bottom:8px;font-size:12px}.apk-download{min-height:64px;min-width:188px}.hero-centered>.hero-download-note{font-size:8px;max-width:290px;margin-top:14px}.hero-explore{margin-top:12px}.role-heading h2{font-size:44px;line-height:1}.role-heading p{font-size:11px;max-width:270px;margin:13px auto 0}.role-carousel{height:420px;margin-top:22px}.role-carousel .paths{inset:0 10px;overflow:hidden}.role-carousel .path{width:235px;height:350px;top:17px;border-radius:13px}.role-carousel .path[data-position=left]{transform:translateX(calc(-50% - 130px)) scale(.75)}.role-carousel .path[data-position=right]{transform:translateX(calc(-50% + 130px)) scale(.75)}.role-carousel .path-content strong{font-size:28px}.role-carousel .path-content>span{font-size:7px;letter-spacing:.9px}.carousel-arrow{width:32px;height:32px;top:44%;background:#0c1a30dd}.carousel-arrow.previous{left:-8px}.carousel-arrow.next{right:-8px}.carousel-dots{margin-top:-26px}.role-caption{min-height:150px;margin-top:12px}.role-caption h3{font-size:28px}.role-caption strong{font-size:12px}.role-caption p{font-size:11px;max-width:280px}.role-badge{width:33px;height:33px;top:14px;font-size:17px}.download-android-only{padding-block:65px}.download-android-only h2{font-size:49px}.download-android-only>p{font-size:11px;max-width:300px}.download-android-only>.download-note{font-size:8px;max-width:290px}.social-icons a{width:53px;height:53px}.social-icons svg{width:25px;height:25px}.social-icons{gap:12px;margin-top:25px}}
@media(max-width:360px){.hero-centered h1{font-size:44px}.role-heading h2{font-size:38px}.role-carousel .path{width:205px;height:315px}.role-carousel{height:385px}.role-carousel .path-content strong{font-size:25px}}