/* Cabeçalho compacto. Cash Shop e Passe são destinos principais. */
.metal-site header.topo { height:84px; }
.metal-site .metal-logo-panel { width:240px; height:92px; padding:9px 46px 15px 34px; }
.metal-site .metal-logo-panel img { max-width:180px; }
.metal-site .metal-logo-panel::before { width:24px; }
.metal-site .metal-logo-panel::after { width:4px; box-shadow:7px 0 #90a5b7,12px 0 #f7fafc; }
.metal-site .metal-navigation { margin-left:245px; padding-right:24px; }
.metal-site .metal-navigation nav { gap:14px; padding-top:8px; }
.metal-site .metal-navigation__links { gap:14px; }
.metal-site .metal-navigation__links > a { font-size:13px; gap:6px; }
.metal-site .metal-navigation__links .metal-icon { width:18px; height:18px; }
.metal-site .metal-navigation__account { gap:6px; }
.metal-site .metal-header-button { min-height:40px; padding:10px 13px; font-size:12px; gap:7px; }
.metal-site .metal-header-button .metal-icon { width:18px; height:18px; }
.metal-site .metal-languages { top:3px; right:24px; font-size:9px; }
.metal-commerce-nav { display:flex; gap:8px; margin-left:auto; flex-shrink:0; }
.metal-commerce-link { display:flex; align-items:center; justify-content:center; gap:7px; min-height:42px; padding:10px 14px; color:#fff; font:14px/1 var(--metal-display); text-transform:uppercase; border:1px solid #ffffff60; box-shadow:0 4px 9px #102b491a; }
.metal-commerce-link .metal-icon { width:19px; height:19px; }
.metal-commerce-link--shop { background:#0875e6; }
.metal-commerce-link--pass { background:#e51232; }
.metal-commerce-link--gacha { background:#c47f00; }
.metal-commerce-link--desafios { background:#13804f; }
.metal-commerce-link:hover { color:#fff; filter:brightness(.87); }
.metal-commerce-link[aria-current=page] { outline:2px solid #142536; outline-offset:3px; }
.metal-player-more { position:relative; flex-shrink:0; }
.metal-player-more summary { display:grid; place-items:center; width:32px; min-height:40px; border:1px solid #bdcede; color:#294a6a; background:#fff; font-size:16px; cursor:pointer; list-style:none; }
.metal-player-more summary::-webkit-details-marker { display:none; }
.metal-player-more__links { position:absolute; top:calc(100% + 8px); right:0; min-width:170px; padding:8px; display:grid; gap:4px; border:1px solid #b8cde2; border-top:3px solid #087df9; box-shadow:0 10px 24px #102b4920; background:#fff; }
.metal-player-more__links a { padding:10px 12px; color:#294a6a; font-size:13px; }
.metal-player-more__links a:hover,.metal-player-more__links a[aria-current=page] { color:#075db8; background:#e7f1ff; }
.metal-page main.wrap { padding-top:36px; }
.metal-site .faixa-idioma .wrap { padding-top:7px; }
@media (max-width:1599px) {
  .metal-commerce-nav { gap:6px; }
  .metal-commerce-link { min-height:38px; padding:9px 10px; font-size:12px; gap:5px; }
  .metal-commerce-link .metal-icon { width:16px; height:16px; }
  .metal-site .metal-navigation__links { gap:11px; }
  .metal-site .metal-navigation__links > a { font-size:12px; }
  .metal-site .metal-navigation__links .metal-icon { width:15px; height:15px; }
}
@media (min-width:1600px) {
  .metal-site .metal-navigation__links { gap:22px; }
  .metal-site .metal-navigation__links > a { font-size:15px; }
  .metal-site .metal-logo-panel { width:265px; padding-left:42px; }
  .metal-site .metal-navigation { margin-left:275px; }
}
@media (max-width:1240px) {
  .metal-site header.topo { height:72px; }
  .metal-site .metal-logo-panel { width:220px; height:78px; padding:8px 40px 12px 30px; }
  .metal-site .metal-navigation { margin-left:220px; padding:0; }
  .metal-site .metal-navigation__menu { position:absolute; top:17px; right:24px; display:grid; place-items:center; width:38px; height:38px; border:1px solid #c0d0df; color:#142536; cursor:pointer; }
  .metal-site .metal-navigation__menu span,.metal-site .metal-navigation__menu span::before,.metal-site .metal-navigation__menu span::after { display:block; width:20px; height:2px; background:currentColor; }
  .metal-site .metal-navigation__menu span { position:relative; }
  .metal-site .metal-navigation__menu span::before,.metal-site .metal-navigation__menu span::after { content:""; position:absolute; left:0; }
  .metal-site .metal-navigation__menu span::before { top:-6px; }
  .metal-site .metal-navigation__menu span::after { top:6px; }
  /* Os dois atalhos continuam visíveis quando o restante menu se recolhe. */
  .metal-site .metal-navigation nav.principal { display:block; position:absolute; top:100%; right:0; left:0; height:0; padding:0; background:none; box-shadow:none; }
  .metal-site .metal-navigation nav > :not(.metal-commerce-nav) { display:none; }
  .metal-site .metal-commerce-nav { position:absolute; top:-57px; right:78px; margin:0; }
  .metal-site .metal-commerce-link { min-height:40px; }
  .metal-site .metal-commerce-nav > :is(.metal-commerce-link--gacha,.metal-commerce-link--desafios) { display:none; }
  .metal-site .metal-navigation__toggle:checked ~ nav .metal-commerce-nav { position:static; order:-1; }
  .metal-site .metal-navigation__toggle:checked ~ nav .metal-commerce-nav > a { display:flex; flex:1; }
  .metal-site .metal-navigation__toggle:checked ~ nav.principal { height:auto; display:flex; flex-direction:column; align-items:stretch; gap:18px; padding:22px 5%; background:#fff; box-shadow:0 14px 24px #14253622; }
  .metal-site .metal-navigation__toggle:checked ~ nav > .metal-navigation__links { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
  .metal-site .metal-navigation__toggle:checked ~ nav > .metal-navigation__account { display:flex; margin:0; }
  .metal-site .metal-navigation__toggle:checked ~ nav > .metal-languages { display:flex; position:static; font-size:12px; }
  .metal-site .metal-navigation__toggle:checked ~ nav > .metal-player-more { display:block; }
  .metal-site .metal-navigation__links > a { font-size:16px; }
  .metal-site .metal-player-more__links { position:static; box-shadow:none; margin-top:8px; }
  .metal-site .metal-player-more summary { width:auto; padding:0 12px; justify-content:start; }
  .metal-page main.wrap { padding-top:30px; }
}
@media (max-width:600px) {
  .metal-site header.topo { height:66px; }
  .metal-site .metal-logo-panel { width:150px; height:70px; padding:10px 26px 13px 21px; }
  .metal-site .metal-logo-panel::before { width:14px; box-shadow:6px 0 #e4eaf0,11px 0 #1c2e40; }
  .metal-site .metal-logo-panel::after { display:none; }
  .metal-site .metal-navigation { margin-left:150px; }
  .metal-site .metal-navigation__menu { right:14px; top:15px; width:34px; height:34px; }
  .metal-site .metal-commerce-nav { top:-50px; right:58px; gap:5px; }
  .metal-site .metal-commerce-link { min-height:34px; font-size:12px; padding:9px; gap:5px; }
  .metal-site .metal-commerce-link .metal-icon { width:14px; height:14px; }
  .metal-site .metal-navigation__toggle:checked ~ nav > .metal-navigation__links { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:360px) {
  .metal-site .metal-logo-panel { width:125px; padding-left:16px; padding-right:22px; }
  .metal-site .metal-commerce-link { font-size:11px; padding:9px 7px; }
  .metal-site .metal-commerce-link .metal-icon { display:none; }
}