/* MU BROTHERS home-page redesign for Chroma / Morpheus MuWeb */
:root {
  --mb-gold: #d7b66d;
  --mb-gold-bright: #f5dfa4;
  --mb-purple: #8c5bd1;
  --mb-bg: #090910;
  --mb-panel: #11111b;
  --mb-border: rgba(215,182,109,.20);
}
body { background-color: var(--mb-bg); background-image: radial-gradient(ellipse at 50% -10%,rgba(90,51,130,.20),transparent 48%),linear-gradient(180deg,#090910,#07070d); }
body::before { opacity:.10; }
header { background:rgba(8,8,14,.96); border-bottom:1px solid var(--mb-border); }
.nav .nav-links { gap:clamp(10px,1.4vw,22px); }
.nav .nav-links a,.nav .dropdown-toggle { font-size:11px; letter-spacing:.10em; color:#b9b4c3; }
.nav .nav-links a::after,.nav .dropdown-toggle::after { background:linear-gradient(90deg,var(--mb-gold),var(--mb-purple)); }
.nav .nav-links a:hover,.nav .dropdown-toggle:hover { color:var(--mb-gold-bright); }
.nav .dropdown-menu { background:rgba(10,9,17,.98); border-color:var(--mb-border); }
.nav .nav-cta .btn-primary,.btn-primary { color:#191208!important; background:linear-gradient(110deg,#b88a42,#f5dfa4)!important; border-color:#d7b66d!important; box-shadow:0 8px 25px rgba(215,182,109,.13); }
.btn-primary:hover { background:linear-gradient(110deg,#d3a653,#fff0bd)!important; transform:translateY(-2px); }
.btn-ghost { background:rgba(10,9,17,.45)!important; border:1px solid rgba(215,182,109,.36)!important; color:#f3eddf!important; }
.btn-ghost:hover { border-color:var(--mb-gold)!important; color:var(--mb-gold-bright)!important; }
.mb-home-hero { position:relative; isolation:isolate; overflow:hidden; color:#f4f1ea; padding:clamp(42px,5.6vw,78px) 0 48px; border-bottom:1px solid var(--mb-border); background:#0b0a12 url("../images/bg_hero.png") center 35%/cover no-repeat; }
.mb-home-hero::before { content:""; position:absolute; z-index:-1; inset:0; background:linear-gradient(90deg,rgba(7,7,13,.97) 0%,rgba(8,7,14,.84) 45%,rgba(8,7,14,.43) 100%),linear-gradient(0deg,#090910 0%,transparent 24%,rgba(9,9,16,.18) 80%,rgba(9,9,16,.45) 100%); }
.mb-home-hero::after { content:""; position:absolute; z-index:-1; inset:0; opacity:.12; background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px); background-size:72px 72px; mask-image:linear-gradient(90deg,#000,transparent 85%); }
.mb-hero-inner { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr); align-items:center; gap:clamp(24px,4vw,54px); position:relative; }
.mb-hero-copy { min-width:0; }
.mb-eyebrow { display:flex; align-items:center; gap:10px; color:var(--mb-gold); font-size:9px; font-weight:800; letter-spacing:.2em; margin-bottom:17px; }
.mb-eyebrow span { width:25px; height:1px; background:var(--mb-gold); }
.mb-hero-badges { display:flex; align-items:center; gap:9px; flex-wrap:wrap; margin-bottom:16px; color:#c3bdcc; font-size:10px; text-transform:uppercase; letter-spacing:.11em; }
.mb-badge-gold { color:#1b1308; background:var(--mb-gold-bright); padding:5px 8px; font-weight:900; }
.mb-hero-copy h1 { color:#f7f3ec; font-family:"Cinzel","Montserrat",serif; font-size:clamp(37px,5.2vw,66px); font-weight:800; line-height:1.1; letter-spacing:.015em; margin:0 0 18px; text-shadow:0 4px 28px #000; }
.mb-hero-copy h1 em { color:var(--mb-gold-bright); font-style:normal; }
.mb-hero-copy>p { max-width:570px; color:#c0bbc9; font-size:13px; line-height:1.9; margin-bottom:24px; }
.mb-hero-facts { display:flex; flex-wrap:wrap; gap:0; margin:0 0 25px; }
.mb-hero-facts>div { padding:0 18px; border-left:1px solid #ffffff24; }
.mb-hero-facts>div:first-child { padding-left:0; border-left:0; }
.mb-hero-facts small,.mb-hero-facts strong { display:block; }
.mb-hero-facts small { color:#9994a4; font-size:8px; letter-spacing:.14em; margin-bottom:4px; }
.mb-hero-facts strong { color:#f5efdf; font-size:12px; letter-spacing:.04em; }
.mb-hero-actions { display:flex; flex-wrap:wrap; gap:10px; }
.mb-hero-actions .btn { min-height:47px; padding:0 17px; gap:12px; font-size:10px; letter-spacing:.07em; }
.mb-hero-actions .btn span { font-size:17px; }
.mb-hero-foot { display:flex; align-items:center; gap:10px; color:#9a94a5; font-size:8px; letter-spacing:.2em; margin-top:28px; }
.mb-hero-foot span { width:24px; height:1px; background:#9e8350; }
.mb-hero-highlight { min-width:0; }
.mb-hero-highlight .hero-side { width:100%; }
.mb-hero-highlight .hero-card { overflow:hidden; background:rgba(13,12,21,.84); border:1px solid var(--mb-border); border-radius:4px; box-shadow:0 20px 55px rgba(0,0,0,.38); backdrop-filter:blur(8px); }
.mb-hero-highlight .hero-card-header { padding:14px 17px; background:rgba(215,182,109,.06); border-bottom:1px solid var(--mb-border); }
.mb-hero-highlight .hero-card-badge { color:var(--mb-gold-bright); font-size:9px; letter-spacing:.08em; text-transform:uppercase; }
.mb-hero-highlight .hero-card-art { background:radial-gradient(ellipse at 50% 25%,rgba(115,76,156,.27),transparent 60%); }
.mb-hero-highlight .hero-character-name { color:#f5dfa4; font-family:"Cinzel",serif; font-weight:800; letter-spacing:.04em; }
.mb-hero-highlight .hero-character-class { color:#a7a1b2; font-size:10px; letter-spacing:.12em; text-transform:uppercase; }
.mb-hero-highlight .hero-character-stats { border-top:1px solid #ffffff12; margin-top:15px; padding-top:14px; }
.mb-hero-highlight .hero-character-stat .label { color:#8f899e; font-size:9px; text-transform:uppercase; }
.mb-hero-highlight .hero-character-stat .value { color:#f2e8d1; font-weight:800; }
.mb-home-main { padding-top:55px; padding-bottom:60px; }
.mb-section-title { display:flex; justify-content:space-between; align-items:flex-end; gap:18px; margin-bottom:23px; }
.mb-section-kicker { color:var(--mb-gold); font-size:9px; font-weight:800; letter-spacing:.22em; }
.mb-section-title h2 { color:#f4f1ea; font-family:"Cinzel","Montserrat",serif; font-size:clamp(23px,3vw,31px); letter-spacing:.02em; line-height:1.25; margin:6px 0 0; }
.mb-section-title h2 em { color:var(--mb-gold-bright); font-style:normal; }
.mb-section-title p { color:#a39dae; font-size:11px; margin:9px 0 0; }
.mb-text-link { color:var(--mb-gold-bright); font-size:9px; font-weight:800; letter-spacing:.10em; text-transform:uppercase; white-space:nowrap; }
.mb-text-link:hover { color:white; }
.mb-text-link span { margin-left:6px; font-size:15px; }
.mb-home-columns { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(280px,.78fr); gap:23px; align-items:start; }
.mb-news-column { min-width:0; }
.mb-news-feature { display:grid; grid-template-columns:.85fr 1fr; background:linear-gradient(135deg,#151320,#101019); border:1px solid var(--mb-border); min-height:220px; }
.mb-news-feature-art { min-height:220px; display:flex; flex-direction:column; align-items:center; justify-content:center; position:relative; overflow:hidden; background:radial-gradient(ellipse at 50% 45%,#543572 0%,#251a37 48%,#11101a 85%); border-right:1px solid #ffffff0b; }
.mb-news-feature-art::before,.mb-news-feature-art::after { content:""; position:absolute; width:155px; height:155px; border:1px solid #d7b66d55; transform:rotate(45deg); }
.mb-news-feature-art::after { width:115px; height:115px; border-color:#fff1d522; }
.mb-news-art-mark { z-index:1; color:var(--mb-gold-bright); font-size:30px; text-shadow:0 0 22px #e2bc6c66; }
.mb-news-art-caption { z-index:1; font-size:8px; letter-spacing:.2em; color:#d7c5ef; margin:4px 0 10px; }
.mb-news-feature-art strong { z-index:1; font-family:"Cinzel",serif; color:#fff; font-size:30px; letter-spacing:.12em; }
.mb-news-feature-art small { z-index:1; color:#bfb0d2; font-size:7px; letter-spacing:.12em; text-align:center; padding:0 10px; margin-top:7px; }
.mb-news-feature-body { align-self:center; padding:23px; }
.mb-label { display:inline-block; color:#191208; background:var(--mb-gold-bright); font-size:7px; font-weight:900; letter-spacing:.12em; padding:5px 7px; }
.mb-news-feature-body h3 { color:#f5f0e7; font-family:"Cinzel",serif; font-size:17px; line-height:1.45; letter-spacing:.02em; margin:12px 0 9px; }
.mb-news-feature-body p { color:#aaa5b5; font-size:10px; line-height:1.8; margin-bottom:14px; }
.mb-news-feed { display:grid; gap:13px; margin-top:15px; min-width:0; }
.mb-news-feed:empty { display:none; }
.mb-news-feed .card,.mb-news-feed article,.mb-news-feed .post,.mb-news-feed .banner { background:#11111b; border:1px solid var(--mb-border); color:#eae5ef; border-radius:4px; }
.mb-news-feed img { max-width:100%; }
.mb-home-sidebar { display:grid; gap:15px; min-width:0; }
.mb-side-panel { padding:19px; background:linear-gradient(145deg,#151521,#0e0e16); border:1px solid var(--mb-border); border-radius:4px; min-width:0; }
.mb-panel-heading { display:flex; align-items:center; gap:10px; margin-bottom:16px; }
.mb-panel-icon { width:35px; height:35px; display:grid; place-items:center; flex:0 0 auto; color:var(--mb-gold-bright); border:1px solid #d7b66d45; background:#d7b66d0d; font-size:17px; }
.mb-panel-heading h3 { color:#f3efe8; font-size:10px; letter-spacing:.1em; margin:0 0 3px; }
.mb-panel-heading small { color:#858092; font-size:7px; letter-spacing:.12em; }
.mb-panel-copy { color:#aaa5b5; font-size:10px; line-height:1.8; margin:0 0 14px; }
.mb-panel-copy strong { color:var(--mb-gold-bright); }
.mb-btn-full { display:flex; width:100%; min-height:41px; justify-content:center; gap:10px; margin-top:9px; font-size:9px; }
.mb-forgot-link { display:block; text-align:center; margin-top:13px; color:#9b95a6; font-size:9px; }
.mb-forgot-link:hover { color:var(--mb-gold-bright); }
.mb-login-actions .dropdown { width:100%; }
.mb-login-actions .dropdown-toggle { color:var(--mb-gold-bright); }
.mb-online-pill { display:inline-flex; align-items:center; gap:5px; margin-left:auto; padding:4px 7px; border:1px solid #69d7a040; color:#7fe0ac; font-size:7px; font-weight:800; letter-spacing:.07em; white-space:nowrap; }
.mb-online-pill i { width:5px; height:5px; display:inline-block; border-radius:50%; background:#69d7a0; }
.mb-online-pill.is-offline { color:#f18b8b; border-color:#f18b8b40; }
.mb-online-pill.is-offline i { background:#f18b8b; }
.mb-server-row { display:flex; justify-content:space-between; align-items:center; gap:10px; padding:10px 0; border-top:1px solid #ffffff0c; color:#a6a1b1; font-size:10px; }
.mb-server-row strong { color:#f1e9d9; font-size:11px; text-align:right; }
.mb-server-footer { border-top:1px solid #ffffff0c; padding-top:12px; margin-top:4px; color:#7f7a8d; font-size:8px; line-height:1.6; }
.mb-server-footer i { color:var(--mb-gold); margin-right:4px; }
.mb-download-panel { display:flex; align-items:center; gap:12px; padding:16px; border:1px solid #8c5bd155; background:linear-gradient(110deg,#2a2040,#14121e); }
.mb-download-icon { width:38px; height:38px; display:grid; place-items:center; border:1px solid #c4a5f477; color:#d9c4ff; font-size:21px; flex:0 0 auto; }
.mb-download-panel h3 { color:#f4f0f7; font-size:9px; letter-spacing:.08em; margin:0 0 4px; }
.mb-download-panel p { color:#aaa0ba; font-size:9px; margin:0; line-height:1.6; }
.mb-download-panel>a { color:var(--mb-gold-bright); font-size:22px; margin-left:auto; }
.mb-ranking-section { padding:52px 0 60px; background:linear-gradient(180deg,#0c0c14,#090910); border-top:1px solid #ffffff0a; border-bottom:1px solid var(--mb-border); }
.mb-ranking-content { background:rgba(16,16,25,.85); border:1px solid var(--mb-border); padding:18px; border-radius:4px; }
.mb-ranking-content:empty { display:none; }
.mb-ranking-content .card,.mb-ranking-content .table,.mb-ranking-content table { color:#e9e4ed; }
.mb-ranking-content .table { --bs-table-bg:transparent; --bs-table-color:#ddd8e4; --bs-table-border-color:rgba(215,182,109,.13); }
.mb-ranking-content .table thead th { color:var(--mb-gold-bright); background:rgba(215,182,109,.06); }
.mb-ranking-content .btn,.mb-ranking-content .nav-link { font-size:10px; }
.mb-ranking-content .btn-primary { color:#171109!important; }
.mb-ranking-content img { max-width:100%; }
.status-mosaic { padding-top:0; margin-top:0!important; }
.status-mosaic .card { background:#11111b!important; border:1px solid var(--mb-border)!important; border-radius:4px!important; box-shadow:0 12px 35px rgba(0,0,0,.2)!important; }
.status-mosaic .card[style*="linear-gradient"] { background:linear-gradient(135deg,#352343 0%,#11111b 85%)!important; }
.status-mosaic .text-primary,.status-mosaic .border-primary { color:var(--mb-gold-bright)!important; border-color:#d7b66d55!important; }
.status-mosaic .bg-primary { background-color:rgba(215,182,109,.12)!important; }
.status-mosaic .hover-neon:hover { border-color:var(--mb-gold)!important; box-shadow:0 0 22px rgba(140,91,209,.13)!important; }
.ranking .section-header .section-kicker { color:var(--mb-gold); }
.ranking .section-header .section-title { font-family:"Cinzel",serif; color:#f4f1ea; text-shadow:none; }
.ranking .section-header .section-subtitle { color:#a39dae; }
.page { background:#0c0c15; border-color:var(--mb-border); border-radius:4px; }
.card { border-color:var(--mb-border)!important; border-radius:4px!important; }
input,select,textarea,.form-control,.form-select { background:#090910!important; color:#f4f1ea!important; border-color:#302a3d!important; border-radius:3px!important; }
input:focus,select:focus,textarea:focus,.form-control:focus,.form-select:focus { border-color:var(--mb-gold)!important; box-shadow:0 0 0 .18rem rgba(215,182,109,.12)!important; }
footer { background:linear-gradient(180deg,#0b0a12,#06060b); border-top:1px solid var(--mb-border); }
footer .footer-col h4 { color:var(--mb-gold-bright); }
footer .footer-links a::before { color:var(--mb-gold); }
footer .footer-copyright { border-color:rgba(215,182,109,.12); color:#777283; }
@media(max-width:1000px) {
 .mb-hero-inner { grid-template-columns:minmax(0,1.05fr) minmax(260px,.85fr); gap:22px; }
 .mb-home-columns { grid-template-columns:minmax(0,1.35fr) minmax(260px,.8fr); gap:16px; }
 .mb-news-feature { grid-template-columns:1fr; }
 .mb-news-feature-art { min-height:145px; }
 .mb-news-feature-body { padding:18px; }
}
@media(max-width:780px) {
 .mb-home-hero { padding:35px 0; }
 .mb-hero-inner { grid-template-columns:1fr; }
 .mb-hero-copy h1 { font-size:clamp(35px,8vw,53px); }
 .mb-hero-highlight { max-width:480px; width:100%; margin:0 auto; }
 .mb-home-main { padding-top:40px; padding-bottom:42px; }
 .mb-home-columns { grid-template-columns:1fr; }
 .mb-home-sidebar { grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; }
 .mb-login-panel { grid-row:span 2; }
 .mb-section-title { align-items:flex-start; }
 .mb-section-title h2 { font-size:24px; }
 .mb-ranking-section { padding:40px 0; }
}
@media(max-width:540px) {
 .mb-hero-copy h1 { font-size:34px; }
 .mb-hero-facts>div { padding:0 10px; }
 .mb-hero-facts small { font-size:7px; }
 .mb-hero-facts strong { font-size:10px; }
 .mb-hero-actions { flex-direction:column; align-items:stretch; }
 .mb-hero-actions .btn { width:100%; }
 .mb-home-sidebar { grid-template-columns:1fr; }
 .mb-login-panel { grid-row:auto; }
 .mb-section-title { flex-direction:column; gap:12px; }
 .mb-news-feature { grid-template-columns:1fr; }
 .mb-news-feature-art { min-height:155px; }
 .mb-ranking-content { padding:10px; overflow-x:auto; }
}

/* FIX v3.1 — conta logada no painel lateral. */
.mb-login-panel .mb-login-actions { display:flex; align-items:center; gap:12px; flex-wrap:wrap; min-width:0; }
.mb-login-panel .mb-login-actions > .dropdown { display:flex; align-items:center; gap:12px; width:auto; max-width:100%; min-width:0; }
.mb-login-panel .mb-login-actions .dropdown[data-dropdown="profile"] { flex:1 1 180px; }
.mb-login-panel .mb-login-actions .dropdown[data-dropdown="profile"] > .nav-link,
.mb-login-panel .mb-login-actions .dropdown[data-dropdown="profile"] > a.nav-link { display:flex!important; align-items:center; gap:10px; width:100%; min-width:0; padding:8px 10px; border:1px solid rgba(215,182,109,.22); background:rgba(255,255,255,.025); border-radius:4px; color:#f5dfa4!important; white-space:normal; }
.mb-login-panel .mb-login-actions .user-avatar { display:block!important; width:42px!important; height:42px!important; min-width:42px!important; max-width:42px!important; min-height:42px!important; max-height:42px!important; flex:0 0 42px!important; object-fit:cover!important; border-radius:50%!important; margin:0!important; padding:0!important; }
.mb-login-panel .mb-login-actions .dropdown[data-dropdown="profile"] > .nav-link > span { display:block; flex:1 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#f5dfa4; font-size:11px; font-weight:700; }
.mb-login-panel .mb-login-actions .dropdown[data-dropdown="profile"] > .nav-link::after { flex:0 0 auto; margin-left:auto; }
.mb-login-panel .mb-login-actions > .dropdown.d-inline-block { flex:0 0 auto; margin:0!important; }
.mb-login-panel .mb-login-actions .dropdown-menu { z-index:1080; max-width:min(320px,calc(100vw - 40px)); }
.mb-login-panel .mb-login-actions .dropdown_menu_profile { display:flex; align-items:center; gap:12px; min-width:0; }
.mb-login-panel .mb-login-actions .user-avatar-profile { width:48px!important; height:48px!important; min-width:48px!important; max-width:48px!important; object-fit:cover!important; border-radius:50%!important; }
@media(max-width:480px) { .mb-login-panel .mb-login-actions { align-items:stretch; } .mb-login-panel .mb-login-actions > .dropdown[data-dropdown="profile"] { flex-basis:100%; } }

/* MU BROTHERS v3.2 — Destaque da semana com maior impacto visual */
.mb-hero-highlight .hero-card {
  position: relative;
  isolation: isolate;
  border: 1px solid rgba(215,182,109,.52);
  border-radius: 7px;
  background:
    radial-gradient(ellipse at 50% 34%, rgba(112,68,171,.24), transparent 43%),
    linear-gradient(145deg, rgba(20,16,31,.98), rgba(8,8,15,.98));
  box-shadow: 0 22px 65px rgba(0,0,0,.58), 0 0 0 1px rgba(140,91,209,.14), inset 0 0 45px rgba(112,68,171,.08);
}
.mb-hero-highlight .hero-card::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 7px;
  border: 1px solid rgba(215,182,109,.12);
  pointer-events: none;
}
.mb-hero-highlight .hero-card-header {
  min-height: 52px;
  padding: 15px 19px;
  background: linear-gradient(90deg, rgba(215,182,109,.13), rgba(140,91,209,.08), transparent);
  border-bottom: 1px solid rgba(215,182,109,.28);
}
.mb-hero-highlight .hero-card-badge {
  width: auto;
  color: #ffe7a4;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .13em;
  text-shadow: 0 0 16px rgba(245,223,164,.2);
}
.mb-hero-highlight .hero-card-status { width: auto; }
.mb-hero-highlight .hero-card-status .label { font-size: 11px !important; letter-spacing: .04em; }
.mb-hero-highlight .hero-card-art {
  position: relative;
  padding: 22px 24px 27px;
  background:
    radial-gradient(ellipse at 50% 18%, rgba(140,91,209,.28), transparent 43%),
    linear-gradient(180deg, rgba(255,255,255,.015), transparent 55%);
}
.mb-hero-highlight .hero-character { align-items: center; }
.mb-hero-highlight .hero-character > img {
  width: 166px !important;
  height: 166px !important;
  max-width: 48vw;
  object-fit: cover !important;
  padding: 5px !important;
  margin: 12px 0 18px !important;
  border: 2px solid #f0d48b !important;
  outline: 1px solid rgba(140,91,209,.85);
  outline-offset: 6px;
  border-radius: 50% !important;
  background: linear-gradient(145deg, #f5dfa4, #8c5bd1 58%, #1b1528);
  box-shadow: 0 0 0 10px rgba(140,91,209,.08), 0 0 32px rgba(103,74,187,.4), 0 12px 30px rgba(0,0,0,.5);
}
.mb-hero-highlight .hero-character-inner { width: 100%; text-align: center; }
.mb-hero-highlight .hero-character-class {
  color: #bdb0d4;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .22em;
  margin-top: 2px;
}
.mb-hero-highlight .hero-character-name {
  margin-top: 4px;
  color: #fff0bf;
  font-size: clamp(22px, 2.3vw, 29px);
  line-height: 1.2;
  font-weight: 900;
  text-shadow: 0 0 24px rgba(215,182,109,.2);
  overflow-wrap: anywhere;
}
.mb-hero-highlight .hero-character-name a:hover { color: #fff !important; text-shadow: 0 0 20px rgba(245,223,164,.45); }
.mb-hero-highlight .hero-character-power {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  margin-top: 9px;
  padding: 7px 13px;
  border: 1px solid rgba(215,182,109,.32);
  border-radius: 3px;
  background: linear-gradient(90deg, rgba(215,182,109,.12), rgba(140,91,209,.12));
  color: #ffe08a !important;
  font-size: 11px !important;
  font-weight: 800;
  letter-spacing: .035em;
}
.mb-hero-highlight .hero-character-power .fa-trophy { filter: drop-shadow(0 0 5px rgba(255,193,7,.45)); }
.mb-hero-highlight .hero-character-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 9px;
  width: 100%;
  margin-top: 23px;
  padding-top: 17px;
  border-top: 1px solid rgba(215,182,109,.19);
}
.mb-hero-highlight .hero-character-stat {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(255,255,255,.055);
  background: rgba(255,255,255,.025);
  border-radius: 3px;
}
.mb-hero-highlight .hero-character-stat .label {
  color: #a8a0b7;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .1em;
}
.mb-hero-highlight .hero-character-stat .value {
  color: #fff0c8;
  font-size: 15px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}
.mb-hero-highlight .hero-character-inner > .d-flex {
  margin-top: 17px !important;
  padding: 8px 14px !important;
  border: 1px solid rgba(140,91,209,.32);
  background: rgba(140,91,209,.1) !important;
  color: #e7d8ff;
  max-width: 100%;
}
.mb-hero-highlight .hero-character-inner > .d-flex span { overflow-wrap: anywhere; }
@media (min-width: 992px) {
  .mb-hero-highlight .hero-card { transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
  .mb-hero-highlight .hero-card:hover {
    transform: translateY(-4px);
    border-color: rgba(245,223,164,.8);
    box-shadow: 0 28px 75px rgba(0,0,0,.65), 0 0 28px rgba(140,91,209,.15), inset 0 0 45px rgba(112,68,171,.1);
  }
}
@media (max-width: 575px) {
  .mb-hero-highlight .hero-card-art { padding: 18px 15px 21px; }
  .mb-hero-highlight .hero-character > img { width: 138px !important; height: 138px !important; }
  .mb-hero-highlight .hero-character-stats { gap: 7px; }
  .mb-hero-highlight .hero-character-stat { padding: 9px 8px; }
  .mb-hero-highlight .hero-character-stat .value { font-size: 13px; }
}


/* MU BROTHERS v5 — identidade REI DO MU no destaque principal */
.mb-hero-highlight .hero-card-header {
  background: linear-gradient(90deg, rgba(215,182,109,.20), rgba(140,91,209,.13) 58%, rgba(8,8,15,.12));
}
.mb-hero-highlight .hero-card-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #ffe7a4;
  font-size: 11px;
  letter-spacing: .16em;
  text-shadow: 0 0 14px rgba(245,223,164,.34);
}
.mb-hero-highlight .hero-card-badge .fa-crown {
  color: #ffd76a;
  font-size: 14px;
  filter: drop-shadow(0 0 6px rgba(255,196,64,.5));
}
.mb-hero-highlight .mb-king-avatar-wrap {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 0 auto 4px;
  padding-top: 21px;
  isolation: isolate;
}
.mb-hero-highlight .mb-king-avatar-wrap::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 33px;
  left: 50%;
  width: 205px;
  height: 205px;
  transform: translateX(-50%);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,202,77,.19) 0%, rgba(140,91,209,.16) 42%, transparent 72%);
  filter: blur(7px);
  pointer-events: none;
}
.mb-hero-highlight .mb-king-avatar-wrap .hero-king-crown,
.mb-hero-highlight .mb-king-crown {
  position: absolute;
  z-index: 3;
  top: -1px;
  left: 50%;
  transform: translateX(-50%) rotate(-3deg);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 7px 13px 6px;
  color: #241707;
  background: linear-gradient(180deg, #fff0b0 0%, #e4b84e 48%, #9f6d20 100%);
  border: 1px solid #fff0b0;
  border-radius: 5px 5px 8px 8px;
  box-shadow: 0 4px 0 #68451a, 0 7px 20px rgba(255,190,50,.25);
  white-space: nowrap;
}
.mb-hero-highlight .mb-king-crown .fa-crown {
  font-size: 14px;
  line-height: 1;
  filter: drop-shadow(0 1px 0 rgba(255,255,255,.4));
}
.mb-hero-highlight .mb-king-crown span {
  font-size: 9px;
  font-weight: 1000;
  letter-spacing: .14em;
}
.mb-hero-highlight .mb-king-avatar-wrap > img {
  position: relative;
  z-index: 1;
  margin-top: 15px !important;
}
@media (max-width: 575px) {
  .mb-hero-highlight .mb-king-avatar-wrap::before { width: 175px; height: 175px; top: 37px; }
  .mb-hero-highlight .mb-king-crown { padding: 6px 11px 5px; }
}