/* A entrada compartilha a cidade e os materiais do jogo, preservando login e idiomas. */
body[data-tela=home]{background:#091523;color:#e5effb;--bg:#091523;--text:#e5effb;--text-mute:#bbcbdf;--accent:#edc887}
body[data-tela=home] .hero{isolation:isolate;min-height:650px;display:flex;align-items:center;padding:70px 0 64px;background:#0b1c2c}
body[data-tela=home] .hero::before{inset:0;width:100%;height:100%;max-width:none;max-height:none;border-radius:0;filter:none;background:linear-gradient(90deg,#081626fa 0%,#091828e8 30%,#09182844 70%),linear-gradient(0deg,#091523,transparent 25%),url('/site/assets/realm/city/cidade-central.webp') center/cover;z-index:-1}
body[data-tela=home] .hero::after{display:none}body[data-tela=home] .hero-in{max-width:1440px;width:100%;padding:0 48px;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:60px}
body[data-tela=home] .hero-title{font:800 clamp(36px,4.5vw,66px)/1.08 'Baloo 2',sans-serif;letter-spacing:-.035em;margin:18px 0}body[data-tela=home] .hero-title .shine-text{color:#f5d798;background:none;-webkit-text-fill-color:currentColor}body[data-tela=home] .hero-title .t2{color:#fff}
body[data-tela=home] .hero-sub{font-size:17px;line-height:1.75;color:#d0dceb;max-width:45ch}body[data-tela=home] .eyebrow{font-size:14px;letter-spacing:.12em;color:#f2d29a}
body[data-tela=home] .hero .trailer{margin-top:170px;aspect-ratio:16/9;border:1px solid #d4e4f45c;border-radius:20px;box-shadow:0 18px 55px #0007;transform:none}
body[data-tela=home] .hero-cta>*{width:auto;min-height:52px;padding:12px 24px;border-radius:12px;font-size:15px}body[data-tela=home] .hero-cta .btn--gold{background:linear-gradient(130deg,#f7deb0,#e6b76a);color:#242c33;box-shadow:0 6px 24px #e2b77028}body[data-tela=home] .hero-cta .btn--ghost{background:#11283dbd;border:1px solid #c4d7f145;color:#dfefff;backdrop-filter:blur(12px)}
body[data-tela=home] .glass{border-color:#b9d5f32d;background:linear-gradient(135deg,#1b3147d9,#102337ed);border-radius:18px;box-shadow:inset 0 1px #ffffff10,0 8px 28px #0002}body[data-tela=home] .invite-band{margin-top:24px}body[data-tela=home] .cd-live{background:#153d388c;border:1px solid #88d8bc44;color:#b9f1d8}
body[data-tela=home] .site-head{background:#091624f2;border-bottom:1px solid #bbd7f32e;backdrop-filter:blur(14px)}
@media(max-width:900px){body[data-tela=home] .hero-in{padding:0 24px;grid-template-columns:1fr;gap:28px}body[data-tela=home] .hero{min-height:0;padding:45px 0 36px}body[data-tela=home] .hero .trailer{margin-top:0;max-width:560px}body[data-tela=home] .hero::before{background:linear-gradient(180deg,#091828bb,#091828eb 58%,#091523),url('/site/assets/realm/city/cidade-central-mobile.webp') center 30%/cover}body[data-tela=home] .hero-title{font-size:clamp(36px,7vw,52px)}body[data-tela=home] .hero-sub{font-size:16px}body[data-tela=home] .hero-cta{gap:10px}body[data-tela=home] .hero-cta>*{flex:1;min-width:130px;padding:12px 10px}}
@media(max-width:640px){body[data-tela=home] .site-head{backdrop-filter:none}body[data-tela=home] .nav-fixa{position:fixed!important;inset:auto 0 0!important;height:60px!important;background:#0b1c2ff5;border-top:1px solid #bdd8f33b;z-index:200}body[data-tela=home]{padding-bottom:70px}body[data-tela=home] .site-head .inner{padding:0 12px;gap:12px}body[data-tela=home] .head-right{gap:8px;min-width:0}body[data-tela=home] .head-right .socials{display:none}}
@media(prefers-reduced-motion:reduce){body[data-tela=home] .reveal{opacity:1;transform:none;transition:none}}
body[data-tela=home] .hs-wrap{max-width:1120px;margin:auto}body[data-tela=home] .hs-tabs{display:flex;gap:8px;padding:8px;background:#102337;border:1px solid #bedafa2b;border-radius:14px;margin-bottom:12px}body[data-tela=home] .hs-tab{min-height:44px;border-radius:10px;box-shadow:none}body[data-tela=home] .hs-table :is(th,td){font-size:14px;padding:14px 18px}body[data-tela=home] .hs-table tbody tr:nth-child(even){background:#bad8ff05}body[data-tela=home] .hs-table tbody tr:first-child{background:#e1bb7520}body[data-tela=home] .hs-note{font-size:14px;color:#b7cde1;padding:12px 0}body[data-tela=home] .tr-play{background:linear-gradient(135deg,#f6dfb4,#dfb366);color:#172435;box-shadow:0 0 0 8px #f4d69a20,0 10px 30px #0006}body[data-tela=home] .trailer video{width:100%;height:100%;object-fit:cover;border-radius:inherit}
@media(max-width:640px){body[data-tela=home] .hs-table :is(th,td){padding:12px 8px}body[data-tela=home] .hs-tabs{overflow:auto;flex-wrap:nowrap}body[data-tela=home] .hs-tab{flex:none}}