/* GK TANK · Nova Era v10 · Portal completo.
   Uma camada visual sobre os fluxos nativos de conta, personagens e pagamento.
   Nenhuma imagem / ícone externo ou biblioteca obrigatória é carregada. */
:root{--gk-blue:#102448;--gk-deep:#08162e;--gk-ink:#172e52;--gk-muted:#6d7b92;--gk-gold:#e9ad54;--gk-surface:#f5f8fc;--gk-line:#dae4f1;--gk-shadow:0 20px 47px #0e28511b}
body{background:#f3f7fc}
#topbar{background:#fffffff5;border-bottom:1px solid #dbe5f0;box-shadow:0 5px 22px #19395a0a}
#topbar .topbar-inner{max-width:1312px}
#topbar .topnav a{font-weight:750;letter-spacing:-.02em;color:#344763;border-radius:10px;transition:background-color .2s,color .2s}
#topbar .topnav a:hover{background:#eef4fc;color:#1c4983}
#topbar .topnav a[aria-current=page]{color:#13315c}
#topbar .account-chip{background:#153866;color:#fff;border-radius:12px}
#topbar .account-chip:hover{background:#214978}
.portal-masthead{position:relative;z-index:30}
.portal-announcement{background:linear-gradient(95deg,#0b1d3c,#1a3664,#0b1d3c)}
.nova-home .hero-card{box-shadow:0 27px 62px #142c5330}
.nova-home .hero-ctas .button-gold{border-radius:12px}
.nova-home .feature-link:focus-visible,.nova-home .path-step:focus-visible{outline:3px solid #5d9dd7;outline-offset:2px}

/* Login principal e login solicitado ao entrar em uma rota protegida. */
.nova-home .auth-card:not(.player-profile){border-radius:21px;box-shadow:0 22px 50px #040c2830}
.nova-home .native-auth .tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:5px;border:1px solid #dce5ef;border-radius:12px;background:#ecf2f9;margin:0 0 17px}
.nova-home .native-auth .tabs button{border-radius:9px;min-height:43px;color:#546783;font-size:13px;transition:background-color .2s,color .2s}
.nova-home .native-auth .tabs button[aria-selected=true]{color:#fff;background:#193b67;box-shadow:0 3px 9px #102e4a26}
.nova-home .native-auth .tabs button:focus-visible{outline:3px solid #90bde5;outline-offset:1px}
.nova-home .native-auth .form{gap:13px}
.nova-home .native-auth .field{display:grid;gap:7px;color:#2e4260;font-size:12px;font-weight:750}
.nova-home .native-auth .field>label,.nova-home .native-auth .field>span{font:750 12px/1.45 'Bricolage Grotesque',sans-serif;color:#2b4468}
.nova-home .native-auth .input{background:#f9fbff;color:#152d51;border:1px solid #ccd9e9;border-radius:11px;min-height:48px;padding:11px 13px;font-size:14px;transition:border-color .18s,box-shadow .18s}
.nova-home .native-auth .input:focus{outline:none;border-color:#477fbf;box-shadow:0 0 0 3px #6cb1f538}
.nova-home .native-auth .input::placeholder{color:#536580}
.nova-home .native-auth .btn-primary{min-height:50px;border-radius:11px;margin-top:4px;font-size:13px;display:flex;align-items:center;justify-content:center;gap:10px}
.nova-home .auth-identity{display:flex;align-items:center;gap:7px;margin-bottom:15px;color:#607592;font:800 9px 'Bricolage Grotesque',sans-serif;letter-spacing:.07em}
.nova-home .auth-identity>span:last-child{margin-left:auto;color:#8a5d24}
.nova-home .auth-identity-dot{width:7px;height:7px;background:#31aa86;border-radius:50%;box-shadow:0 0 0 4px #37ad851a}
.nova-home .password-wrap{position:relative;display:flex;min-width:0}
.nova-home .password-wrap .input{width:100%;padding-right:89px}
.nova-home .password-toggle{position:absolute;right:7px;top:50%;transform:translateY(-50%);min-width:69px;padding:8px 7px;border:0;border-radius:8px;background:#eaf0f8;color:#30527b;font:750 11px 'Bricolage Grotesque',sans-serif;cursor:pointer}
.nova-home .password-toggle:hover{background:#dbe9f8}
.nova-home .password-toggle:focus-visible{outline:2px solid #3f80c3;outline-offset:1px}
.nova-home .password-rule{display:flex;align-items:center;gap:8px;color:#536580;font-size:10px;font-weight:600;min-height:15px}
.nova-home .password-rule-meter{display:flex;gap:3px;flex:none}
.nova-home .password-rule-meter i{width:13px;height:4px;border-radius:3px;background:#d8e2ed;transition:background-color .15s}
.nova-home .password-rule[data-progress='1'] i:nth-child(-n+1),.nova-home .password-rule[data-progress='2'] i:nth-child(-n+2),.nova-home .password-rule[data-progress='3'] i:nth-child(-n+3){background:#dcb076}
.nova-home .password-rule[data-valid=yes] .password-rule-meter i{background:#3ca98a}
.nova-home .password-rule[data-valid=yes],.nova-home [data-confirm-rule][data-valid=yes]{color:#238460}
.nova-home [data-confirm-rule][data-valid=no]{color:#b44b50}
.nova-home .auth-help-link{justify-self:center;color:#517296;font:700 11px 'Bricolage Grotesque',sans-serif;text-decoration:none}
.nova-home .auth-help-link:hover{text-decoration:underline}
.nova-home .auth-form-note{font:500 10px/1.6 'Bricolage Grotesque',sans-serif;color:#536580;text-align:center;margin:0}
.nova-home .form-error:not(:empty){border:1px solid #eececd;border-radius:8px;padding:10px;background:#fff5f3;color:#a2393f}
.nova-home .native-auth .captcha{gap:11px;flex-wrap:wrap}
.nova-home .native-auth .captcha img{border-radius:9px;border:1px solid #cddaea}
.nova-home .native-auth .captcha button{color:#3264a0;font-size:12px;font-weight:750}

/* Cadastro: convite ao universo à esquerda e um formulário verdadeiramente legível. */
.nova-home.registration-surface{min-height:calc(100vh - 120px);padding:28px 0 64px;background:linear-gradient(130deg,#edf4fd,#fefbf6 60%,#eef5fc)}
.nova-home .registration-layout{width:min(1280px,calc(100% - 48px));max-width:none;display:grid;grid-template-columns:minmax(0,.96fr) minmax(410px,1fr);align-items:stretch;gap:21px;padding:0;border:0;border-radius:0;background:transparent}
.nova-home .registration-story{max-width:none;min-width:0;position:relative;isolation:isolate;overflow:hidden;padding:35px clamp(28px,4vw,51px);border-radius:24px;background:radial-gradient(circle at 80% 33%,#466ea759,transparent 36%),linear-gradient(142deg,#172f5c,#081932);color:white;box-shadow:var(--gk-shadow)}
.nova-home .registration-story:before{content:'';position:absolute;inset:0;z-index:-1;background-image:radial-gradient(#bedbff8f .8px,transparent .8px);background-size:30px 31px;opacity:.33}
.nova-home .registration-back{display:inline-flex;gap:6px;color:#cbdcf2;text-decoration:none;font-size:12px;font-weight:750}
.nova-home .registration-back:hover{color:#ffe1ab;text-decoration:underline}
.nova-home .registration-story-inner{padding-top:28px}
.nova-home .registration-kicker{display:block;color:#f4ce8a;font-size:10px;letter-spacing:.15em;font-weight:800}
.nova-home .registration-brand{width:195px;height:auto;margin:19px 0 26px}
.nova-home .registration-story h1{font:800 clamp(37px,3.4vw,49px)/1.07 'Bricolage Grotesque',sans-serif;letter-spacing:-.04em;margin:0 0 14px;color:#fff}
.nova-home .registration-story h1 em{font-style:normal;color:#f8cf86}
.nova-home .registration-story p{color:#cbdbf1;font-size:13px;line-height:1.8;max-width:46ch;margin:0}
.nova-home .registration-benefits{display:grid;gap:10px;margin:22px 0 20px}
.nova-home .registration-benefits>div{display:flex;align-items:center;gap:12px;border:1px solid #d3e9ff22;border-radius:11px;padding:9px 12px;background:#eaf4ff0b}
.nova-home .registration-benefits img{width:37px;height:37px;object-fit:contain;flex:none}
.nova-home .registration-benefits b{display:block;color:#f5f8ff;font-size:12px}
.nova-home .registration-benefits small{display:block;color:#b1c5e1;font-size:10px;line-height:1.5;margin-top:2px}
.nova-home .registration-world{position:relative;overflow:hidden;max-height:157px;border-radius:12px;border:1px solid #f4cf8c55;margin-top:13px;background:#051531}
.nova-home .registration-world img{width:100%;height:157px;object-fit:cover;object-position:center 45%;opacity:.8}
.nova-home .registration-world:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#051431d9,transparent 70%);pointer-events:none}
.nova-home .registration-world span{position:absolute;bottom:12px;left:16px;z-index:1;font:800 10px 'Bricolage Grotesque',sans-serif;letter-spacing:.07em;color:#ffe1a3}
.nova-home .registration-card{min-width:0;display:flex;flex-direction:column;justify-content:center;padding:28px clamp(24px,3.2vw,40px);border:1px solid #dce5f1;border-radius:24px;background:#fff;box-shadow:var(--gk-shadow)}
.nova-home .registration-card-top{display:flex;align-items:center;justify-content:space-between;gap:15px;color:#8a5d24;font:800 11px 'Bricolage Grotesque',sans-serif;letter-spacing:.1em}
.nova-home .registration-card-top .auth-emblem{margin:0;width:50px;height:50px}
.nova-home .registration-card h2{text-align:left;color:#1d3659;font-size:33px;letter-spacing:-.04em;margin:12px 0 5px}
.nova-home .registration-intro{text-align:left;color:#536580;font-size:12px;line-height:1.7;margin:0 0 18px}
.nova-home .registration-card .native-auth{margin:0}
.nova-home .registration-card .native-auth .form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:13px 14px}
.nova-home .registration-card .native-auth .field{justify-content:stretch;grid-template-columns:minmax(0,1fr)}
.nova-home .registration-card .native-auth .field .input{width:100%;min-width:0}
.nova-home .registration-card #register-form>.field:first-child,.nova-home .registration-card #register-form>.field:nth-child(4),.nova-home .registration-card #register-form>.field:nth-child(5),.nova-home .registration-card #register-form>.form-error,.nova-home .registration-card #register-form>button[type=submit],.nova-home .registration-card #register-form>.auth-form-note{grid-column:1/-1}
.nova-home .registration-card .native-auth .input{height:auto;min-height:46px;font-size:13px}
.nova-home .registration-card .native-auth .field small{font-size:10px}
.nova-home .registration-login{margin:17px 0 0;color:#3165a3!important;font-size:12px;font-weight:700;text-decoration:none!important}
.nova-home .registration-login:hover{text-decoration:underline!important}

/* Minha conta: o próprio personagem do jogador permanece renderizado pela mídia nativa. */
.nova-home.player-home{padding-top:31px;padding-bottom:68px;isolation:auto;background:transparent}
.nova-home.player-home::before{display:none}
.nova-home .player-heading{display:flex;align-items:end;gap:18px;margin-bottom:20px;color:var(--gk-ink)}
.nova-home .player-kicker{color:#8a5d24;font:800 11px 'Bricolage Grotesque',sans-serif;letter-spacing:.13em}
.nova-home .player-heading h1{color:#1a3359;font-size:clamp(32px,4vw,46px);letter-spacing:-.04em;margin:10px 0 8px}
.nova-home .player-heading h1 em{font-style:normal;color:#a56f2b}
.nova-home .player-heading p{color:#536580;font-size:14px}
.nova-home .player-heading-actions{display:flex;flex-direction:column;align-items:flex-end;gap:13px;margin-left:auto;flex:none}
.nova-home .player-heading-actions>a{color:#3567a4;font-size:12px;font-weight:750;text-decoration:none}
.nova-home .player-heading-actions>a:hover{text-decoration:underline}
.nova-home .player-status{font-size:10px;font-weight:750;border:1px solid #cfdfed;padding:10px 13px;color:#5e748a;background:#fff;border-radius:999px;max-width:250px}
.nova-home .player-status:before{content:'';display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:#b89c76}
.nova-home .player-status.is-online{border-color:#badfcd;background:#eefaf2;color:#297850}
.nova-home .player-status.is-online:before{background:#38b779;box-shadow:0 0 0 3px #34b4761c}
.nova-home .player-quicknav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:20px}
.nova-home .player-quicknav>a{display:flex;align-items:center;gap:13px;min-height:83px;padding:13px 16px;color:#263f66;background:#fff;border:1px solid #dfebf4;border-radius:15px;text-decoration:none;box-shadow:0 9px 27px #132f5610;transition:border-color .2s,box-shadow .2s}
.nova-home .player-quicknav>a:hover{border-color:#aabfde;box-shadow:0 14px 30px #13315323}
.nova-home .player-quicknav>a>span:last-child{margin-left:auto;color:#839dbb;font-size:20px}
.nova-home .quick-icon{display:grid;place-items:center;width:48px;height:48px;flex:none;border-radius:12px;background:#edf4fc}
.nova-home .quick-icon img{width:42px;height:42px;object-fit:contain}
.nova-home .player-quicknav b{display:block;color:#1c3456;font-size:13px}
.nova-home .player-quicknav small{display:block;margin-top:4px;color:#536580;font-size:11px}
.nova-home .player-layout{grid-template-columns:minmax(275px,.69fr) minmax(0,1.9fr);gap:20px}
.nova-home .player-profile.auth-card{border-radius:20px;box-shadow:0 15px 38px #0e275338}
.nova-home .player-content{min-width:0}
.nova-home .player-news-banner{border-radius:18px;min-height:178px;box-shadow:0 13px 31px #1024492d}
.nova-home .player-board{border:1px solid #dfe8f2;border-radius:17px;background:#fff;color:#263b5b;box-shadow:0 12px 27px #1b325015}
.nova-home .player-board h2{color:#fff4df;text-shadow:0 2px 13px #091b36a8}
.nova-home .player-board summary{color:#294463}
.nova-home .player-board details{border-color:#e1e9f3}
.nova-home .player-board details p{color:#536580}
.nova-home .player-recharge{border:1px solid #e5b66a76;border-radius:18px;box-shadow:0 14px 36px #0c285d2d;background:radial-gradient(circle at 90% 10%,#204f8059,transparent 38%),linear-gradient(120deg,#132e54,#071a35)}
.nova-home .player-pack{border-radius:13px;border:1px solid #7d9ac046;background:#ffffff13;transition:background-color .2s}
.nova-home .player-pack:hover{background:#ffffff22;}

/* Servidores: fluxo visível antes da troca para o cliente do jogo. */
body[data-route=jogar] main{background:linear-gradient(180deg,#eff5fd,#fdfbf7)}
body[data-route=jogar] .page-hero{padding:44px 0 27px;background:radial-gradient(circle at 76% 30%,#3e6eac44,transparent 34%),linear-gradient(120deg,#142f5c,#091b35)}
body[data-route=jogar] .page-hero h1{color:#fff6e8}
body[data-route=jogar] .page-hero p{color:#d2e1f6}
body[data-route=jogar] .page-body{padding-top:25px}
.play-guide{margin:0 0 19px;padding:21px 24px;background:#fff;border:1px solid #dfebf5;border-radius:18px;box-shadow:0 10px 28px #142c5515}
.play-guide-kicker{color:#8a5d24;font:800 10px 'Bricolage Grotesque',sans-serif;letter-spacing:.12em}
.play-guide>div{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:13px 0}
.play-guide>div span{color:#3b5272;font-size:13px;font-weight:650}
.play-guide>div b{display:inline-grid;place-items:center;width:31px;height:31px;border-radius:9px;margin-right:5px;background:#e6effa;color:#29558c;font-size:11px}
.play-guide>div .play-guide-divider{color:#b09a74;font-size:19px}
.play-guide>p{margin:0;color:#536580;font-size:12px}
body[data-route=jogar] .realm{background:#fff;border:1px solid #dce7f2;border-radius:20px;box-shadow:0 14px 32px #122d5a15;margin-bottom:17px}
body[data-route=jogar] .realm-head{padding-bottom:15px;border-bottom:1px solid #e3eaf3}
body[data-route=jogar] .realm-head h2{color:#203a5d}
body[data-route=jogar] .realm .char{background:linear-gradient(110deg,#edf4ff,#fafcff);border:1px solid #dbe7f3;border-radius:14px}
body[data-route=jogar] .realm .tags li{background:#fff;border:1px solid #e4ebf4}
body[data-route=jogar] .realm [data-play]:disabled{opacity:.52;cursor:not-allowed}

/* Recarga: cartões brancos claros, carrinho escuro e progresso que acompanha a escolha. */
.recharge-page{min-height:100vh;padding:23px 0 68px;background:linear-gradient(180deg,#edf4fc 0%,#fbfcff 38%,#eef4fc 100%);color:#203958}
.recharge-page .wrap{width:min(1180px,calc(100% - 48px))}
.recharge-page .recharge-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.82fr);align-items:center;gap:18px;position:relative;overflow:hidden;isolation:isolate;padding:27px 31px;min-height:253px;border:1px solid #324e7a;border-radius:23px;color:#fff;background:radial-gradient(circle at 85% 28%,#497fc54b,transparent 40%),linear-gradient(120deg,#152f5d,#071730 85%);box-shadow:0 23px 48px #0d234b36}
.recharge-page .recharge-hero:before{content:'';position:absolute;inset:0;z-index:-1;background-image:radial-gradient(#d8ecff67 .8px,transparent .8px);background-size:32px 35px;opacity:.36}
.recharge-page .recharge-hero-copy{position:relative;z-index:2}
.recharge-page .recharge-eyebrow{font:800 10px 'Bricolage Grotesque',sans-serif;letter-spacing:.17em;color:#f5d08f}
.recharge-page .recharge-hero h1{max-width:16ch;font-size:clamp(34px,4vw,50px);line-height:1.08;letter-spacing:-.04em;margin:12px 0}
.recharge-page .recharge-hero h1 em{color:#ffdf9d}
.recharge-page .recharge-lead{font-size:13px;color:#c9ddf3;line-height:1.75;max-width:48ch;margin:0}
.recharge-page .recharge-hero-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.recharge-page .recharge-hero-pills span{padding:7px 10px;border-radius:100px;border:1px solid #d5e7ff36;background:#e5f0ff10;color:#cbdcf4;font-size:10px;font-weight:700}
.recharge-page .recharge-hero-art{width:100%;height:203px;max-width:none;object-fit:cover;object-position:center;border-radius:15px;border:1px solid #f0d6a94d;box-shadow:0 18px 38px #010a1b5e}
.recharge-page .page-body{padding:21px 0 0;max-width:none}
.recharge-page .recharge-flow{display:flex;align-items:center;gap:12px;margin:0 0 18px;padding:13px 17px;border-radius:13px;border:1px solid #dbe6f2;background:#fff;box-shadow:0 8px 26px #122a4d0c}
.recharge-page .recharge-flow>span{display:flex;align-items:center;gap:10px;color:#536580;font-size:12px;font-weight:750;white-space:nowrap}
.recharge-page .recharge-flow>span b{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#edf3fa;color:#536580;font-size:11px}
.recharge-page .recharge-flow>span.is-complete{color:#1a765c}
.recharge-page .recharge-flow>span.is-complete b{background:#def5e9;color:#258763}
.recharge-page .recharge-flow>i{flex:1;height:1px;background:#dbe5f0}
.recharge-page .recharge{grid-template-columns:minmax(0,1.72fr) minmax(290px,.92fr);gap:19px;align-items:start}
.recharge-page .step{min-width:0;padding:23px;border:1px solid #dfe9f3;border-radius:17px;background:#fff;color:#213b5f;box-shadow:0 12px 32px #10274912;margin-bottom:17px}
.recharge-page .step-title{display:flex;align-items:center;gap:10px 12px;margin:0 0 20px}
.recharge-page .step-title .step-n{width:37px;height:37px;border-radius:10px;flex:none;font-size:15px;background:#eaf2fc;color:#2a5b93}
.recharge-page .step-title h2{font-size:21px;letter-spacing:-.035em;color:#193657}
.recharge-page .step-title p{flex-basis:100%;margin:0 0 0 49px;font-size:12px;color:#536580}
.recharge-page .field>span{color:#3c526d;font-size:12px;font-weight:750}
.recharge-page .step .input{background:#f8fbff;border:1px solid #cddbeb;color:#203955;box-shadow:none;border-radius:10px;min-height:45px}
.recharge-page .step .input:focus{outline:2px solid #78a9dd;outline-offset:1px}
.recharge-page .packs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.recharge-page .choice .face{background:#f8fbff;border:1px solid #d8e4f1;border-radius:13px;box-shadow:none;transition:border-color .2s,background-color .2s}
.recharge-page .choice:hover .face{border-color:#8caed2;}
.recharge-page .choice input:checked+.face{background:#edf6ff;border-color:#d09c4b;box-shadow:inset 0 0 0 1px #e4b86e}
.recharge-page .char-face{min-height:90px}
.recharge-page .char-face .char-name{color:#1b395c}
.recharge-page .char-face small{color:#536580}
.recharge-page .character-selected{color:#287559;font-size:10px;font-weight:750}
.recharge-page .pack .face{min-height:170px;padding:27px 10px 12px;align-content:center}
.recharge-page .pack-amount{color:#1c3d64;font-size:25px}
.recharge-page .pack-unit{color:#536580;font-size:12px}
.recharge-page .pack-bonus{color:#178469;font-size:11px}
.recharge-page .pack-price{grid-column:1/-1;background:#193e69;border:0;border-radius:9px;color:#fff;padding:8px;font-size:15px}
.recharge-page .choice input:checked+.face .pack-price{background:linear-gradient(120deg,#f8dda1,#e8ab50);color:#37250d}
.recharge-page .pack .ribbon{top:7px;left:10px;color:#8a5d24;background:transparent;font-size:10px}
.recharge-page .custom-amount{border-top:1px solid #e5eaf2}
.recharge-page .custom-amount .field small{color:#536580}
.recharge-page #custom-price{color:#315d8d}
.recharge-page .providers{display:grid;gap:10px}
.recharge-page .provider .face{min-height:76px;background:#f8fbff;align-content:center}
.recharge-page .provider-name{color:#213b60;font-size:16px}
.recharge-page .provider-methods{color:#536580;font-size:11px}
.recharge-page .payment-assurance{color:#536580;font-size:12px;line-height:1.6}
.recharge-page .summary{position:sticky;top:108px;border-radius:18px;box-shadow:0 20px 44px #07193335;background:radial-gradient(circle at top right,#30588b5c,transparent 44%),linear-gradient(140deg,#19365b,#091a31);border:1px solid #426388;color:#fff}
.recharge-page .summary .window-body{padding:24px}
.recharge-page .summary-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:11px;color:#f0cc8e;font:800 10px 'Bricolage Grotesque',sans-serif;letter-spacing:.11em}
.recharge-page .summary-ready{font-size:9px;letter-spacing:0;padding:7px;border:1px solid #8198b355;border-radius:30px;color:#c7d5e4}
.recharge-page .summary-ready.is-complete{border-color:#72c7a1;background:#167a543b;color:#aaf0cc}
.recharge-page .summary h2{color:#fff4df;font-size:26px}
.recharge-page .summary-intro{color:#aec2dc;font-size:12px}
.recharge-page .summary dl{border-color:#46668c;line-height:1.8}
.recharge-page .summary dt{color:#b4c7dc}
.recharge-page .summary dd{color:#fff4dd}
.recharge-page .summary .total{color:#f7d18a;border-top-color:#44678b}
.recharge-page .summary .check{color:#d0dded;font-size:12px}
.recharge-page .summary #pay{border-radius:11px;min-height:54px;font-weight:850}
.recharge-page #order-history{margin-top:25px}
.recharge-page #meus-pedidos{border-radius:18px;box-shadow:0 14px 35px #09203b20}
.recharge-page #meus-pedidos .realm-head h2{color:#fff3dd;text-shadow:none}
.recharge-page #meus-pedidos .empty{color:#b9d0eb;border-color:#6882a363;background:#071c3452}
.recharge-page #meus-pedidos .orders{color:#e6eef9}
.recharge-page #meus-pedidos .orders th{color:#bbd3ec}
.recharge-page #meus-pedidos .orders .mute{color:#b4c7dc}

@media(max-width:1120px){
  .nova-home .registration-layout{grid-template-columns:minmax(0,.9fr) minmax(390px,1.1fr)}
  .nova-home .registration-story{padding:30px}
  .nova-home .registration-world{display:none}
  .nova-home .player-layout{grid-template-columns:280px minmax(0,1fr)}
  .recharge-page .packs{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:860px){
  .nova-home .registration-layout{grid-template-columns:1fr;gap:16px;max-width:660px}
  .nova-home .registration-story{min-height:0;padding:26px 30px}
  .nova-home .registration-story-inner{padding-top:13px}
  .nova-home .registration-brand{display:none}
  .nova-home .registration-story h1{max-width:19ch;font-size:36px;margin:13px 0}
  .nova-home .registration-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:18px 0 0}
  .nova-home .registration-benefits>div{display:block;text-align:center;padding:9px 6px}
  .nova-home .registration-benefits img{margin:auto auto 6px}
  .nova-home .registration-benefits b{font-size:10px}
  .nova-home .registration-benefits small{font-size:9px}
  .nova-home .registration-card{padding:28px}
  .nova-home .player-layout{grid-template-columns:1fr}
  .nova-home .player-profile.auth-card{max-width:none;display:flex;align-items:center;justify-content:center}
  .nova-home .player-profile .portal-avatar{max-width:300px}
  .nova-home .player-quicknav{gap:9px}
  .nova-home .player-quicknav>a{padding:12px;gap:8px}
  .nova-home .player-quicknav b{font-size:12px}
  .nova-home .quick-icon{width:37px;height:37px}
  .nova-home .quick-icon img{width:36px;height:36px}
  .recharge-page .recharge{grid-template-columns:1fr}
  .recharge-page .summary{position:static}
  .recharge-page .recharge-hero{grid-template-columns:minmax(0,1fr) minmax(0,.7fr)}
  .recharge-page .recharge-hero-art{height:180px}
  .recharge-page .packs{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:620px){
  #topbar .topnav.open{background:#fffffff5;}
  .nova-home .registration-layout{width:calc(100% - 24px)}
  .nova-home.registration-surface{padding-top:13px;padding-bottom:35px}
  .nova-home .registration-story{padding:22px 20px;border-radius:17px}
  .nova-home .registration-story h1{font-size:30px}
  .nova-home .registration-story p{font-size:12px;line-height:1.6}
  .nova-home .registration-benefits{grid-template-columns:1fr;gap:7px}
  .nova-home .registration-benefits>div{display:flex;gap:10px;text-align:left}
  .nova-home .registration-benefits img{margin:0}
  .nova-home .registration-benefits b{font-size:11px}
  .nova-home .registration-benefits small{font-size:9px}
  .nova-home .registration-card{padding:22px 17px;border-radius:17px}
  .nova-home .registration-card h2{font-size:27px}
  .nova-home .registration-card .native-auth .form{grid-template-columns:1fr;gap:12px}
  .nova-home .registration-card #register-form>*{grid-column:1/-1}
  .nova-home .registration-card .native-auth .input{font-size:16px}
  .nova-home .player-heading{display:block}
  .nova-home .player-heading h1{font-size:31px}
  .nova-home .player-heading-actions{flex-direction:row;align-items:center;flex-wrap:wrap;margin:15px 0 0}
  .nova-home .player-quicknav{grid-template-columns:1fr;gap:9px}
  .nova-home .player-quicknav>a{min-height:68px}
  .nova-home .player-profile.auth-card{display:block}
  .nova-home .player-profile .portal-avatar{max-width:none}
  .recharge-page{padding:12px 0 38px}
  .recharge-page .wrap{width:calc(100% - 26px)}
  .recharge-page .recharge-hero{grid-template-columns:1fr;padding:24px 19px 20px;gap:13px;min-height:0;border-radius:17px}
  .recharge-page .recharge-hero h1{font-size:36px}
  .recharge-page .recharge-hero-art{height:125px;object-position:center 38%}
  .recharge-page .recharge-flow{gap:7px;padding:10px 8px;justify-content:space-between}
  .recharge-page .recharge-flow>span{gap:5px;font-size:9px;white-space:normal;line-height:1.2}
  .recharge-page .recharge-flow>span b{width:26px;height:26px;font-size:10px;flex:none}
  .recharge-page .recharge-flow>i{min-width:5px}
  .recharge-page .step{padding:17px 14px;margin-bottom:12px}
  .recharge-page .step-title h2{font-size:18px}
  .recharge-page .step-title p{margin:0;font-size:11px}
  .recharge-page .packs{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .recharge-page .pack .face{min-height:160px}
  .recharge-page .pack-amount{font-size:23px}
  .recharge-page .summary .window-body{padding:19px}
  .play-guide{padding:18px}
  .play-guide>div{align-items:flex-start;gap:9px}
  .play-guide>div .play-guide-divider{display:none}
  body[data-route=jogar] .realm{padding:18px}
}
@media(max-width:380px){
  .recharge-page .packs{grid-template-columns:1fr 1fr}
  .recharge-page .pack .face{grid-template-columns:55px 1fr;padding:25px 8px 9px}
  .recharge-page .coupon-coins{width:52px;height:50px}
  .recharge-page .pack-amount{font-size:19px}
  .recharge-page .pack-price{font-size:12px}
}
@media(prefers-reduced-motion:reduce){
  .nova-home .player-quicknav>a,.nova-home .player-pack,.recharge-page .choice .face,.nova-home .native-auth .input{transition:none!important}
  .nova-home .player-quicknav>a:hover,.nova-home .player-pack:hover,.recharge-page .choice:hover .face{}
}

/* NEXT V10: feedback por pintura, sem alterar camadas no hover. */

/* A folha hist?rica ainda cont?m blur e loops de escala. Neutralizar nas
   superf?cies reaproveitadas evita reintroduzi-los pela cascata da V10. */
.nova-home .hero-bottom-label,.nova-home .collection-section,.nova-home .item-badge,
.nova-home .world-chip,.nova-home .world-player-bar,.nova-home .game-gallery-dialog::backdrop {backdrop-filter:none}
.nova-home .hero-backdrop {animation:none;transform:none}
.nova-home .item-media::after {animation:none;opacity:.7;transform:none}
.nova-home .item-showcase::after {filter:none;background:radial-gradient(ellipse,#aeb5f759,transparent 70%)}
.nova-home .item-media .item-showcase img {transition:none}
.nova-home .item-card:hover .item-media img {transform:none}
.nova-home .world-panel,.nova-home .world-panel img,.nova-home .world-image,
.nova-home .world-focus-image,.nova-home .place-thumb img {filter:none;transition:border-color .2s,background-color .2s}
.nova-home .world-panel:hover,.nova-home .world-panel:hover img,
.nova-home .place-chip:hover .place-thumb img,.nova-home .world-showcase:hover .world-image {filter:none;transform:none}
.nova-home .item-arrow:hover,.nova-home .round-arrow:hover {transform:none}