/* =========================================================
   MuGM Studio Redesign v1
   Capa visual final para usar DESPUES de aaa.css
   Objetivo: elevar la web a una UI premium, épica y coherente
   sin tocar PHP ni romper el layout/base actual.
   ========================================================= */

:root{
  --mugm-bg-0: #040813;
  --mugm-bg-1: #071223;
  --mugm-bg-2: #0c1930;
  --mugm-panel-0: rgba(8,14,28,.90);
  --mugm-panel-1: rgba(10,18,34,.94);
  --mugm-panel-2: rgba(16,28,50,.96);
  --mugm-line: rgba(106, 160, 255, .20);
  --mugm-line-strong: rgba(137, 193, 255, .34);
  --mugm-text: #edf4ff;
  --mugm-text-soft: rgba(226,236,255,.78);
  --mugm-text-dim: rgba(175,194,228,.58);
  --mugm-blue: #58bbff;
  --mugm-blue-2: #2b7bff;
  --mugm-cyan: #77f2ff;
  --mugm-gold: #f4cf76;
  --mugm-gold-2: #c9952f;
  --mugm-red: #ff6a4d;
  --mugm-red-2: #ff9657;
  --mugm-violet: #8e8bff;
  --mugm-shadow: 0 24px 80px rgba(0,0,0,.42);
  --mugm-shadow-soft: 0 16px 42px rgba(0,0,0,.26);
  --mugm-blur: blur(18px);
  --mugm-radius-xl: 28px;
  --mugm-radius-lg: 22px;
  --mugm-radius-md: 16px;
  --mugm-radius-sm: 12px;
  --mugm-grid-line:
    linear-gradient(90deg, rgba(77,120,205,.07) 1px, transparent 1px),
    linear-gradient(180deg, rgba(77,120,205,.07) 1px, transparent 1px);
}

html{
  scroll-behavior:smooth;
  background:
    radial-gradient(1000px 420px at 50% 0%, rgba(62,129,255,.12), transparent 66%),
    linear-gradient(180deg, #060b18 0%, #040813 100%) !important;
}

html[data-theme="light"]{
  --mugm-bg-0: #ecf3ff;
  --mugm-bg-1: #eaf2ff;
  --mugm-bg-2: #d8e7ff;
  --mugm-panel-0: rgba(255,255,255,.86);
  --mugm-panel-1: rgba(255,255,255,.92);
  --mugm-panel-2: rgba(246,250,255,.96);
  --mugm-line: rgba(40,92,185,.16);
  --mugm-line-strong: rgba(35,96,194,.24);
  --mugm-text: #11223d;
  --mugm-text-soft: rgba(17,34,61,.78);
  --mugm-text-dim: rgba(17,34,61,.56);
  --mugm-shadow: 0 24px 70px rgba(16,42,87,.12);
  --mugm-shadow-soft: 0 16px 36px rgba(16,42,87,.08);
}

body.mugm-body{
  color:var(--mugm-text) !important;
  background:
    radial-gradient(700px 320px at 16% 8%, rgba(50,120,255,.12), transparent 70%),
    radial-gradient(760px 320px at 85% 10%, rgba(255,90,50,.10), transparent 70%),
    radial-gradient(900px 520px at 50% 100%, rgba(30,74,160,.16), transparent 62%),
    linear-gradient(180deg, var(--mugm-bg-1) 0%, var(--mugm-bg-0) 100%) !important;
  background-attachment: fixed !important;
  position:relative;
}

body.mugm-body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.55;
  background:
    radial-gradient(1200px 650px at 50% -12%, rgba(80,165,255,.10), transparent 68%),
    radial-gradient(1000px 500px at 50% 120%, rgba(255,126,64,.07), transparent 68%),
    var(--mugm-grid-line);
  background-size:auto, auto, 88px 88px;
  mask-image: linear-gradient(180deg, rgba(0,0,0,.88), rgba(0,0,0,.34));
  z-index:0;
}

body.mugm-body::after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(0,0,0,.26) 0%, transparent 18%, transparent 82%, rgba(0,0,0,.24) 100%),
    linear-gradient(180deg, rgba(0,0,0,.14) 0%, transparent 16%, transparent 82%, rgba(0,0,0,.26) 100%);
  z-index:0;
}

#container, .mugm-body > *{ position:relative; z-index:1; }

a, .mugm-link, .navbar a{ transition: color .18s ease, opacity .18s ease, transform .18s ease, background .18s ease, box-shadow .18s ease, border-color .18s ease; }

a{ color:var(--mugm-blue); }
a:hover, a:focus{ color:#9cd9ff; text-decoration:none; }

p, li, td, th, span, small, label, .text-muted{
  letter-spacing:.01em;
}

h1, h2, h3, h4, h5, .mugm-page-title > span, .mugm-section__title,
.mugm-hero__title, .we-hero-title, .we-hero-copy h1, .we-hero-copy h2{
  font-family:"Cinzel", serif !important;
  letter-spacing:.02em;
}

body, button, input, select, textarea, .mugm-btn, .mugm-chip, .badge,
.mugm-table, .mugm-info-link, .mugm-info-sub a, .mugm-footer__link{
  font-family:"Inter", system-ui, sans-serif !important;
}

/* ===== ancho general ===== */
.mugm-shell,
.we-container,
.container,
.container-fluid > .mugm-shell{
  width:min(1580px, calc(100vw - 42px)) !important;
  max-width:min(1580px, calc(100vw - 42px)) !important;
}

@media (max-width: 992px){
  .mugm-shell,
  .we-container,
  .container,
  .container-fluid > .mugm-shell{
    width:min(100vw - 24px, 100%) !important;
    max-width:min(100vw - 24px, 100%) !important;
  }
}

/* ===== topbar / header ===== */
.mugm-topbar,
.mugm-header{
  backdrop-filter: blur(14px) saturate(1.15) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.15) !important;
}

.mugm-topbar{
  background:
    linear-gradient(180deg, rgba(4,8,18,.92), rgba(8,13,28,.82)) !important;
  border-bottom:1px solid rgba(91,150,255,.10) !important;
  box-shadow: inset 0 -1px 0 rgba(255,255,255,.03), 0 12px 34px rgba(0,0,0,.16) !important;
}

.mugm-topbar::before,
.mugm-header::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(480px 120px at 10% 0%, rgba(83,165,255,.12), transparent 72%),
    radial-gradient(520px 150px at 90% 0%, rgba(255,110,66,.10), transparent 72%);
  opacity:.9;
}

.mugm-topbar__inner,
.mugm-header__inner{
  position:relative;
  z-index:2;
}

.mugm-topbar__left > *,
.mugm-topbar__right > *{
  position:relative;
}

.mugm-badge--version,
.mugm-link--subtle,
.mugm-link--discord,
.mugm-clock,
.mugm-themebtn,
.mugm-top-events,
.mugm-top-events__loading,
.mugm-top-events__item,
.mugm-top-events__pill{
  border:1px solid rgba(123,177,255,.16) !important;
  background:
    linear-gradient(180deg, rgba(13,21,39,.92), rgba(9,15,30,.88)) !important;
  color:var(--mugm-text-soft) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 10px 30px rgba(0,0,0,.18) !important;
}

.mugm-link--subtle:hover,
.mugm-link--discord:hover,
.mugm-themebtn:hover,
.mugm-badge--version:hover{
  color:#fff !important;
  border-color: rgba(143,204,255,.28) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 0 0 1px rgba(69,143,255,.12),
    0 14px 32px rgba(0,0,0,.22),
    0 0 28px rgba(88,187,255,.10) !important;
}

.mugm-header{
  background:
    linear-gradient(180deg, rgba(7,12,24,.88), rgba(6,10,20,.72)) !important;
  border-bottom:1px solid rgba(81,136,227,.11) !important;
  box-shadow: 0 16px 42px rgba(0,0,0,.18) !important;
}

.mugm-header.is-scrolled{
  background:
    linear-gradient(180deg, rgba(6,11,22,.96), rgba(5,10,20,.88)) !important;
  box-shadow: 0 20px 48px rgba(0,0,0,.28) !important;
}

.mugm-brand{
  filter: drop-shadow(0 10px 24px rgba(35,131,255,.16));
}

.mugm-brand__logo{
  max-height:60px !important;
}

.mugm-nav__list > li > a,
.mugm-nav__list > li > span,
.mugm-nav__list > li > button,
.mugm-nav__list .dropdown-toggle{
  color:rgba(229,239,255,.84) !important;
  font-weight:600 !important;
  letter-spacing:.02em;
  border-radius:14px !important;
  padding:11px 14px !important;
  position:relative;
}

.mugm-nav__list > li > a::after,
.mugm-nav__list .dropdown-toggle::after{
  content:"";
  position:absolute;
  left:14px;
  right:14px;
  bottom:6px;
  height:2px;
  border-radius:999px;
  background: linear-gradient(90deg, rgba(96,199,255,0), rgba(96,199,255,.95), rgba(255,150,94,0));
  transform: scaleX(.35);
  transform-origin:50% 50%;
  opacity:0;
  transition: transform .18s ease, opacity .18s ease;
}

.mugm-nav__list > li > a:hover,
.mugm-nav__list > li.active > a,
.mugm-nav__list > li.current-menu-item > a,
.mugm-nav__list .dropdown-toggle:hover{
  color:#fff !important;
  background: rgba(255,255,255,.035) !important;
  text-shadow: 0 0 18px rgba(88,187,255,.20);
}

.mugm-nav__list > li > a:hover::after,
.mugm-nav__list > li.active > a::after,
.mugm-nav__list .dropdown-toggle:hover::after{
  opacity:1;
  transform: scaleX(1);
}

.mugm-nav--mobile{
  background: linear-gradient(180deg, rgba(7,13,26,.96), rgba(4,8,18,.96)) !important;
  border-top:1px solid rgba(110,173,255,.10) !important;
}

.mugm-hamburger{
  border:1px solid rgba(124,181,255,.18) !important;
  background:linear-gradient(180deg, rgba(14,22,40,.92), rgba(8,14,30,.92)) !important;
  box-shadow: 0 14px 32px rgba(0,0,0,.24) !important;
}

/* ===== botones ===== */
.mugm-btn,
.mugm-btn-gold,
.we-btn,
.mugm-footer__btn,
button,
input[type="submit"],
.btn{
  border-radius: 16px !important;
}

.mugm-btn,
.we-btn,
.mugm-footer__btn,
.btn{
  position:relative;
  overflow:hidden;
  font-weight:700 !important;
  letter-spacing:.02em;
  border:1px solid rgba(125,181,255,.16) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 14px 34px rgba(0,0,0,.22) !important;
}

.mugm-btn::before,
.we-btn::before,
.mugm-footer__btn::before,
.btn::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background: linear-gradient(120deg, transparent 0%, rgba(255,255,255,.14) 22%, transparent 44%);
  transform: translateX(-130%);
  transition: transform .55s ease;
}

.mugm-btn:hover::before,
.we-btn:hover::before,
.mugm-footer__btn:hover::before,
.btn:hover::before{
  transform: translateX(130%);
}

.mugm-btn--ghost,
.we-btn-ghost,
.mugm-footer__btn--ghost,
.btn-default{
  background:
    linear-gradient(180deg, rgba(17,27,49,.90), rgba(10,17,32,.92)) !important;
  color:var(--mugm-text) !important;
}

.mugm-btn--ghost:hover,
.we-btn-ghost:hover,
.mugm-footer__btn--ghost:hover,
.btn-default:hover{
  border-color: rgba(145,208,255,.32) !important;
  color:#fff !important;
  transform: translateY(-1px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 18px 40px rgba(0,0,0,.26),
    0 0 30px rgba(88,187,255,.12) !important;
}

.mugm-btn--gold,
.mugm-btn-gold,
.we-btn-primary,
.mugm-footer__btn:not(.mugm-footer__btn--ghost),
.btn-primary,
.btn-warning{
  color:#0e1423 !important;
  border-color: rgba(255,209,116,.36) !important;
  background:
    linear-gradient(135deg, #fff0b8 0%, #f4cf76 18%, #d9a43e 45%, #ffdf88 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.38),
    0 16px 40px rgba(0,0,0,.22),
    0 0 24px rgba(244,207,118,.16) !important;
}

.mugm-btn--gold:hover,
.mugm-btn-gold:hover,
.we-btn-primary:hover,
.btn-primary:hover,
.btn-warning:hover{
  color:#0a0f1a !important;
  transform: translateY(-1px);
  border-color: rgba(255,221,146,.52) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.44),
    0 18px 44px rgba(0,0,0,.26),
    0 0 34px rgba(244,207,118,.24) !important;
}

/* ===== tarjetas / paneles globales ===== */
.mugm-section,
.mugm-info-sidebar,
.mugm-info-content,
.mugm-home-block,
.mugm-modal,
.we-hero-card,
.we-mini-card,
.we-timebar,
.mugm-footer__brand,
.mugm-footer__col,
.mugm-dl-step,
.mugm-dl-item,
.mugm-news-card,
.news-card,
.panel,
.modal-content,
.mugm-gal2__hero,
.mugm-gal2lb__panel,
.mugm-profile-card,
.mugm-profile-panel,
.mugm-cs-card,
.mugm-ranking-card,
.table-responsive{
  background:
    linear-gradient(180deg, rgba(15,24,43,.90), rgba(8,14,28,.96)) !important;
  border:1px solid var(--mugm-line) !important;
  border-radius: var(--mugm-radius-lg) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    inset 0 0 0 1px rgba(255,255,255,.015),
    var(--mugm-shadow) !important;
  position:relative;
  overflow:hidden;
}

.mugm-section::before,
.mugm-info-sidebar::before,
.mugm-info-content::before,
.mugm-home-block::before,
.we-hero-card::before,
.mugm-dl-step::before,
.mugm-dl-item::before,
.panel::before,
.table-responsive::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(560px 140px at 8% 0%, rgba(88,187,255,.10), transparent 72%),
    radial-gradient(420px 120px at 100% 0%, rgba(255,123,84,.08), transparent 76%);
}

.mugm-section::after,
.mugm-info-sidebar::after,
.mugm-info-content::after,
.mugm-home-block::after,
.we-hero-card::after,
.table-responsive::after{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  top:0;
  height:1px;
  background: linear-gradient(90deg, transparent, rgba(180,222,255,.22), transparent);
  pointer-events:none;
}

.mugm-section:hover,
.mugm-info-sidebar:hover,
.mugm-info-content:hover,
.mugm-home-block:hover,
.we-hero-card:hover,
.mugm-dl-item:hover,
.panel:hover{
  border-color: var(--mugm-line-strong) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    inset 0 0 0 1px rgba(255,255,255,.02),
    0 28px 90px rgba(0,0,0,.48),
    0 0 34px rgba(88,187,255,.08) !important;
}

/* ===== títulos de sección ===== */
.mugm-page-title{
  margin: 26px auto 18px !important;
  text-align:center !important;
}

.mugm-page-title > span,
.mugm-page-title span{
  display:inline-flex !important;
  align-items:center !important;
  gap:12px !important;
  padding: 14px 22px !important;
  border-radius: 18px !important;
  color: #fff !important;
  font-size: clamp(18px, 1.5vw, 26px) !important;
  background:
    linear-gradient(180deg, rgba(17,28,48,.96), rgba(10,17,32,.96)) !important;
  border:1px solid rgba(124,181,255,.20) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 18px 44px rgba(0,0,0,.22) !important;
}

.mugm-page-title i,
.mugm-section__title i,
.mugm-section__head i{
  color: var(--mugm-gold) !important;
  text-shadow: 0 0 16px rgba(244,207,118,.26);
}

.mugm-section__head,
.mugm-info-sidebar__head,
.we-hero-card__head,
.mugm-dl-hero{
  border-bottom:1px solid rgba(130,188,255,.10) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,0)) !important;
}

.mugm-section__title,
.we-hero-card__title,
.mugm-footer__title,
.mugm-dl-hero__title,
.mugm-info-sidebar__title{
  color:#fff !important;
  text-shadow: 0 2px 10px rgba(0,0,0,.24);
}

.mugm-section__sub,
.we-hero-card__sub,
.mugm-footer__desc,
.mugm-dl-hero__sub,
.mugm-info-content p,
.mugm-info-content li,
.mugm-dl-item__desc,
.mugm-dl-note,
.we-time-item,
.we-mini-label{
  color:var(--mugm-text-soft) !important;
}

/* ===== hero ===== */
.mugm-hero,
.we-home-hero{
  border-radius: 0 0 32px 32px !important;
  overflow:hidden !important;
  background:
    radial-gradient(700px 320px at 13% 18%, rgba(66,138,255,.16), transparent 72%),
    radial-gradient(900px 420px at 82% 22%, rgba(255,101,57,.12), transparent 74%),
    linear-gradient(180deg, rgba(8,14,28,.78), rgba(5,8,18,.88)) !important;
  border-bottom:1px solid rgba(124,182,255,.12) !important;
  box-shadow: inset 0 -1px 0 rgba(255,255,255,.03), 0 24px 70px rgba(0,0,0,.20) !important;
}

.mugm-hero__bg,
.we-home-hero::before{
  background:
    radial-gradient(920px 440px at 18% 12%, rgba(72,157,255,.12), transparent 72%),
    radial-gradient(940px 500px at 83% 22%, rgba(255,124,80,.12), transparent 74%),
    linear-gradient(180deg, rgba(8,14,28,.12), rgba(8,14,28,.56)) !important;
}

.mugm-hero__title,
.we-hero-copy h1,
.we-hero-copy h2,
.we-hero-logo + h1{
  color:#fff !important;
  text-shadow: 0 6px 24px rgba(0,0,0,.28);
}

.mugm-hero__title .accent,
.we-hero-copy strong,
.we-mini-val,
.we-hero-card__tag,
.mugm-hero__kicker,
.mugm-hero__metricValue{
  color: var(--mugm-gold) !important;
}

.mugm-hero__sub,
.we-hero-sub,
.we-hero-copy p{
  color:rgba(234,242,255,.82) !important;
  max-width: 760px;
}

.we-stats-mini,
.mugm-hero-metrics{
  gap:14px !important;
}

.we-mini-card,
.mugm-hero-metric{
  backdrop-filter: blur(14px) saturate(1.08) !important;
}

.we-mini-card{
  min-height: 86px;
}

.we-mini-ico,
.mugm-hero-metric__icon{
  color:var(--mugm-blue) !important;
  text-shadow: 0 0 20px rgba(88,187,255,.20);
}

/* ===== home principal ===== */
.mugm-home,
.mugm-home-grid{
  position:relative;
}

.mugm-home .mugm-home-grid,
.mugm-home-grid{
  gap: 18px !important;
}

.mugm-home-block,
.mugm-home .mugm-home-block,
.mugm-home .mugm-section,
.mugm-home .mugm-home-grid > *{
  border-radius: 24px !important;
}

/* ===== rankings home ===== */
.mugm-home .mugm-rankings-grid,
.mugm-rankings-grid{
  gap:16px !important;
}

.mugm-rank-card,
.mugm-ranking-card,
.mugm-home .mugm-home-block .mugm-ranking-card,
.mugm-home .mugm-home-block .mugm-rank-card{
  background:
    linear-gradient(180deg, rgba(12,21,39,.96), rgba(8,14,28,.98)) !important;
  border:1px solid rgba(121,180,255,.16) !important;
  border-radius: 20px !important;
  box-shadow: var(--mugm-shadow-soft) !important;
}

.mugm-rank-card:hover,
.mugm-ranking-card:hover{
  border-color: rgba(143,205,255,.28) !important;
}

.mugm-rslot,
.mugm-rslot-card,
.mugm-rentry,
.mugm-rank-row{
  border-radius: 18px !important;
  border:1px solid rgba(255,255,255,.06) !important;
  background:
    linear-gradient(180deg, rgba(20,31,56,.66), rgba(12,18,34,.80)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
}

.mugm-rslot:hover,
.mugm-rslot-card:hover,
.mugm-rentry:hover,
.mugm-rank-row:hover{
  transform: translateY(-1px);
  border-color: rgba(148,210,255,.22) !important;
}

.mugm-rslot-badge,
.mugm-rguild-badge,
.mugm-rreset-badge{
  border:1px solid rgba(125,182,255,.14) !important;
  background: linear-gradient(180deg, rgba(17,27,50,.92), rgba(10,17,31,.94)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 10px 24px rgba(0,0,0,.18) !important;
}

.mugm-rslot-badge.is-completed,
.mugm-rreset-badge.is-completed,
.mugm-rslot-badge.has-score,
.mugm-rguild-badge.has-score{
  border-color: rgba(255,210,118,.32) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 10px 24px rgba(0,0,0,.18),
    0 0 24px rgba(255,189,93,.12) !important;
}

.mugm-rslot-badge.is-locked,
.mugm-rreset-badge.is-locked,
.mugm-rslot-badge.is-empty,
.mugm-rguild-badge.is-empty{
  opacity:.38 !important;
  filter: grayscale(.20) saturate(.60);
}

.mugm-rslot-count,
.mugm-rguild-badge__count{
  background: linear-gradient(180deg, rgba(11,20,38,.96), rgba(7,13,26,.96)) !important;
  color:#fff !important;
  border:1px solid rgba(255,212,121,.24) !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.22) !important;
}

/* ===== tablas rankings completas ===== */
.mugm-rankings .table-responsive{ padding:0 !important; }

.mugm-table{
  border-collapse: separate !important;
  border-spacing: 0 !important;
  width:100% !important;
  background: transparent !important;
}

.mugm-table thead th{
  position:sticky;
  top:0;
  z-index:2;
  background:
    linear-gradient(180deg, rgba(20,31,56,.98), rgba(12,18,34,.98)) !important;
  color:#f5f8ff !important;
  text-transform:uppercase !important;
  letter-spacing:.08em !important;
  font-size:11px !important;
  border-bottom:1px solid rgba(137,193,255,.18) !important;
}

.mugm-table tbody td{
  background: transparent !important;
  color:var(--mugm-text-soft) !important;
  border-bottom:1px solid rgba(255,255,255,.055) !important;
  vertical-align:middle !important;
}

.mugm-table tbody tr{
  background: linear-gradient(180deg, rgba(255,255,255,.012), rgba(255,255,255,0)) !important;
}

.mugm-table tbody tr:hover td{
  background: rgba(255,255,255,.022) !important;
}

.mugm-table tbody tr:nth-child(1){
  box-shadow: inset 0 0 0 1px rgba(244,207,118,.14);
}
.mugm-table tbody tr:nth-child(2){
  box-shadow: inset 0 0 0 1px rgba(196,214,240,.10);
}
.mugm-table tbody tr:nth-child(3){
  box-shadow: inset 0 0 0 1px rgba(207,144,84,.10);
}

.mugm-rguild-name a,
.mugm-rmaster__name a,
.mugm-rchar__name a,
.mugm-rname a,
.mugm-profile-name,
.mugm-guild-name{
  color:#fff !important;
  font-weight:700 !important;
}

.badge-online,
.badge-offline,
.mugm-chip,
.badge,
.label{
  border-radius:999px !important;
  padding:.42rem .72rem !important;
  font-weight:700 !important;
  letter-spacing:.03em;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06) !important;
}

.badge-online{
  background: linear-gradient(180deg, rgba(35,141,95,.94), rgba(20,105,70,.94)) !important;
  color:#eafff2 !important;
  border:1px solid rgba(101,233,165,.20) !important;
}

.badge-offline{
  background: linear-gradient(180deg, rgba(81,92,116,.90), rgba(58,68,89,.92)) !important;
  color:#ebf0fb !important;
  border:1px solid rgba(189,204,231,.12) !important;
}

/* ===== info ===== */
.mugm-info{
  gap: 18px !important;
}

.mugm-info-sidebar{
  position:sticky !important;
  top: 112px !important;
}

.mugm-info-search input,
.mugm-info-search input:focus,
input[type="text"],
input[type="email"],
input[type="password"],
select,
textarea{
  background: linear-gradient(180deg, rgba(12,20,37,.92), rgba(8,14,28,.96)) !important;
  border:1px solid rgba(125,182,255,.16) !important;
  color:var(--mugm-text) !important;
  border-radius: 14px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
}

.mugm-info-search input:focus,
input:focus,
select:focus,
textarea:focus{
  outline:none !important;
  border-color: rgba(147,210,255,.32) !important;
  box-shadow: 0 0 0 3px rgba(88,187,255,.10), inset 0 1px 0 rgba(255,255,255,.05) !important;
}

.mugm-info-link,
.mugm-info-sub a,
.mugm-info-group__toggle{
  border:1px solid transparent !important;
  border-radius: 14px !important;
  color: var(--mugm-text-soft) !important;
  background: transparent !important;
}

.mugm-info-link:hover,
.mugm-info-sub a:hover,
.mugm-info-group__toggle:hover{
  color:#fff !important;
  background: rgba(255,255,255,.032) !important;
  border-color: rgba(127,183,255,.14) !important;
}

.mugm-info-link.is-active,
.mugm-info-sub a.is-active{
  color:#fff !important;
  background:
    linear-gradient(180deg, rgba(28,46,83,.92), rgba(14,24,44,.96)) !important;
  border-color: rgba(139,196,255,.24) !important;
  box-shadow: 0 14px 30px rgba(0,0,0,.18), 0 0 22px rgba(88,187,255,.08) !important;
}

.mugm-info-content h2,
.mugm-info-content h3,
.mugm-info-content h4{
  color:#fff !important;
}

.mugm-info-content table,
.mugm-info-content .table{
  width:100%;
  background:rgba(8,14,28,.30) !important;
  border-radius: 16px !important;
  overflow:hidden;
}

.mugm-info-content table th,
.mugm-info-content table td{
  border-color: rgba(255,255,255,.06) !important;
  color:var(--mugm-text-soft) !important;
}

.mugm-info-content .highlight{
  background:
    linear-gradient(180deg, rgba(22,38,69,.82), rgba(11,18,33,.94)) !important;
  border:1px solid rgba(134,190,255,.18) !important;
  color:#fff !important;
}

/* ===== downloads ===== */
.mugm-dl-hero{
  padding: 26px !important;
  border-radius: 24px !important;
  background:
    radial-gradient(540px 180px at 0% 0%, rgba(88,187,255,.08), transparent 70%),
    radial-gradient(460px 160px at 100% 0%, rgba(255,123,84,.07), transparent 72%),
    linear-gradient(180deg, rgba(14,24,43,.96), rgba(8,14,28,.98)) !important;
}

.mugm-dl-step,
.mugm-dl-item{
  padding:18px !important;
}

.mugm-dl-list{
  display:grid !important;
  gap:14px !important;
}

.mugm-dl-item__name{
  color:#fff !important;
}

.mugm-dl-item__meta{
  gap:10px !important;
}

/* ===== perfiles ===== */
.mugm-profile,
.mugm-player-profile,
.mugm-guild-profile,
.profile-content,
.profile-section,
.profile-box,
.profile-card,
.guild-profile-card{
  color:var(--mugm-text-soft) !important;
}

.profile-box,
.profile-card,
.guild-profile-card,
.profile-section,
.profile-content .panel,
.profile-content .table-responsive{
  background:
    linear-gradient(180deg, rgba(15,24,43,.92), rgba(8,14,28,.98)) !important;
  border:1px solid rgba(123,181,255,.16) !important;
  border-radius: 22px !important;
  box-shadow: var(--mugm-shadow-soft) !important;
}

.profile-box h1,
.profile-box h2,
.profile-card h1,
.profile-card h2,
.guild-profile-card h1,
.guild-profile-card h2,
.profile-section h2,
.profile-section h3{
  color:#fff !important;
}

.mugm-guildboss,
.guild-bosses,
.mugm-profile-bosses,
.mugm-profile-achievements,
.mugm-missions-row,
.mugm-reset-badges{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

/* ===== anuncios / noticias ===== */
.mugm-news-card,
.news-card,
.news-post,
.news-article,
.module-news .news-block,
.module-news .news-item{
  background:
    linear-gradient(180deg, rgba(14,22,40,.96), rgba(8,14,28,.98)) !important;
  border:1px solid rgba(120,178,255,.14) !important;
  border-radius: 20px !important;
  box-shadow: var(--mugm-shadow-soft) !important;
}

.mugm-news-card:hover,
.news-card:hover,
.news-post:hover,
.news-article:hover{
  border-color: rgba(145,207,255,.26) !important;
}

/* ===== modal ===== */
.modal-content.mugm-modal,
.mugm-modal{
  border-radius: 24px !important;
  background:
    linear-gradient(180deg, rgba(15,24,43,.96), rgba(8,14,28,.98)) !important;
}

.mugm-modal__header{
  border-bottom:1px solid rgba(130,189,255,.12) !important;
}

.modal-backdrop.in{
  opacity:.76 !important;
}

/* ===== galería ===== */
.mugm-gal2__hero,
.mugm-gal2lb__panel{
  border-radius: 22px !important;
}

.mugm-gal2__thumb{
  border-radius: 14px !important;
  border-color: rgba(124,181,255,.14) !important;
}

.mugm-gal2__thumb.is-active{
  border-color: rgba(244,207,118,.34) !important;
  box-shadow: 0 0 0 1px rgba(244,207,118,.10), 0 10px 26px rgba(0,0,0,.18) !important;
}

/* ===== footer ===== */
.mugm-footer{
  margin-top: 34px !important;
  padding-top: 10px !important;
  background: transparent !important;
}

.mugm-footer__grid{
  gap:18px !important;
}

.mugm-footer__brand,
.mugm-footer__col{
  padding:22px !important;
}

.mugm-footer__logo img{
  filter: drop-shadow(0 12px 24px rgba(59,144,255,.16));
}

.mugm-footer__link{
  color:var(--mugm-text-soft) !important;
  border-radius: 12px !important;
}

.mugm-footer__link:hover,
.mugm-social:hover{
  color:#fff !important;
  text-shadow: 0 0 16px rgba(88,187,255,.14);
}

.mugm-footer__bottom{
  border-top:1px solid rgba(124,180,255,.10) !important;
  color:var(--mugm-text-dim) !important;
}

/* ===== tablas / forms bootstrap legado ===== */
.table,
.table-bordered,
.table-responsive,
.panel,
.panel-default,
.alert,
.form-control,
.well{
  border-color: rgba(123,181,255,.14) !important;
}

.table > thead > tr > th,
.table > tbody > tr > td,
.table > tbody > tr > th{
  background-color: transparent !important;
  color: var(--mugm-text-soft) !important;
}

.panel-heading,
.alert{
  background:
    linear-gradient(180deg, rgba(21,35,63,.94), rgba(12,20,37,.96)) !important;
  color:#fff !important;
}

/* ===== responsive ===== */
@media (max-width: 1200px){
  .mugm-info-sidebar{ top: 92px !important; }
}

@media (max-width: 992px){
  .mugm-page-title{ margin-top: 18px !important; }
  .mugm-info-sidebar{ position:relative !important; top:auto !important; }
  .mugm-hero,
  .we-home-hero{ border-radius: 0 0 24px 24px !important; }
}

@media (max-width: 768px){
  .mugm-page-title > span,
  .mugm-page-title span{
    width:100%;
    justify-content:center;
    font-size: 18px !important;
  }

  .mugm-topbar__left,
  .mugm-topbar__right{
    gap:8px !important;
  }

  .mugm-section,
  .mugm-info-sidebar,
  .mugm-info-content,
  .mugm-home-block,
  .we-hero-card,
  .mugm-dl-hero,
  .mugm-dl-item,
  .mugm-dl-step,
  .mugm-footer__brand,
  .mugm-footer__col{
    border-radius: 18px !important;
  }
}

/* ===== light theme compat ===== */
html[data-theme="light"] body.mugm-body{
  background:
    radial-gradient(700px 320px at 16% 8%, rgba(66,138,255,.10), transparent 70%),
    radial-gradient(760px 320px at 85% 10%, rgba(255,132,77,.08), transparent 70%),
    linear-gradient(180deg, #eff5ff 0%, #e7f0ff 100%) !important;
}

html[data-theme="light"] .mugm-topbar,
html[data-theme="light"] .mugm-header,
html[data-theme="light"] .mugm-section,
html[data-theme="light"] .mugm-info-sidebar,
html[data-theme="light"] .mugm-info-content,
html[data-theme="light"] .mugm-home-block,
html[data-theme="light"] .we-hero-card,
html[data-theme="light"] .mugm-dl-hero,
html[data-theme="light"] .mugm-dl-item,
html[data-theme="light"] .mugm-dl-step,
html[data-theme="light"] .mugm-footer__brand,
html[data-theme="light"] .mugm-footer__col,
html[data-theme="light"] .table-responsive,
html[data-theme="light"] .panel,
html[data-theme="light"] .modal-content{
  background:
    linear-gradient(180deg, rgba(255,255,255,.88), rgba(246,250,255,.96)) !important;
  border-color: rgba(44,98,191,.12) !important;
}

html[data-theme="light"] .mugm-nav__list > li > a,
html[data-theme="light"] .mugm-link--subtle,
html[data-theme="light"] .mugm-clock,
html[data-theme="light"] .mugm-themebtn,
html[data-theme="light"] .mugm-footer__link,
html[data-theme="light"] .mugm-info-link,
html[data-theme="light"] .mugm-info-sub a,
html[data-theme="light"] .mugm-info-group__toggle,
html[data-theme="light"] .mugm-section__sub,
html[data-theme="light"] .mugm-info-content p,
html[data-theme="light"] .mugm-info-content li,
html[data-theme="light"] .table > tbody > tr > td,
html[data-theme="light"] .table > thead > tr > th{
  color: var(--mugm-text-soft) !important;
}

html[data-theme="light"] .mugm-page-title > span,
html[data-theme="light"] .mugm-section__title,
html[data-theme="light"] .we-hero-card__title,
html[data-theme="light"] .mugm-info-content h2,
html[data-theme="light"] .mugm-info-content h3,
html[data-theme="light"] .mugm-footer__title{
  color: #10223f !important;
}

/* =========================================================
   MuGM Studio Grade - Final polish patch
   Consolidado final
   ========================================================= */

:root{
  --mugm-bg-0:#020814;
  --mugm-bg-1:#06101f;
  --mugm-bg-2:#0a1730;
  --mugm-bg-3:#0d1d38;
  --mugm-panel:#081222;
  --mugm-panel-2:#0b1730;
  --mugm-line:rgba(86,130,220,.20);
  --mugm-line-strong:rgba(125,175,255,.35);
  --mugm-text:#eaf2ff;
  --mugm-text-soft:#b7c6e6;
  --mugm-text-dim:#8ca0c6;
  --mugm-blue:#57a8ff;
  --mugm-cyan:#65e0ff;
  --mugm-gold:#f5d67a;
  --mugm-gold-2:#cf9f36;
  --mugm-red:#ff725f;
  --mugm-green:#38c785;
  --mugm-radius-lg:24px;
  --mugm-radius-md:18px;
  --mugm-radius-sm:14px;
  --mugm-shadow-deep:0 18px 50px rgba(0,0,0,.42);
  --mugm-shadow-soft:0 8px 24px rgba(0,0,0,.24);
  --mugm-glow-blue:0 0 0 1px rgba(106,161,255,.12), 0 0 34px rgba(61,121,255,.10);
  --mugm-glow-gold:0 0 0 1px rgba(245,214,122,.15), 0 0 30px rgba(207,159,54,.12);
}

html, body{
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

body,
.mugm-shell,
.mugm-section,
.mugm-home-block,
.panel,
.modal-content,
.card,
.table,
.mugm-info,
.mugm-info *:not(.fa):not(.fab):not(.fas):not(.far),
.mugm-guide-panel,
.mugm-guide-body,
.mugm-home-ann-card,
.mugm-home-ann-modal,
.mugm-profile-panel,
.mugm-profile-box,
.mugm-usercp-card,
.mugm-usercp-shell{
  font-family: Inter, "Segoe UI", Arial, sans-serif !important;
}

.mugm-section__title,
.mugm-page-title,
.modal-title,
.mugm-modal__header h4,
.mugm-hero__title,
.mugm-login-hero__title,
.mugm-guide-panel h2,
.mugm-guide-panel h3,
.mugm-guide-panel h4,
.mugm-profile-panel__head h3,
.mugm-usercp-title,
.mugm-home-ann-modal .modal-title{
  font-family: "Cinzel", Georgia, serif !important;
  letter-spacing:.01em;
  font-weight:700 !important;
  color:#f7fbff !important;
}

body .mugm-shell,
body .container,
body .container-fluid > .mugm-shell{
  width:min(100%, 1520px) !important;
  max-width:1520px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

body .mugm-shell .mugm-shell{
  width:100% !important;
  max-width:none !important;
}

.mugm-main,
main,
.content,
.content-main{
  position:relative;
  z-index:1;
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
  background:
    radial-gradient(600px 280px at 16% 10%, rgba(66,137,255,.18), transparent 65%),
    radial-gradient(580px 260px at 84% 12%, rgba(255,94,71,.12), transparent 66%),
    radial-gradient(500px 220px at 50% 100%, rgba(60,130,255,.10), transparent 68%),
    linear-gradient(180deg, rgba(4,10,20,.10), rgba(1,5,12,.38));
}

body::after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
  opacity:.10;
  background-image:
    linear-gradient(rgba(96,128,196,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(96,128,196,.08) 1px, transparent 1px);
  background-size:100% 4px, 4px 100%;
  mix-blend-mode:screen;
}

.mugm-section,
.mugm-home-block,
.panel,
.modal-content,
.mugm-guide-panel,
.mugm-profile-panel,
.mugm-profile-box,
.mugm-usercp-card,
.mugm-usercp-shell,
.mugm-home-ann-card,
.mugm-home-ann-modal,
.mugm-login-panel,
.mugm-register-panel,
.mugm-download-card,
.mugm-info-sidebar,
.mugm-info-content{
  background:
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0) 22%),
    linear-gradient(135deg, rgba(15,34,72,.90) 0%, rgba(7,17,35,.96) 55%, rgba(6,14,28,.98) 100%) !important;
  border:1px solid rgba(104,148,235,.18) !important;
  border-radius:var(--mugm-radius-lg) !important;
  box-shadow:var(--mugm-shadow-deep), var(--mugm-glow-blue) !important;
}

.mugm-section:hover,
.mugm-home-block:hover,
.panel:hover,
.mugm-home-ann-card:hover,
.mugm-profile-panel:hover,
.mugm-usercp-card:hover{
  border-color:rgba(129,176,255,.28) !important;
}

.mugm-topbar,
.mugm-header,
.mugm-navbar,
.navbar,
header{
  backdrop-filter:saturate(125%) blur(8px);
}

.mugm-link,
.mugm-chip,
.mugm-badge,
.mugm-event-btn,
.mugm-topbar .mugm-link,
.mugm-topbar a{
  border-radius:999px !important;
}

.mugm-btn,
.btn,
button,
input[type="submit"]{
  border-radius:16px !important;
  font-weight:700 !important;
  letter-spacing:.01em;
  box-shadow:var(--mugm-shadow-soft);
}

.mugm-btn--gold,
.btn-warning,
.btn-primary,
input[type="submit"],
button[type="submit"]{
  background:linear-gradient(135deg, #f7e7a1 0%, #f1cd64 52%, #dfa93d 100%) !important;
  color:#141516 !important;
  border:1px solid rgba(255,231,163,.36) !important;
  box-shadow:
    0 10px 24px rgba(214,167,56,.18),
    inset 0 1px 0 rgba(255,255,255,.28) !important;
}

.mugm-btn--gold:hover,
.btn-warning:hover,
.btn-primary:hover,
input[type="submit"]:hover,
button[type="submit"]:hover{
  transform:translateY(-1px);
  filter:brightness(1.02);
}

.mugm-btn--ghost,
.btn-default,
.btn-secondary{
  background:linear-gradient(180deg, rgba(15,28,55,.94), rgba(9,17,34,.98)) !important;
  border:1px solid rgba(101,143,220,.24) !important;
  color:#edf5ff !important;
  box-shadow:var(--mugm-glow-blue) !important;
}

.mugm-hero,
.mugm-hero-premium,
.mugm-hero-section{
  border-radius:28px !important;
  overflow:hidden;
  background:
    linear-gradient(90deg, rgba(5,14,30,.90) 0%, rgba(6,18,38,.80) 44%, rgba(10,18,35,.35) 100%) !important;
  border:1px solid rgba(109,152,237,.17) !important;
  box-shadow:var(--mugm-shadow-deep), var(--mugm-glow-blue) !important;
}

.mugm-hero__title,
.mugm-login-hero__title{
  font-size:clamp(42px, 4vw, 66px) !important;
  line-height:.98 !important;
  text-shadow:0 2px 20px rgba(0,0,0,.18);
}

.mugm-hero__title .accent,
.mugm-hero__title strong,
.mugm-login-hero__title .accent,
.mugm-login-hero__title strong{
  color:var(--mugm-gold) !important;
}

.mugm-metric,
.mugm-stat,
.mugm-counter-box{
  background:
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01)),
    linear-gradient(135deg, rgba(13,25,50,.94), rgba(8,14,27,.98)) !important;
  border:1px solid rgba(106,145,216,.18) !important;
  border-radius:18px !important;
  box-shadow:var(--mugm-shadow-soft), inset 0 1px 0 rgba(255,255,255,.04) !important;
}

.mugm-rankings-highlight,
.mugm-ranking-table-wrap,
.top-rankings,
.rankings-table-ui,
.table-responsive{
  border-radius:24px !important;
  overflow:hidden;
}

.rankings-table-ui table,
.table,
.table-bordered{
  color:#eaf1ff !important;
}

.rankings-table-ui thead th,
.table thead th,
.table > thead > tr > th{
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.01)),
    linear-gradient(135deg, rgba(24,37,65,.96), rgba(13,22,39,.98)) !important;
  border-bottom:1px solid rgba(241,205,100,.22) !important;
  color:#f5f8ff !important;
  font-size:12px !important;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.rankings-table-ui tbody td,
.table tbody td,
.table > tbody > tr > td{
  border-color:rgba(88,126,201,.12) !important;
  color:#dbe8ff !important;
}

.rankings-table-ui tbody tr:nth-child(odd),
.table tbody tr:nth-child(odd){
  background:rgba(255,255,255,.015) !important;
}

.rankings-table-ui tbody tr:hover,
.table tbody tr:hover{
  background:linear-gradient(90deg, rgba(86,145,255,.06), rgba(255,255,255,0)) !important;
}

.rankings-table-ui .label,
.table .label,
.badge-status,
.mugm-status{
  border-radius:999px !important;
  font-weight:700 !important;
  letter-spacing:.01em;
  padding:6px 12px !important;
}

.rankings-table-ui img,
.table img{
  border-radius:10px !important;
}

.mugm-login-panel,
.mugm-register-panel,
.mugm-usercp-card,
.mugm-usercp-shell{
  border-radius:24px !important;
}

.mugm-login-panel input,
.mugm-register-panel input,
.mugm-usercp-shell input,
.mugm-usercp-shell select,
.mugm-usercp-card input,
.mugm-usercp-card select,
.form-control{
  min-height:56px !important;
  border-radius:16px !important;
  background:linear-gradient(180deg, rgba(245,248,255,.94), rgba(229,236,249,.92)) !important;
  color:#121722 !important;
  border:1px solid rgba(160,182,220,.38) !important;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.55), 0 0 0 1px rgba(255,255,255,.02) !important;
}

.mugm-usercp-card .mugm-btn,
.mugm-usercp-shell .mugm-btn{
  min-height:52px !important;
}

.mugm-usercp-card h3,
.mugm-usercp-shell h3{
  font-size:20px !important;
}

.mugm-info{
  display:grid !important;
  grid-template-columns:320px minmax(0, 1fr) !important;
  gap:24px !important;
  align-items:start !important;
}

.mugm-info-sidebar{
  position:sticky !important;
  top:28px !important;
  align-self:start !important;
  max-height:calc(100vh - 56px) !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  padding-right:8px !important;
  scrollbar-width:thin;
  scrollbar-color:rgba(241,205,100,.38) rgba(255,255,255,.04);
}

.mugm-info-sidebar::-webkit-scrollbar{
  width:10px;
}
.mugm-info-sidebar::-webkit-scrollbar-track{
  background:rgba(255,255,255,.04);
  border-radius:999px;
}
.mugm-info-sidebar::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg, rgba(241,205,100,.75), rgba(150,112,39,.90));
  border-radius:999px;
  border:2px solid rgba(7,12,23,.55);
}

.mugm-info-nav,
.mugm-info-sub{
  max-height:none !important;
  overflow:visible !important;
}

.mugm-info-group__toggle,
.mugm-info-link,
.mugm-info-sub a{
  border-radius:16px !important;
}

.mugm-info-group__toggle{
  background:linear-gradient(180deg, rgba(16,27,50,.95), rgba(8,15,28,.98)) !important;
  border:1px solid rgba(99,143,223,.17) !important;
  color:#eef5ff !important;
}

.mugm-info-link.active,
.mugm-info-sub a.active,
.mugm-info-link[aria-current="page"]{
  background:
    linear-gradient(180deg, rgba(88,145,255,.18), rgba(88,145,255,.08)),
    linear-gradient(135deg, rgba(24,41,78,.96), rgba(8,15,28,.98)) !important;
  border:1px solid rgba(241,205,100,.22) !important;
  box-shadow:inset 3px 0 0 rgba(241,205,100,.95), 0 10px 22px rgba(0,0,0,.16) !important;
  color:#ffffff !important;
}

.mugm-info-content table{
  border-radius:16px !important;
  overflow:hidden !important;
}

.mugm-download-card,
.mugm-download-row,
.mugm-download-box{
  border-radius:22px !important;
}

.mugm-download-chip{
  border-radius:999px !important;
  background:linear-gradient(180deg, rgba(19,31,58,.96), rgba(8,14,27,.98)) !important;
  border:1px solid rgba(108,149,222,.20) !important;
  color:#edf5ff !important;
}

footer,
.mugm-footer,
.mugm-footer-premium{
  position:relative;
  border-top:1px solid rgba(90,130,211,.14) !important;
}

footer .mugm-section,
footer .mugm-home-block,
.mugm-footer .mugm-section,
.mugm-footer .mugm-home-block{
  border-radius:22px !important;
}

body.modal-open{
  overflow:hidden !important;
  padding-right:0 !important;
}

.modal{
  position:fixed !important;
  inset:0 !important;
  z-index:10550 !important;
  display:none;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  padding:26px 18px !important;
  background:rgba(2,7,16,.46);
}

.modal.in,
.modal.show{
  display:block !important;
}

.modal-backdrop{
  position:fixed !important;
  inset:0 !important;
  z-index:10540 !important;
  background:
    radial-gradient(900px 420px at 50% 10%, rgba(81,140,255,.12), transparent 60%),
    rgba(1,6,14,.72) !important;
  opacity:1 !important;
  backdrop-filter:blur(3px) saturate(115%);
}

.modal-dialog{
  position:relative !important;
  width:min(100%, 1020px) !important;
  max-width:1020px !important;
  margin:24px auto !important;
  transform:none !important;
  pointer-events:none !important;
}

.modal-content,
.mugm-modal{
  position:relative !important;
  pointer-events:auto !important;
  overflow:hidden !important;
  border-radius:28px !important;
  border:1px solid rgba(114,160,242,.20) !important;
  box-shadow:
    0 30px 80px rgba(0,0,0,.56),
    0 0 0 1px rgba(255,255,255,.02),
    0 0 48px rgba(62,119,255,.12) !important;
  backdrop-filter:none !important;
  filter:none !important;
}

.modal-header,
.mugm-modal__header{
  position:relative !important;
  z-index:3 !important;
  padding:22px 26px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.01)),
    linear-gradient(135deg, rgba(23,37,67,.96), rgba(11,18,33,.98)) !important;
  border-bottom:1px solid rgba(241,205,100,.20) !important;
}

.modal-body,
.mugm-modal__body{
  position:relative !important;
  z-index:2 !important;
  padding:24px 26px 28px !important;
  max-height:calc(100vh - 170px) !important;
  overflow:auto !important;
  color:#edf5ff !important;
  filter:none !important;
  backdrop-filter:none !important;
}

.modal .close,
.mugm-modal .close{
  position:relative !important;
  z-index:20 !important;
  opacity:1 !important;
  color:#ffffff !important;
  background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03)) !important;
  border:1px solid rgba(120,160,235,.20) !important;
  border-radius:14px !important;
  width:42px !important;
  height:42px !important;
  line-height:36px !important;
  text-align:center !important;
  text-shadow:none !important;
  box-shadow:0 10px 20px rgba(0,0,0,.16) !important;
  pointer-events:auto !important;
}

.modal .close:hover,
.mugm-modal .close:hover{
  background:linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.05)) !important;
  transform:translateY(-1px);
}

.mugm-home-ann-card,
.mugm-home-ann-card *,
.mugm-home-ann-modal,
.mugm-home-ann-modal *,
.mugm-ann-text,
.mugm-ann-text *{
  filter:none !important;
  text-shadow:none !important;
}

.mugm-home-ann-card{
  overflow:hidden !important;
  min-height:360px !important;
}

.mugm-home-ann-card__title{
  color:#f7fbff !important;
  font-family:Inter, "Segoe UI", Arial, sans-serif !important;
  font-weight:800 !important;
  line-height:1.15 !important;
}

.mugm-home-ann-card__excerpt{
  color:#c8d8f3 !important;
  line-height:1.6 !important;
}

.mugm-home-ann-card__glow,
.mugm-home-ann-modal::before,
.mugm-home-ann-modal::after,
.mugm-home-ann-card::before,
.mugm-home-ann-card::after{
  pointer-events:none !important;
}

.mugm-home-ann-modal{
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.01)),
    linear-gradient(135deg, rgba(12,23,47,.98), rgba(7,14,29,.99)) !important;
}

.mugm-home-ann-modal .modal-header,
.mugm-home-ann-modal .mugm-modal__header{
  border-bottom:1px solid rgba(112,158,241,.18) !important;
}

.mugm-home-ann-modal__body{
  max-height:calc(100vh - 160px) !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  backdrop-filter:none !important;
}

.mugm-home-ann-modal__meta{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:18px !important;
  flex-wrap:wrap !important;
  margin-bottom:20px !important;
}

.mugm-home-ann-modal__author-name{
  color:#f8fbff !important;
  font-weight:800 !important;
}

.mugm-home-ann-modal__date{
  color:#93a8cf !important;
}

.mugm-home-ann-modal__content{
  color:#dce8ff !important;
  font-size:16px !important;
  line-height:1.82 !important;
  backdrop-filter:none !important;
  filter:none !important;
}

.mugm-home-ann-modal__content p,
.mugm-home-ann-modal__content li,
.mugm-home-ann-modal__content div,
.mugm-home-ann-modal__content span,
.mugm-home-ann-modal__content strong,
.mugm-home-ann-modal__content em{
  color:inherit !important;
  filter:none !important;
}

.mugm-home-ann-modal__content strong{
  color:#ffffff !important;
  font-weight:800 !important;
}

.mugm-ann-text blockquote,
.mugm-home-ann-modal__content blockquote,
.mugm-ann-quote{
  margin:18px 0 !important;
  padding:16px 18px !important;
  border-left:3px solid rgba(241,205,100,.75) !important;
  background:linear-gradient(90deg, rgba(255,215,110,.07), rgba(255,255,255,0)) !important;
  border-radius:0 16px 16px 0 !important;
  color:#edf4ff !important;
}

.mugm-ann-pre,
.mugm-home-ann-modal pre{
  background:linear-gradient(180deg, rgba(3,8,16,.98), rgba(7,12,22,.98)) !important;
  border:1px solid rgba(114,157,230,.16) !important;
  border-radius:16px !important;
  padding:16px !important;
  overflow:auto !important;
}

.mugm-ann-code-inline,
.mugm-home-ann-modal code{
  background:rgba(255,255,255,.06) !important;
  border-radius:8px !important;
  padding:2px 7px !important;
  color:#f8e29e !important;
}

body:not(.modal-open) .modal-backdrop{
  opacity:0 !important;
  pointer-events:none !important;
}

#usercpModal .modal-dialog{
  width:min(100%, 920px) !important;
  max-width:920px !important;
}

#usercpModal .mugm-modal__body{
  max-height:calc(100vh - 170px) !important;
}

#usercpModal .list-group-item,
#usercpModal .mugm-usercp-link{
  border-radius:18px !important;
  margin-bottom:12px !important;
  background:linear-gradient(180deg, rgba(12,24,46,.96), rgba(7,14,28,.98)) !important;
  border:1px solid rgba(99,145,224,.18) !important;
}

#usercpModal .list-group-item:hover,
#usercpModal .mugm-usercp-link:hover{
  background:linear-gradient(180deg, rgba(16,31,59,.98), rgba(8,16,31,.99)) !important;
  border-color:rgba(241,205,100,.22) !important;
}

.mugm-news-card,
.news-card,
.mugm-gallery-card{
  border-radius:20px !important;
  overflow:hidden !important;
}

.mugm-gallery-card img,
.mugm-news-card img,
.news-card img{
  transform:translateZ(0);
}

@media (max-width: 1180px){
  .mugm-info{
    grid-template-columns:1fr !important;
  }

  .mugm-info-sidebar{
    position:relative !important;
    top:auto !important;
    max-height:none !important;
    overflow:visible !important;
    padding-right:0 !important;
  }

  .modal-dialog{
    width:min(100%, 96vw) !important;
    max-width:96vw !important;
  }
}

@media (max-width: 820px){
  .modal{
    padding:14px 10px !important;
  }

  .modal-header,
  .mugm-modal__header{
    padding:18px 18px !important;
  }

  .modal-body,
  .mugm-modal__body{
    padding:18px !important;
    max-height:calc(100vh - 120px) !important;
  }

  .mugm-home-ann-modal__meta{
    align-items:flex-start !important;
  }
}

.mugm-section::before,
.mugm-section::after,
.mugm-home-block::before,
.mugm-home-block::after,
.panel::before,
.panel::after,
.mugm-home-ann-card__glow{
  pointer-events:none !important;
}

.mugm-section__head,
.panel-heading,
.mugm-profile-panel__head{
  border-bottom:1px solid rgba(241,205,100,.14) !important;
}

.mugm-section__sub,
.small,
small,
.text-muted{
  color:var(--mugm-text-dim) !important;
}

a{
  transition:all .18s ease;
}

a:hover{
  text-decoration:none !important;
}

.mugm-section,
.mugm-home-block,
.panel,
.mugm-home-ann-card,
.mugm-profile-panel,
.mugm-usercp-card,
.mugm-guide-panel{
  transition:border-color .18s ease, transform .18s ease, box-shadow .18s ease !important;
}

/* =========================================================
   PATCH EXACTO - MOBILE RANKINGS PERFECTOS
   Consolidado final
   ========================================================= */
@media (max-width: 991px) {
  .rankings-table-ui,
  .top-rankings,
  .mugm-ranking-table-wrap,
  .table-responsive,
  .module-ranking .table-responsive,
  .rankings-module .table-responsive,
  .rankings-container .table-responsive {
    position: relative !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: thin !important;
    padding-bottom: 8px !important;
    border-radius: 18px !important;
  }

  .rankings-table-ui::-webkit-scrollbar,
  .top-rankings::-webkit-scrollbar,
  .mugm-ranking-table-wrap::-webkit-scrollbar,
  .table-responsive::-webkit-scrollbar {
    height: 10px;
  }

  .rankings-table-ui::-webkit-scrollbar-track,
  .top-rankings::-webkit-scrollbar-track,
  .mugm-ranking-table-wrap::-webkit-scrollbar-track,
  .table-responsive::-webkit-scrollbar-track {
    background: rgba(255,255,255,.05);
    border-radius: 999px;
  }

  .rankings-table-ui::-webkit-scrollbar-thumb,
  .top-rankings::-webkit-scrollbar-thumb,
  .mugm-ranking-table-wrap::-webkit-scrollbar-thumb,
  .table-responsive::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, rgba(241,205,100,.90), rgba(177,126,39,.95));
    border-radius: 999px;
    border: 2px solid rgba(8,14,26,.65);
  }

  .rankings-table-ui table,
  .top-rankings table,
  .mugm-ranking-table-wrap table,
  .table-responsive > table,
  table.table-ranking,
  .rankings-table,
  .table {
    width: max-content !important;
    min-width: 980px !important;
    table-layout: auto !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
  }

  .rankings-table-ui thead th,
  .top-rankings thead th,
  .mugm-ranking-table-wrap thead th,
  .table-responsive thead th,
  .table thead th,
  .rankings-table-ui tbody td,
  .top-rankings tbody td,
  .mugm-ranking-table-wrap tbody td,
  .table-responsive tbody td,
  .table tbody td {
    white-space: nowrap !important;
    vertical-align: middle !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
    padding: 12px 10px !important;
  }

  .rankings-table-ui thead th,
  .top-rankings thead th,
  .mugm-ranking-table-wrap thead th,
  .table-responsive thead th,
  .table thead th {
    position: sticky !important;
    top: 0 !important;
    z-index: 2 !important;
  }

  .rankings-table-ui td img,
  .top-rankings td img,
  .mugm-ranking-table-wrap td img,
  .table-responsive td img,
  .table td img {
    width: 30px !important;
    max-width: 30px !important;
    min-width: 30px !important;
    height: 30px !important;
    object-fit: cover !important;
    border-radius: 8px !important;
    display: inline-block !important;
    vertical-align: middle !important;
  }

  .rankings-table-ui .label,
  .top-rankings .label,
  .mugm-ranking-table-wrap .label,
  .table .label,
  .badge-status,
  .mugm-status {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 26px !important;
    padding: 4px 10px !important;
    font-size: 11px !important;
    border-radius: 999px !important;
  }

  .rankings-table-ui .achievement,
  .rankings-table-ui .boss-icon,
  .mugm-ranking-table-wrap .achievement,
  .mugm-ranking-table-wrap .boss-icon,
  .table .achievement,
  .table .boss-icon,
  .rankings-table-ui td .logro,
  .rankings-table-ui td .boss,
  .table td .logro,
  .table td .boss {
    width: 24px !important;
    height: 24px !important;
    max-width: 24px !important;
    border-radius: 7px !important;
  }
}

@media (max-width: 767px) {
  .rankings-table-ui,
  .top-rankings,
  .mugm-ranking-table-wrap,
  .table-responsive {
    margin-left: -4px !important;
    margin-right: -4px !important;
  }

  .rankings-table-ui table,
  .top-rankings table,
  .mugm-ranking-table-wrap table,
  .table-responsive > table,
  table.table-ranking,
  .rankings-table,
  .table {
    min-width: 900px !important;
  }

  .rankings-table-ui thead th,
  .top-rankings thead th,
  .mugm-ranking-table-wrap thead th,
  .table-responsive thead th,
  .table thead th,
  .rankings-table-ui tbody td,
  .top-rankings tbody td,
  .mugm-ranking-table-wrap tbody td,
  .table-responsive tbody td,
  .table tbody td {
    font-size: 11px !important;
    padding: 10px 8px !important;
  }

  .rankings-table-ui td img,
  .top-rankings td img,
  .mugm-ranking-table-wrap td img,
  .table-responsive td img,
  .table td img {
    width: 26px !important;
    max-width: 26px !important;
    min-width: 26px !important;
    height: 26px !important;
    border-radius: 7px !important;
  }

  .rankings-table-ui .label,
  .top-rankings .label,
  .mugm-ranking-table-wrap .label,
  .table .label,
  .badge-status,
  .mugm-status {
    min-height: 24px !important;
    padding: 3px 9px !important;
    font-size: 10px !important;
  }

  .mugm-ranking-tabs,
  .top-rankings-tabs,
  .rankings-tabs,
  .mugm-top-ranking-tabs {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    gap: 8px !important;
    padding-bottom: 6px !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }

  .mugm-ranking-tabs::-webkit-scrollbar,
  .top-rankings-tabs::-webkit-scrollbar,
  .rankings-tabs::-webkit-scrollbar,
  .mugm-top-ranking-tabs::-webkit-scrollbar {
    display: none;
  }

  .mugm-ranking-tabs > *,
  .top-rankings-tabs > *,
  .rankings-tabs > *,
  .mugm-top-ranking-tabs > * {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 575px) {
  .rankings-table-ui table,
  .top-rankings table,
  .mugm-ranking-table-wrap table,
  .table-responsive > table,
  table.table-ranking,
  .rankings-table,
  .table {
    min-width: 840px !important;
  }

  .rankings-table-ui thead th,
  .top-rankings thead th,
  .mugm-ranking-table-wrap thead th,
  .table-responsive thead th,
  .table thead th,
  .rankings-table-ui tbody td,
  .top-rankings tbody td,
  .mugm-ranking-table-wrap tbody td,
  .table-responsive tbody td,
  .table tbody td {
    font-size: 10px !important;
    padding: 9px 7px !important;
  }

  .rankings-table-ui td img,
  .top-rankings td img,
  .mugm-ranking-table-wrap td img,
  .table-responsive td img,
  .table td img {
    width: 24px !important;
    max-width: 24px !important;
    min-width: 24px !important;
    height: 24px !important;
    border-radius: 6px !important;
  }

  .rankings-table-ui .label,
  .top-rankings .label,
  .mugm-ranking-table-wrap .label,
  .table .label,
  .badge-status,
  .mugm-status {
    min-height: 22px !important;
    padding: 2px 8px !important;
    font-size: 10px !important;
  }
}

@media (max-width: 991px) {
  .rankings-table-ui table th:first-child,
  .rankings-table-ui table td:first-child,
  .top-rankings table th:first-child,
  .top-rankings table td:first-child,
  .mugm-ranking-table-wrap table th:first-child,
  .mugm-ranking-table-wrap table td:first-child,
  .table-responsive table th:first-child,
  .table-responsive table td:first-child,
  .table th:first-child,
  .table td:first-child {
    position: sticky !important;
    left: 0 !important;
    z-index: 3 !important;
    background:
      linear-gradient(135deg, rgba(22,35,63,.98), rgba(10,18,34,.99)) !important;
    box-shadow: 10px 0 18px rgba(0,0,0,.14) !important;
  }

  .rankings-table-ui table thead th:first-child,
  .top-rankings table thead th:first-child,
  .mugm-ranking-table-wrap table thead th:first-child,
  .table-responsive table thead th:first-child,
  .table thead th:first-child {
    z-index: 5 !important;
  }
}

@media (max-width: 991px) {
  .mugm-ranking-page,
  .top-rankings-page,
  .rankings-page,
  .rankings-wrapper,
  .module-ranking {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .mugm-page-title,
  .mugm-section__title,
  .top-rankings-title {
    font-size: 28px !important;
    line-height: 1.1 !important;
    text-align: center !important;
  }
}

@media (max-width: 575px) {
  .mugm-ranking-page,
  .top-rankings-page,
  .rankings-page,
  .rankings-wrapper,
  .module-ranking {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .mugm-page-title,
  .mugm-section__title,
  .top-rankings-title {
    font-size: 24px !important;
  }
}

@media (max-width: 991px) {
  .rankings-table-ui table,
  .top-rankings table,
  .mugm-ranking-table-wrap table,
  .table-responsive table,
  .table {
    display: table !important;
  }

  .rankings-table-ui thead,
  .top-rankings thead,
  .mugm-ranking-table-wrap thead,
  .table-responsive thead,
  .table thead {
    display: table-header-group !important;
  }

  .rankings-table-ui tbody,
  .top-rankings tbody,
  .mugm-ranking-table-wrap tbody,
  .table-responsive tbody,
  .table tbody {
    display: table-row-group !important;
  }

  .rankings-table-ui tr,
  .top-rankings tr,
  .mugm-ranking-table-wrap tr,
  .table-responsive tr,
  .table tr {
    display: table-row !important;
  }

  .rankings-table-ui th,
  .rankings-table-ui td,
  .top-rankings th,
  .top-rankings td,
  .mugm-ranking-table-wrap th,
  .mugm-ranking-table-wrap td,
  .table-responsive th,
  .table-responsive td,
  .table th,
  .table td {
    display: table-cell !important;
  }
}