/* StormMu UI V1 — seletor de idioma + temas de cores */
:root{
    --sm-accent:#d4af37;--sm-accent-2:#ffcc33;--sm-accent-rgb:212,175,55;
    --sm-page-bg:#050505;--sm-page-bg-2:#121212;--sm-surface:#0b0d10;--sm-surface-2:#14181d;
    --sm-text:#f5f5f5;--sm-muted:#89939b;--sm-border:rgba(var(--sm-accent-rgb),.22)
}
html[data-sm-theme="storm-gold"]{--sm-accent:#d4af37;--sm-accent-2:#ffcc33;--sm-accent-rgb:212,175,55;--sm-page-bg:#050505;--sm-page-bg-2:#121212;--sm-surface:#0b0d10;--sm-surface-2:#14181d}
html[data-sm-theme="crimson"]{--sm-accent:#ef4357;--sm-accent-2:#ff8491;--sm-accent-rgb:239,67,87;--sm-page-bg:#090204;--sm-page-bg-2:#1a070b;--sm-surface:#140609;--sm-surface-2:#241016}
html[data-sm-theme="arcane"]{--sm-accent:#4f9cff;--sm-accent-2:#8fc4ff;--sm-accent-rgb:79,156,255;--sm-page-bg:#02070f;--sm-page-bg-2:#081526;--sm-surface:#07111e;--sm-surface-2:#0e2139}
html[data-sm-theme="emerald"]{--sm-accent:#29c77d;--sm-accent-2:#7aeab3;--sm-accent-rgb:41,199,125;--sm-page-bg:#020b07;--sm-page-bg-2:#071b12;--sm-surface:#07140e;--sm-surface-2:#0e271b}
html[data-sm-theme="violet"]{--sm-accent:#9d6cff;--sm-accent-2:#c3a5ff;--sm-accent-rgb:157,108,255;--sm-page-bg:#070310;--sm-page-bg-2:#160b25;--sm-surface:#10091b;--sm-surface-2:#201334}

html[data-sm-theme]{--gold:var(--sm-accent);--gold-bright:var(--sm-accent-2);--bg-dark:var(--sm-page-bg);--bg-gray:var(--sm-page-bg-2);--glass:rgba(8,10,14,.95)}
html[data-sm-theme] body{background:radial-gradient(circle at 18% -8%,rgba(var(--sm-accent-rgb),.12),transparent 28%),linear-gradient(180deg,var(--sm-page-bg),var(--sm-page-bg-2)) fixed!important;color:var(--sm-text)!important;transition:background .28s ease,color .2s ease}

/* botão compacto no header */
.sm-ui-settings-wrap{position:relative;flex:0 0 auto;z-index:2147483600}
.sm-ui-settings-trigger{height:34px;min-width:46px;padding:0 8px;display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid rgba(var(--sm-accent-rgb),.25);border-radius:10px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(0,0,0,.16));color:#dfe4e8;cursor:pointer;transition:.18s ease;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.sm-ui-settings-trigger:hover,.sm-ui-settings-trigger[aria-expanded="true"]{border-color:rgba(var(--sm-accent-rgb),.58);color:var(--sm-accent-2);box-shadow:0 0 18px rgba(var(--sm-accent-rgb),.10),inset 0 1px 0 rgba(255,255,255,.05)}
.sm-ui-settings-trigger i{font-size:12px}.sm-ui-settings-code{font:900 9px/1 'Montserrat',Arial,sans-serif;letter-spacing:.5px;color:var(--sm-accent-2)}
.sm-ui-settings-menu{position:absolute;top:calc(100% + 9px);right:0;width:min(330px,calc(100vw - 22px));padding:12px;border:1px solid rgba(var(--sm-accent-rgb),.32);border-top:3px solid var(--sm-accent);border-radius:13px;background:linear-gradient(145deg,rgba(17,20,25,.985),rgba(5,7,10,.99));box-shadow:0 24px 65px rgba(0,0,0,.68),0 0 0 1px rgba(var(--sm-accent-rgb),.03);opacity:0;visibility:hidden;transform:translateY(-5px);pointer-events:none;transition:.18s ease;backdrop-filter:blur(16px)}
.sm-ui-settings-menu.open{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.sm-ui-settings-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 2px 10px;border-bottom:1px solid rgba(255,255,255,.07);color:#f1f4f6}
.sm-ui-settings-head strong{font:800 12px 'Montserrat',Arial,sans-serif}.sm-ui-settings-head i{color:var(--sm-accent)}
.sm-ui-settings-section{padding-top:11px}.sm-ui-settings-label{display:block;margin-bottom:7px;color:#77818a;font:800 9px 'Montserrat',Arial,sans-serif;text-transform:uppercase;letter-spacing:1px}
.sm-ui-lang-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.sm-ui-lang{display:flex;align-items:center;gap:8px;padding:8px 9px;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:rgba(255,255,255,.018);color:#aeb7bd;text-decoration:none;font:700 11px 'Montserrat',Arial,sans-serif;transition:.16s ease}.sm-ui-lang:hover,.sm-ui-lang.is-active{border-color:rgba(var(--sm-accent-rgb),.40);background:rgba(var(--sm-accent-rgb),.08);color:#f5f6f7}.sm-ui-lang.is-active{box-shadow:inset 3px 0 0 var(--sm-accent)}.sm-ui-lang-flag{font-size:15px}.sm-ui-lang-code{margin-left:auto;color:var(--sm-accent-2);font-size:8px;letter-spacing:.6px}
.sm-ui-theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.sm-ui-theme{display:flex;align-items:center;gap:8px;padding:8px 9px;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:rgba(255,255,255,.018);color:#9fa9b0;cursor:pointer;text-align:left;font:700 10px 'Montserrat',Arial,sans-serif;transition:.16s ease}.sm-ui-theme:hover,.sm-ui-theme.is-active{border-color:rgba(var(--sm-accent-rgb),.38);color:#f4f5f6;background:rgba(var(--sm-accent-rgb),.06)}.sm-ui-theme.is-active{box-shadow:inset 3px 0 0 var(--sm-accent)}.sm-ui-theme-dot{width:13px;height:13px;border-radius:50%;background:var(--theme-dot);box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-dot) 18%,transparent),0 0 12px color-mix(in srgb,var(--theme-dot) 35%,transparent)}
@media(max-width:720px){.sm-ui-settings-menu{position:fixed;top:66px;right:10px}.sm-ui-settings-code{display:none}.sm-ui-settings-trigger{min-width:34px;width:34px;padding:0}}

/* aplicação forte do tema no shell global */
html[data-sm-theme] .top-header{background:linear-gradient(180deg,color-mix(in srgb,var(--sm-surface) 94%,#000),color-mix(in srgb,var(--sm-page-bg) 96%,#000))!important;border-bottom-color:rgba(var(--sm-accent-rgb),.34)!important;box-shadow:0 10px 30px rgba(0,0,0,.32),0 1px 18px rgba(var(--sm-accent-rgb),.06)!important}
html[data-sm-theme] .dropdown-content,html[data-sm-theme] .sub-dropdown-content,html[data-sm-theme] .account-panel-menu,html[data-sm-theme] .sm-stormbot-voice-menu,html[data-sm-theme] .sm-notification-panel{background:linear-gradient(145deg,var(--sm-surface-2),var(--sm-page-bg))!important;border-color:rgba(var(--sm-accent-rgb),.28)!important;border-top-color:var(--sm-accent)!important}
html[data-sm-theme] .nav-menu a:hover,html[data-sm-theme] .nav-item:hover .dropbtn,html[data-sm-theme] .nav-active,html[data-sm-theme] .online-status .num{color:var(--sm-accent-2)!important;text-shadow:0 0 16px rgba(var(--sm-accent-rgb),.25)!important}
html[data-sm-theme] .nav-active::after{background:linear-gradient(90deg,transparent,var(--sm-accent),transparent)!important;box-shadow:0 0 12px var(--sm-accent)!important}
html[data-sm-theme] .login-trigger,html[data-sm-theme] .register-trigger,html[data-sm-theme] .user-logged strong{color:var(--sm-accent-2)!important}

/* home: muda não apenas o detalhe, mas o clima visual inteiro */
html[data-sm-theme] .sm-site{background:linear-gradient(180deg,color-mix(in srgb,var(--sm-page-bg) 94%,#020306),color-mix(in srgb,var(--sm-page-bg-2) 88%,#000))!important}
html[data-sm-theme] .sm-ranking-section,html[data-sm-theme] .sm-feature-section,html[data-sm-theme] .sm-news-section{background:radial-gradient(circle at 12% 0,rgba(var(--sm-accent-rgb),.10),transparent 32%),linear-gradient(180deg,color-mix(in srgb,var(--sm-page-bg-2) 82%,#07090c),var(--sm-page-bg))!important}
html[data-sm-theme] .sm-live,html[data-sm-theme] .sm-rankbox,html[data-sm-theme] .sm-news-main,html[data-sm-theme] .sm-news-mini,html[data-sm-theme] .sm-news-party{border-color:rgba(var(--sm-accent-rgb),.28)!important;background-color:color-mix(in srgb,var(--sm-surface) 92%,#000)!important;box-shadow:0 18px 42px rgba(0,0,0,.28),0 0 0 1px rgba(var(--sm-accent-rgb),.025)!important}
html[data-sm-theme] .sm-eyebrow,html[data-sm-theme] .sm-chip,html[data-sm-theme] .sm-party-kicker{color:var(--sm-accent-2)!important;border-color:rgba(var(--sm-accent-rgb),.33)!important;background:rgba(var(--sm-accent-rgb),.08)!important}
html[data-sm-theme] .sm-btn.gold{background:linear-gradient(135deg,var(--sm-accent-2),var(--sm-accent))!important;border-color:var(--sm-accent)!important;box-shadow:0 10px 26px rgba(var(--sm-accent-rgb),.20)!important}
html[data-sm-theme] .sm-btn:not(.gold){border-color:rgba(var(--sm-accent-rgb),.24)!important}.sm-btn:not(.gold):hover{border-color:rgba(var(--sm-accent-rgb),.50)!important;color:var(--sm-accent-2)!important}
html[data-sm-theme] #smHeroTitle{background:linear-gradient(180deg,#fff 0%,var(--sm-accent-2) 38%,var(--sm-accent) 70%,color-mix(in srgb,var(--sm-accent) 55%,#111) 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;filter:drop-shadow(0 3px 0 rgba(0,0,0,.55)) drop-shadow(0 8px 18px rgba(var(--sm-accent-rgb),.12))!important}
html[data-sm-theme] .sm-hero-copy h1::after{background:linear-gradient(90deg,rgba(var(--sm-accent-rgb),.88),transparent)!important}
html[data-sm-theme] .sm-rankbox h3,html[data-sm-theme] .sm-rank-pos,html[data-sm-theme] .sm-rank-value,html[data-sm-theme] .sm-feature-arrow,html[data-sm-theme] .sm-news-go{color:var(--sm-accent-2)!important}
html[data-sm-theme] .sm-feature-card{border-color:rgba(var(--sm-accent-rgb),.25)!important;box-shadow:inset 0 0 0 1px rgba(var(--sm-accent-rgb),.04),0 18px 36px rgba(0,0,0,.27)!important}.sm-feature-card:hover{border-color:rgba(var(--sm-accent-rgb),.55)!important;box-shadow:0 22px 46px rgba(0,0,0,.34),0 0 24px rgba(var(--sm-accent-rgb),.10)!important}
html[data-sm-theme] .sm-party-orb:not(.gold){background:var(--sm-accent)!important;box-shadow:0 0 0 4px rgba(var(--sm-accent-rgb),.14),0 0 16px rgba(var(--sm-accent-rgb),.42)!important}.sm-party-path{background:linear-gradient(90deg,var(--sm-accent),var(--sm-accent-2))!important}

/* footer */
html[data-sm-theme] .smf{background:radial-gradient(circle at 15% 0,rgba(var(--sm-accent-rgb),.08),transparent 26%),linear-gradient(180deg,color-mix(in srgb,var(--sm-surface) 92%,#000),var(--sm-page-bg))!important;border-top-color:rgba(var(--sm-accent-rgb),.18)!important}
html[data-sm-theme] .smf-logo,html[data-sm-theme] .smf h3,html[data-sm-theme] .smf-stormbot>i:first-child,html[data-sm-theme] .smf-social-icons a{color:var(--sm-accent-2)!important}.smf h3::after{background:var(--sm-accent)!important}.smf-col a:hover,.smf-bottom nav a:hover{color:var(--sm-accent-2)!important}.smf-stormbot,.smf-social-icons a,.smf-backtop{border-color:rgba(var(--sm-accent-rgb),.20)!important}.smf-stormbot:hover,.smf-social-icons a:hover,.smf-backtop:hover{border-color:rgba(var(--sm-accent-rgb),.46)!important}

/* V1.1 — header compacto: mantém desktop em uma única linha */
@media (min-width:1025px){
  .top-header .container{flex-wrap:nowrap!important;padding-left:8px!important;padding-right:8px!important;min-height:46px!important}
  .header-left{flex-wrap:nowrap!important;min-width:0!important;flex:1 1 auto!important}
  .nav-menu{flex-wrap:nowrap!important;min-width:0!important;flex:1 1 auto!important}
  .nav-menu a,.nav-menu .dropbtn{padding-left:8px!important;padding-right:8px!important;font-size:11px!important;letter-spacing:.45px!important}
  .online-status{padding-right:10px!important;margin-right:5px!important;gap:6px!important;font-size:11px!important;letter-spacing:.55px!important}
  .online-status .num{font-size:14px!important}
  .online-status .status-dot{width:8px!important;height:8px!important}
  .header-right{flex-wrap:nowrap!important;gap:5px!important;padding-left:7px!important;white-space:nowrap!important}
  .user-logged{flex-wrap:nowrap!important;gap:5px!important;font-size:11px!important;white-space:nowrap!important}
  .user-logged strong{font-size:11px!important}
  .user-logged .btn-panel{padding:4px 7px!important;font-size:10px!important}
  .sm-ui-settings-trigger{width:30px!important;min-width:30px!important;height:30px!important;padding:0!important;border-radius:8px!important}
  .sm-ui-settings-code{display:none!important}
  .sm-stormbot-voice-trigger{width:30px!important;min-width:30px!important;height:30px!important;padding:0!important}
  .support-header-bell{width:30px!important;min-width:30px!important;height:30px!important}
  .pvp-tournament-shortcut{width:28px!important;min-width:28px!important;height:28px!important;margin-left:3px!important}
}
@media (min-width:1025px) and (max-width:1400px){
  .nav-menu a,.nav-menu .dropbtn{padding-left:6px!important;padding-right:6px!important;font-size:10px!important;letter-spacing:.25px!important}
  .online-status{font-size:10px!important;padding-right:7px!important;margin-right:3px!important}
  .header-right{gap:4px!important;padding-left:5px!important}
  .user-logged>span{font-size:0!important}
  .user-logged>span strong{font-size:10px!important}
}

/* V1.2 — remove a sobra horizontal depois de Comunidade no desktop */
@media (min-width:1025px){
  .top-header .container{justify-content:flex-start!important}
  .header-left{flex:0 1 auto!important;width:auto!important;max-width:none!important}
  .nav-menu{flex:0 1 auto!important;width:auto!important;max-width:none!important}
  .header-right{margin-left:4px!important;flex:0 0 auto!important}
}

/* V1.4 — desktop em UMA LINHA, ponta a ponta, sem reduzir a tipografia.
   Mantém 13px nos menus/online e recupera largura removendo apenas espaços mortos. */
@media (min-width:1025px){
  .top-header{padding:4px 0!important;}
  .top-header .container{
    width:100%!important;max-width:none!important;
    min-height:44px!important;
    padding-left:8px!important;padding-right:8px!important;
    display:flex!important;align-items:center!important;
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;gap:0!important;
  }
  .header-left{
    display:flex!important;align-items:center!important;
    flex:0 1 auto!important;width:auto!important;min-width:0!important;
    flex-wrap:nowrap!important;margin:0!important;padding:0!important;
  }
  .online-status{
    flex:0 0 auto!important;
    font-size:15px!important;letter-spacing:.55px!important;
    gap:6px!important;padding-right:9px!important;margin-right:3px!important;
    white-space:nowrap!important;
  }
  .online-status .num{font-size:16px!important;}
  .online-status .status-dot{width:8px!important;height:8px!important;}
  .nav-menu{
    display:flex!important;align-items:center!important;
    flex:0 1 auto!important;width:auto!important;min-width:0!important;
    flex-wrap:nowrap!important;gap:0!important;margin:0!important;padding:0!important;
  }
  .nav-item{flex:0 0 auto!important;}
  .nav-menu a,.nav-menu .dropbtn{
    font-size:16px!important;
    letter-spacing:.45px!important;
    padding:9px 9px!important;
    white-space:nowrap!important;
  }
  .header-right{
    display:flex!important;align-items:center!important;
    flex:0 0 auto!important;flex-wrap:nowrap!important;
    width:auto!important;white-space:nowrap!important;
    gap:5px!important;margin-left:2px!important;padding-left:6px!important;
    border-left:1px solid rgba(var(--sm-accent-rgb),.22)!important;
  }
  .user-logged{
    display:flex!important;align-items:center!important;flex-wrap:nowrap!important;
    gap:5px!important;font-size:12px!important;white-space:nowrap!important;
  }
  .user-logged>span{font-size:0!important;}
  .user-logged>span strong{font-size:12px!important;}
  .user-logged .btn-panel{font-size:11px!important;padding:5px 8px!important;}
  .sm-ui-settings-trigger,.sm-stormbot-voice-trigger,.support-header-bell{
    width:32px!important;min-width:32px!important;height:32px!important;padding:0!important;
  }
  .sm-ui-settings-code{display:none!important;}
  .pvp-tournament-shortcut{width:30px!important;min-width:30px!important;height:30px!important;margin-left:2px!important;}
}

/* Só em desktops realmente apertados: preserva 13px e tira mais padding, sem encolher a fonte. */
@media (min-width:1025px) and (max-width:1400px){
  .nav-menu a,.nav-menu .dropbtn{font-size:16px!important;padding-left:7px!important;padding-right:7px!important;letter-spacing:.25px!important;}
  .online-status{font-size:13px!important;padding-right:7px!important;margin-right:2px!important;}
  .header-right{gap:4px!important;margin-left:1px!important;padding-left:5px!important;}
  .user-logged>span strong{font-size:12px!important;}
}