/* ================================================================
   MalignyBox — Design System v4.0 KD-Aligned
   Sombras calibradas · Zero efeitos excessivos · Full harmonizado
   ================================================================ */
@import url('https://fonts.googleapis.com/css2?family=Goldman:wght@400;700&family=Poppins:wght@300;400;500;600;700;800;900&display=swap');

:root {
  --font-body:    "Poppins", sans-serif;
  --font-display: "Goldman", sans-serif;

  /* Navy */
  --navy-900: #111114;
  --navy-800: #1B1B22;
  --navy-700: #1F1F27;
  --navy-600: #23232C;
  --navy-500: #282832;
  --navy-400: #454A56;
  --navy-300: #8D8D99;
  --navy-200: #C8C8D2;
  --navy-100: #E4E4F0;

  /* Gold */
  --gold:     #DDA949;
  --gold-800: rgba(221,169,73,.08);
  --gold-600: #C49A38;
  --gold-500: #DDA949;
  --gold-400: #E6B95E;
  --gold-300: #F0CC7A;
  --gold-br:  rgba(221,169,73,.24);

  /* Status */
  --red:       #F25E50;
  --red-bg:    rgba(242,94,80,.09);
  --green:     #4ADE80;
  --green-bg:  rgba(74,222,128,.09);
  --green-800: #133d2b;
  --lime-400:  #D6FF6F;
  --blue:      #4B69FF;

  /* Text */
  --text-1: #FFFFFF;
  --text-2: #C8C8D2;
  --text-3: #8D8D99;
  --text-4: #454A56;

  /* Border */
  --br-0: rgba(255,255,255,.04);
  --br-1: rgba(255,255,255,.07);
  --br-2: rgba(255,255,255,.12);

  /* Radius */
  --r-xs: 4px;
  --r-sm: 6px;
  --r-md: 8px;
  --r-lg: 10px;
  --r-xl: 12px;
  --r-2xl: 16px;
  --r-full: 999px;

  /* Shadows — calibrated, no excess */
  --sh-card:  0 1px 0 rgba(255,255,255,.03) inset, 0 2px 12px rgba(0,0,0,.35);
  --sh-hover: 0 0 20px rgba(221,169,73,.12), 0 4px 20px rgba(0,0,0,.45);
  --sh-lg:    0 8px 32px rgba(0,0,0,.45);
  --sh-xl:    0 16px 56px rgba(0,0,0,.55);
  --sh-gold:  0 0 18px rgba(221,169,73,.16);

  /* Ease */
  --ease:  cubic-bezier(.16,1,.3,1);
  --ease2: cubic-bezier(.4,0,.2,1);

  /* Legado */
  --radius-sm: var(--r-xs);
  --radius-md: var(--r-sm);
  --radius-lg: var(--r-md);
  --radius-xl: var(--r-lg);
  --radius-full: var(--r-full);
  --gold-800-legacy: var(--gold-800);
}

/* ── Reset ──────────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { background: var(--navy-900); font-size: 14px; scroll-behavior: smooth; }
body { font-family: var(--font-body); -webkit-font-smoothing: antialiased; color: var(--text-2); min-height: 100vh; overflow-x: hidden; background: var(--navy-900); }
a { text-decoration: none; color: inherit; }
img { max-width: 100%; display: block; user-select: none; }
button { font-family: var(--font-body); }

.mb-container { width: min(1480px, calc(100% - 32px)); margin-inline: auto; }

/* ── HEADER ─────────────────────────────────────────────────── */
.mb-header { display: none !important; }
.mb-kd-header { position: sticky; top: 0; z-index: 50; background: var(--navy-900); }
.mb-kd-header__inner {
  height: 50px;
  display: flex; align-items: center; gap: 16px;
  padding: 0 12px;
  background: var(--navy-800);
  background-image: radial-gradient(circle at 0% 360%, #47475d, transparent 80%);
  background-size: 320px; background-position: 0 0; background-repeat: no-repeat;
  border-bottom: 1px solid var(--br-1);
}
@media(min-width:768px){ .mb-kd-header__inner { height: 70px; padding-left:20px; padding-right:0; gap:24px; } }

.mb-kd-logo { flex:0 0 auto; display:flex; align-items:center; gap:2px; color:var(--text-1); font-family:var(--font-display); font-size:18px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; width:87px; }
@media(min-width:768px){ .mb-kd-logo { width:104px; } }
.mb-kd-logo img { max-width:100%; max-height:26px; object-fit:contain; }
.mb-kd-logo b { color:var(--gold-400); font-style:normal; }

.mb-kd-nav { height:100%; display:none; align-items:center; gap:4px; }
@media(min-width:910px){ .mb-kd-nav { display:flex; } }
@media(min-width:1400px){ .mb-kd-nav { gap:20px; } }

.mb-kd-nav a { position:relative; height:100%; display:flex; flex-shrink:0; align-items:center; gap:8px; color:var(--text-3); font-size:12px; font-weight:600; white-space:nowrap; transition:color .4s var(--ease); }
.mb-kd-nav a:hover, .mb-kd-nav a.active { color:var(--text-1); }
.mb-kd-nav a.active::after { content:""; position:absolute; left:10px; right:10px; bottom:0; height:2px; border-radius:var(--r-full) var(--r-full) 0 0; background:var(--gold-400); }

.mb-kd-nav a .mb-ico { width:42px !important; height:42px !important; border-radius:var(--r-xs); display:grid; place-items:center; background:var(--navy-600); flex:0 0 auto; }
@media(min-width:1280px){ .mb-kd-nav a .mb-ico { width:18px !important; height:18px !important; background:transparent; border-radius:0; } }
.mb-kd-nav a b { font-size:12px; font-weight:600; display:none; }
@media(min-width:1280px){ .mb-kd-nav a b { display:block; } }

.mb-kd-userbar { margin-left:auto; display:flex; align-items:center; gap:8px; }

.mb-kd-wallet { height:31px; min-width:120px; border-radius:var(--r-xs) var(--r-xs) 0 0; background:linear-gradient(135deg,#7bac26,#8ec832); color:#fff; display:grid; grid-template-columns:26px 1fr; grid-template-rows:1fr 1fr; align-items:center; column-gap:6px; padding:4px 10px; font-weight:700; transition:box-shadow .2s, transform .2s var(--ease); box-shadow:0 2px 8px rgba(120,180,30,.20); }
@media(min-width:768px){ .mb-kd-wallet { height:42px; border-radius:var(--r-xs); } }
.mb-kd-wallet__icon { grid-row:1/3; width:22px; height:22px; border-radius:4px; background:rgba(0,0,0,.18); display:grid; place-items:center; color:rgba(255,255,255,.90); font-weight:900; font-size:11px; }
.mb-kd-wallet strong { font-size:12px; line-height:1; color:#fff; white-space:nowrap; text-shadow:0 1px 4px rgba(0,0,0,.18); }
.mb-kd-wallet small  { font-size:9px; line-height:1; text-transform:uppercase; color:rgba(255,255,255,.68); font-weight:700; white-space:nowrap; letter-spacing:.03em; }
@media(max-width:760px){ .mb-kd-wallet small { display:none; } }
.mb-kd-wallet:hover { transform:translateY(-1px); box-shadow:0 4px 16px rgba(120,180,30,.30); }

.mb-kd-settings, .mb-kd-menu { width:42px; height:42px; border:0; border-radius:var(--r-xs); background:var(--navy-600); color:var(--text-3); display:grid; place-items:center; cursor:pointer; transition:background .2s, color .2s, transform .2s var(--ease); }
.mb-kd-settings:hover, .mb-kd-menu:hover { background:var(--navy-500); color:var(--text-1); transform:translateY(-1px); }
@media(max-width:760px){ .mb-kd-settings { display:none; } }

.mb-kd-avatar { width:40px; height:40px; border-radius:var(--r-md); border:1px solid rgba(221,169,73,.24); background:linear-gradient(135deg, rgba(221,169,73,.14), rgba(75,105,255,.14), var(--navy-700)); display:grid; place-items:center; color:var(--text-1); font-weight:900; overflow:hidden; position:relative; transition:transform .2s var(--ease), border-color .2s; }
.mb-kd-avatar::after { content:""; position:absolute; right:-2px; bottom:-2px; width:10px; height:10px; border-radius:50%; background:var(--green); border:2px solid var(--navy-800); }
.mb-kd-avatar img, .mb-kd-avatar span { width:100%; height:100%; object-fit:cover; display:grid; place-items:center; font-family:var(--font-display); font-size:16px; background:var(--navy-700); }
.mb-kd-avatar:hover { transform:translateY(-1px); border-color:rgba(221,169,73,.45); }
@media(max-width:760px){ .mb-kd-avatar { width:36px; height:36px; } }

.mb-kd-login, .mb-kd-register { height:40px; border-radius:var(--r-sm); padding:0 14px; display:inline-flex; align-items:center; font-size:12px; font-weight:600; text-transform:uppercase; letter-spacing:.03em; transition:transform .2s var(--ease), background .2s; }
.mb-kd-login { background:var(--navy-600); border:1px solid var(--br-1); color:var(--text-1); }
.mb-kd-login:hover { background:var(--navy-500); transform:translateY(-1px); }
.mb-kd-register { background:var(--gold-500); color:#0d0d0f; font-weight:700; }
.mb-kd-register:hover { transform:translateY(-1px); }

/* ── LIVE DROPS ──────────────────────────────────────────────── */
.mb-live { height:58px; background:rgba(17,17,22,.9); border-bottom:1px solid var(--br-0); overflow:hidden; position:relative; }
.mb-live::before, .mb-live::after { content:""; position:absolute; top:0; bottom:0; width:60px; z-index:2; pointer-events:none; }
.mb-live::before { left:0;  background:linear-gradient(to right, rgba(17,17,22,.95), transparent); }
.mb-live::after  { right:0; background:linear-gradient(to left,  rgba(17,17,22,.95), transparent); }
.mb-live__inner  { display:flex; align-items:center; height:100%; overflow:hidden; }
.mb-live__label  { flex:0 0 auto; height:100%; display:flex; align-items:center; gap:7px; color:var(--text-1); font-size:10.5px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; padding:0 12px; border-right:1px solid var(--br-0); background:rgba(17,17,22,.9); position:relative; z-index:3; }
.mb-live__dot    { width:7px; height:7px; border-radius:50%; background:var(--green); animation:livePulse .9s ease-in-out infinite alternate; }
@keyframes livePulse { from{opacity:1;transform:scale(1)} to{opacity:.5;transform:scale(.75)} }
.mb-live__track  { display:flex; align-items:center; height:100%; overflow:hidden; min-width:0; padding:0 10px; gap:6px; }
.mb-live__item   { flex:0 0 88px; width:88px; height:40px; border-radius:var(--r-xs); background:linear-gradient(180deg, var(--navy-600), var(--navy-700)); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; padding:5px; border-bottom:2px solid var(--rarity,var(--gold-500)); overflow:hidden; position:relative; transition:transform .2s; }
.mb-live__item:hover { transform:scale(1.03); }
.mb-live__visual { width:calc(100% - 6px); height:20px; display:flex; align-items:center; justify-content:center; overflow:hidden; }
.mb-live__visual img { width:100%; height:20px; object-fit:contain; }
.mb-live__visual span { font-size:16px; line-height:1; }
.mb-live__name  { display:block; font-size:8.5px; font-weight:600; color:rgba(255,255,255,.65); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%; text-align:center; text-transform:capitalize; }
.mb-live__text, .mb-live__user { display:none; }
@keyframes mbLiveFlash { 0%{opacity:.7;transform:translateY(1px)} 100%{opacity:1;transform:translateY(0)} }
.mb-live__track.is-updated { animation:mbLiveFlash .3s var(--ease); }

/* ── BUTTONS ─────────────────────────────────────────────────── */
.mb-btn { border:0; cursor:pointer; height:52px; padding:0 22px; border-radius:var(--r-md); font-family:var(--font-body); font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.04em; display:inline-flex; align-items:center; justify-content:center; gap:8px; white-space:nowrap; transition:transform .2s var(--ease), box-shadow .2s var(--ease2), background .2s, opacity .2s; position:relative; overflow:hidden; }
.mb-btn:disabled { opacity:.4; cursor:not-allowed; transform:none !important; }
.mb-btn:active:not(:disabled) { transform:scale(.98) !important; }

.mb-btn--gold { background:var(--gold-500); color:#0d0d0f; font-weight:800; }
.mb-btn--gold:hover { background:var(--gold-400); transform:translateY(-2px); box-shadow:var(--sh-gold); }
.mb-btn--navy { background:var(--navy-700); border:1px solid var(--br-1); color:var(--text-1); }
.mb-btn--navy:hover { background:var(--navy-500); transform:translateY(-1px); }
.mb-btn--red  { background:var(--red-bg); border:1px solid rgba(242,94,80,.30); color:var(--red); }
.mb-btn--red:hover { background:rgba(242,94,80,.14); transform:translateY(-1px); }
.mb-btn--green { background:var(--green-bg); border:1px solid rgba(74,222,128,.28); color:var(--green); }
.mb-btn--green:hover { background:rgba(74,222,128,.14); transform:translateY(-1px); }
.mb-btn--blue  { background:rgba(75,105,255,.10); border:1px solid rgba(75,105,255,.28); color:#a5b4ff; }
.mb-btn--blue:hover { background:rgba(75,105,255,.18); transform:translateY(-1px); }
.mb-btn--mini  { height:34px !important; padding:0 12px !important; font-size:10.5px !important; border-radius:var(--r-xs) !important; }

/* ── GRID DE CAIXAS ──────────────────────────────────────────── */
.mb-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; align-items:stretch; }
@media(min-width:640px)  { .mb-grid { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media(min-width:900px)  { .mb-grid { grid-template-columns:repeat(6,minmax(0,1fr)); } }
@media(min-width:1100px) { .mb-grid { grid-template-columns:repeat(8,minmax(0,1fr)); gap:12px; } }
@media(min-width:1280px) { .mb-grid { grid-template-columns:repeat(10,minmax(0,1fr)); } }
@media(min-width:1480px) { .mb-grid { grid-template-columns:repeat(12,minmax(0,1fr)); } }

.mb-case-card-wrap { position:relative; display:block; grid-column:span 2; width:100%; min-width:0; aspect-ratio:270/375; }
.mb-case-card-wrap > .mb-case-card { display:block; width:100%; height:100%; grid-column:auto !important; aspect-ratio:auto !important; }

/* Card — sombra calibrada */
.mb-case-card { position:relative; grid-column:span 2; aspect-ratio:270/375; border-radius:var(--r-sm); overflow:hidden; background:var(--navy-700); box-shadow:var(--sh-card); transition:transform .2s ease, box-shadow .2s ease; will-change:transform; }
.mb-case-card:hover { transform:translateY(-3px); box-shadow:var(--sh-hover); }
.mb-case-card__img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; border-radius:var(--r-sm); transition:transform .4s var(--ease); }
.mb-case-card:hover .mb-case-card__img { transform:scale(1.04); }
.mb-case-card::before { content:""; position:absolute; inset:0; background:linear-gradient(to bottom, transparent 55%, rgba(0,0,0,.70)); z-index:1; pointer-events:none; border-radius:var(--r-sm); }

/* Badge */
.mb-case-card__badge { position:absolute !important; inset:auto !important; top:10px !important; left:10px !important; right:auto !important; bottom:auto !important; z-index:14 !important; display:inline-flex !important; align-items:center !important; height:auto !important; min-width:0 !important; padding:5px 10px !important; border-radius:var(--r-xs) !important; font-size:10px !important; font-weight:700 !important; letter-spacing:.03em !important; text-transform:uppercase !important; white-space:nowrap !important; pointer-events:none; line-height:1 !important; background:var(--gold-500) !important; color:var(--navy-900) !important; border:none !important; box-shadow:none !important; }
.mb-case-card__badge.is-hot, .mb-case-card__badge[data-badge="HOT"] { background:var(--red) !important; color:#fff !important; }

/* Price */
.mb-case-card__price { position:absolute !important; right:10px !important; top:10px !important; left:auto !important; bottom:auto !important; z-index:14 !important; display:inline-flex !important; align-items:center !important; height:auto !important; padding:5px 10px !important; border-radius:var(--r-xs) !important; font-size:12px !important; font-weight:700 !important; white-space:nowrap !important; background:var(--navy-800) !important; color:var(--text-1) !important; border:none !important; }

/* Name */
.mb-case-card__name { position:absolute; z-index:2; left:50%; bottom:12px; transform:translateX(-50%); min-width:7rem; max-width:88%; display:flex; align-items:center; justify-content:center; text-align:center; padding:5px 10px; border-radius:var(--r-xs); background:rgba(15,15,20,.88); color:var(--text-1); font-size:12px; font-weight:600; text-transform:uppercase; letter-spacing:.02em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

/* Featured */
.mb-case-card__featured { position:absolute !important; left:10px !important; top:38px !important; z-index:14 !important; height:auto !important; padding:3px 8px !important; border-radius:var(--r-full) !important; background:rgba(75,105,255,.18) !important; border:1px solid rgba(75,105,255,.32) !important; color:#aebcff !important; font-size:8.5px !important; font-weight:700 !important; text-transform:uppercase !important; display:inline-flex !important; align-items:center !important; pointer-events:none; }

/* Favorite */
.mb-card-favorite { position:absolute; z-index:16 !important; right:10px; top:44px; left:auto; width:30px; height:30px; border:1px solid var(--br-1); border-radius:var(--r-xs); background:rgba(13,13,18,.70); color:var(--navy-300); display:grid; place-items:center; cursor:pointer; transition:transform .2s var(--ease), background .2s, border-color .2s, color .2s; }
.mb-card-favorite .mb-ico { width:14px; height:14px; }
.mb-card-favorite:hover { transform:translateY(-1px) scale(1.06); background:rgba(25,25,32,.88); border-color:var(--gold-br); color:var(--text-1); }
.mb-card-favorite.active { background:rgba(221,169,73,.16); border-color:rgba(221,169,73,.45); color:var(--gold-400); }
.mb-card-favorite:disabled { opacity:.5; cursor:wait; transform:none; }

/* Wrapper positions */
.mb-case-card-wrap .mb-card-favorite    { right:10px; top:44px; left:auto; }
.mb-case-card-wrap .mb-case-card__badge { left:10px !important; right:auto !important; top:10px !important; }
.mb-case-card-wrap .mb-case-card__price { right:10px !important; top:10px !important; }
.mb-case-card-wrap .mb-case-card__featured { left:10px !important; top:38px !important; right:auto !important; }
@media(max-width:700px){ .mb-case-card-wrap { grid-column:span 1; } }

/* ── HERO ────────────────────────────────────────────────────── */
.mb-hero { position:relative; min-height:300px; border-radius:var(--r-xl); overflow:hidden; background:linear-gradient(135deg,var(--navy-600),var(--navy-800)); display:grid; place-items:center; margin:20px 0; padding:44px 36px; border:1px solid var(--br-1); box-shadow:var(--sh-lg); }
.mb-hero::before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 70% 20%,rgba(221,169,73,.18),transparent 40%),radial-gradient(circle at 15% 75%,rgba(75,105,255,.12),transparent 36%); pointer-events:none; }
.mb-hero--dynamic { background-size:cover; background-position:center; }
.mb-hero--compact { min-height:160px; margin-top:16px; }
.mb-hero__content { position:relative; text-align:center; max-width:800px; z-index:2; }
.mb-hero__eyebrow { display:inline-flex; margin-bottom:12px; padding:5px 12px; border-radius:var(--r-full); background:rgba(221,169,73,.10); border:1px solid rgba(221,169,73,.24); color:var(--gold-400); font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.12em; }
.mb-hero h1 { font-family:var(--font-display); font-size:clamp(28px,5vw,60px); line-height:1; margin:0 0 12px; color:var(--text-1); text-transform:uppercase; }
.mb-hero h1 span { color:var(--gold-500); }
.mb-hero p { font-size:15px; color:var(--navy-200); margin:0 0 24px; font-weight:500; line-height:1.6; }

/* ── SECTION TITLE ───────────────────────────────────────────── */
.mb-section-title { min-height:60px; display:flex; align-items:center; justify-content:center; gap:12px; text-align:center; font-family:var(--font-display); font-size:14px; color:var(--text-3); text-transform:uppercase; letter-spacing:.08em; }

/* ── CATEGORY PILLS ──────────────────────────────────────────── */
.mb-home-categories { margin:16px 0; }
.mb-category-pills--page { margin:0 0 16px; }
.mb-category-pills { display:flex; gap:7px; overflow-x:auto; overflow-y:visible; padding:6px 2px 10px; scrollbar-width:none; }
.mb-category-pills::-webkit-scrollbar { display:none; }
.mb-category-pills a { display:inline-flex; align-items:center; gap:8px; min-height:38px; padding:0 14px; border-radius:var(--r-md); background:var(--navy-700); border:1px solid var(--br-1); color:var(--text-3); font-weight:600; font-size:11.5px; text-transform:uppercase; letter-spacing:.03em; white-space:nowrap; transition:background .2s, border-color .2s, color .2s, box-shadow .2s; }
.mb-category-pills a span { min-width:18px; height:18px; display:grid; place-items:center; border-radius:var(--r-full); background:rgba(221,169,73,.10); color:var(--gold-400); font-size:9.5px; font-weight:700; }
.mb-category-pills a:hover, .mb-category-pills a.active { background:rgba(221,169,73,.09); border-color:rgba(221,169,73,.24); color:var(--text-1); }
.mb-category-pills a.active { box-shadow:0 0 0 2px rgba(221,169,73,.18); }

/* ── CASE PAGE ───────────────────────────────────────────────── */
.mb-case-page { position:relative; padding-bottom:60px; max-width:1600px; padding-top:16px; }
.case-page-bg  { position:absolute; inset-inline:0; top:75px; height:50%; background:center top/2570px no-repeat; opacity:.5; pointer-events:none; }
.mb-case-toolbar, .mb-case-toolbar--kd { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:14px; padding:24px 0 18px; position:relative; z-index:2; }
.mb-case-back { justify-self:start; height:40px; min-width:120px; padding:0 14px; border-radius:var(--r-md); background:var(--navy-600); border:0; color:var(--text-2); font-size:12px; font-weight:600; display:inline-flex; align-items:center; gap:8px; transition:background .2s, color .2s, transform .18s var(--ease); }
.mb-case-back:hover { background:var(--navy-500); color:var(--text-1); transform:translateY(-1px); }
.mb-case-title { justify-self:center; height:40px; min-width:140px; padding:0 22px; border-radius:var(--r-md); background:var(--navy-600) !important; color:var(--text-1); font-size:12.5px; font-weight:700; text-transform:uppercase; letter-spacing:.03em; display:flex; align-items:center; justify-content:center; border:1px solid var(--br-1); }
.mb-case-actions { justify-self:end; display:flex; gap:7px; }
.mb-case-icon { width:40px; height:40px; border:1px solid var(--br-1); border-radius:var(--r-md); background:var(--navy-700); display:grid; place-items:center; color:var(--text-3); cursor:pointer; font-size:15px; transition:background .2s, color .2s, transform .18s var(--ease); }
.mb-case-icon:hover, .mb-case-icon.active { background:var(--navy-500); color:var(--text-1); transform:translateY(-1px); }
.mb-case-icon.is-off { opacity:.4; }
.mb-case-stage { display:grid; grid-template-columns:minmax(240px,290px) minmax(0,1fr); gap:18px; align-items:start; position:relative; z-index:1; }
.mb-case-stage--full { display:block !important; }
.mb-case-cover-area, .mb-case-stage--full .mb-case-cover { display:none !important; }
.mb-case-cover { position:sticky; top:85px; aspect-ratio:270/375; border-radius:var(--r-xl); overflow:hidden; background:var(--navy-600); box-shadow:var(--sh-lg); }
.mb-case-cover img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.mb-case-cover::after { content:""; position:absolute; inset:0; background:linear-gradient(to bottom,transparent 40%,rgba(0,0,0,.65)); pointer-events:none; }
.mb-case-cover__price { position:absolute; right:11px; top:11px; z-index:2; border-radius:var(--r-xs); background:var(--gold-800); border:1px solid rgba(221,169,73,.16); padding:8px 12px; color:var(--gold-400); font-weight:700; font-size:13px; }
.mb-case-cover__name { position:absolute; z-index:2; left:50%; bottom:14px; transform:translateX(-50%); height:34px; min-width:7rem; max-width:88%; border-radius:var(--r-xs); background:var(--navy-800); padding:0 10px; display:flex; align-items:center; justify-content:center; color:var(--text-1); font-weight:700; text-transform:uppercase; font-size:12px; }
.mb-case-opening-area, .mb-case-opening-area--full { display:flex; flex-direction:column; gap:10px; width:100%; }
.mb-rolls-container { display:flex; flex-direction:column; gap:8px; width:100%; }
.mb-rolls-container:empty::before { content:"Carregando..."; display:grid; place-items:center; min-height:200px; border-radius:var(--r-lg); background:var(--navy-700); border:1px solid var(--br-0); color:var(--text-3); font-weight:700; font-size:11px; letter-spacing:.06em; text-transform:uppercase; }

/* Roll Panel — sombra corrigida */
.mb-roll-panel { position:relative; width:100%; min-height:270px; overflow:hidden; border-radius:var(--r-lg); background:linear-gradient(180deg,var(--navy-600),var(--navy-700)); border:1px solid var(--br-1); box-shadow:inset 0 0 40px rgba(0,0,0,.18); display:flex; align-items:center; }
.mb-roll-panel.is-compact { min-height:210px; }
.mb-case-stage--full .mb-roll-panel { min-height:300px; background:linear-gradient(180deg,var(--navy-700),var(--navy-900)); border:1px solid rgba(255,255,255,.09); }
.mb-case-stage--full .mb-roll-panel.is-compact { min-height:230px; }
.mb-roll-label { position:absolute; z-index:16; left:12px; top:11px; height:20px; display:flex; align-items:center; border-radius:var(--r-full); padding:0 9px; background:rgba(0,0,0,.36); color:var(--text-3); font-size:9px; font-weight:700; letter-spacing:.09em; text-transform:uppercase; }
.mb-roll-strip { display:flex; align-items:center; gap:9px; height:100%; will-change:transform; padding-inline:32px; min-width:max-content; }

/* Roll items — sombra limpa */
.mb-roll-item { flex:0 0 180px; width:180px; height:210px; border-radius:var(--r-lg); background:linear-gradient(180deg,var(--navy-600),var(--navy-700)); border:1px solid rgba(255,255,255,.065); display:flex; flex-direction:column; justify-content:space-between; padding:14px; position:relative; overflow:hidden; transition:border-color .35s var(--ease), box-shadow .35s var(--ease), transform .35s var(--ease); }
.mb-roll-item::before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 50% 25%, color-mix(in srgb, var(--rarity,#dda949) 10%, transparent), transparent 50%); opacity:.65; pointer-events:none; }
.mb-roll-item::after { content:""; position:absolute; left:10px; right:10px; bottom:0; height:2px; background:var(--rarity,var(--gold-500)); border-radius:var(--r-full) var(--r-full) 0 0; }
.mb-roll-panel.is-compact .mb-roll-item { height:176px; flex-basis:164px; width:164px; padding:12px; }
.mb-case-stage--full .mb-roll-item { height:238px; flex-basis:200px; width:200px; }
.mb-case-stage--full .mb-roll-panel.is-compact .mb-roll-item { height:186px; flex-basis:164px; width:164px; }
.mb-roll-item.is-winner { border-color:var(--gold-500); box-shadow:0 0 0 1px rgba(221,169,73,.45), 0 0 30px rgba(221,169,73,.35), inset 0 0 16px rgba(221,169,73,.10); transform:scale(1.04); }
.mb-roll-item__visual { position:relative; z-index:1; min-height:106px; display:grid; place-items:center; }
.mb-roll-panel.is-compact .mb-roll-item__visual { min-height:84px; }
.mb-case-stage--full .mb-roll-item__visual { min-height:132px; }
.mb-roll-item__visual img { max-height:104px; max-width:100%; object-fit:contain; filter:drop-shadow(0 6px 12px rgba(0,0,0,.35)); }
.mb-roll-panel.is-compact .mb-roll-item__visual img { max-height:80px; }
.mb-case-stage--full .mb-roll-item__visual img { max-height:128px; }
.mb-roll-item__visual .emoji { font-size:64px; line-height:1; }
.mb-roll-item__text { position:relative; z-index:1; line-height:1.2; min-width:0; }
.mb-roll-item__text small  { display:block; color:var(--text-3); font-size:10.5px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.mb-roll-item__text strong { display:block; color:var(--text-1); font-size:13px; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:1.15; }
.mb-roll-price-pill { position:absolute; right:12px; top:11px; z-index:17; border-radius:var(--r-xs); background:var(--navy-800); color:var(--text-1); font-weight:700; padding:5px 10px; font-size:12px; border:1px solid var(--br-0); }
.mb-roll-pointer { position:absolute; z-index:22; top:-1px; left:50%; transform:translateX(-50%); width:0; height:0; border-left:14px solid transparent; border-right:14px solid transparent; border-top:22px solid var(--text-1); filter:drop-shadow(0 0 8px rgba(255,255,255,.55)); pointer-events:none; }
.mb-roll-pointer::after { content:""; position:absolute; top:-26px; left:-5px; width:10px; height:10px; border-radius:50%; background:var(--text-1); }
.mb-roll-center-line { position:absolute; z-index:21; top:0; bottom:0; left:50%; width:1.5px; transform:translateX(-50%); background:linear-gradient(to bottom,transparent,rgba(255,255,255,.42),transparent); pointer-events:none; }
.mb-roll-fade-left, .mb-roll-fade-right { position:absolute; z-index:15; top:0; bottom:0; width:110px; pointer-events:none; }
.mb-roll-fade-left  { left:0;  background:linear-gradient(to right, var(--navy-700),transparent); }
.mb-roll-fade-right { right:0; background:linear-gradient(to left,  var(--navy-700),transparent); }
.mb-case-stage--full .mb-roll-fade-left  { background:linear-gradient(to right, var(--navy-900),transparent); }
.mb-case-stage--full .mb-roll-fade-right { background:linear-gradient(to left,  var(--navy-900),transparent); }

/* Controls */
.mb-case-controls { display:grid; grid-template-columns:auto minmax(220px,1fr) minmax(160px,200px); gap:8px; align-items:center; margin-top:10px; }
.mb-case-multi { display:grid; grid-template-columns:repeat(5,42px); gap:6px; }
.mb-case-multi button { width:42px; height:42px; aspect-ratio:1; border-radius:var(--r-md); background:var(--navy-700); border:1px solid transparent; color:var(--text-1); font-weight:700; font-size:12.5px; cursor:pointer; transition:background .2s, border-color .2s; }
.mb-case-multi button:hover { background:var(--navy-500); }
.mb-case-multi button.active { background:var(--navy-500); border-color:var(--navy-400); }
.mb-case-reward-info { height:50px; border-radius:var(--r-md); background:var(--navy-900); display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.04em; color:var(--text-3); border:1px solid var(--br-0); }
.mb-case-reward-info strong { color:var(--gold-400); font-size:13px; font-weight:800; }

/* ── RESULT MODAL ────────────────────────────────────────────── */
.mb-result-modal[hidden] { display:none; }
.mb-result-modal { position:fixed; inset:0; z-index:120; display:grid; place-items:center; padding:20px; }
.mb-result-modal__backdrop { position:absolute; inset:0; background:rgba(0,0,0,.75); backdrop-filter:blur(10px); }
.mb-result-modal__card { position:relative; width:min(760px,100%); border-radius:var(--r-2xl); background:linear-gradient(180deg,var(--navy-700),var(--navy-900)); border:1px solid var(--br-1); box-shadow:var(--sh-xl); padding:24px; color:var(--text-1); animation:modalIn .24s var(--ease); }
@keyframes modalIn { from{opacity:0;transform:translateY(14px) scale(.97)} to{opacity:1;transform:none} }
.mb-result-modal__card h2 { margin:0 0 18px; text-align:center; font-family:var(--font-display); text-transform:uppercase; letter-spacing:.06em; }
.mb-result-modal__close { position:absolute; right:12px; top:12px; width:32px; height:32px; border:1px solid var(--br-1); border-radius:var(--r-md); background:var(--navy-600); color:var(--text-2); cursor:pointer; font-size:18px; display:grid; place-items:center; transition:background .2s; }
.mb-result-modal__close:hover { background:var(--navy-500); }
.mb-result-items { display:grid; grid-template-columns:repeat(auto-fit,minmax(145px,1fr)); gap:9px; }
.mb-result-item { border-radius:var(--r-lg); background:linear-gradient(180deg,var(--navy-600),var(--navy-700)); border:1px solid var(--br-0); border-bottom:2px solid var(--rarity,var(--gold-500)); padding:13px; text-align:center; }
.mb-result-item__visual { height:92px; display:grid; place-items:center; }
.mb-result-item__visual img { max-height:84px; max-width:100%; object-fit:contain; }
.mb-result-item__visual .emoji { font-size:54px; }
.mb-result-item small  { display:block; color:var(--text-3); font-weight:600; font-size:10.5px; }
.mb-result-item strong { display:block; color:var(--text-1); font-weight:700; font-size:12.5px; margin-top:2px; }
.mb-result-item span   { display:block; margin-top:7px; color:var(--gold-400); font-weight:800; font-size:12.5px; }
.mb-result-summary { margin-top:14px; text-align:center; color:var(--text-3); font-size:12px; }
.mb-result-summary span { opacity:.28; margin:0 7px; }
.mb-result-actions { display:flex; justify-content:center; gap:9px; margin-top:16px; flex-wrap:wrap; }
.mb-modal-open { overflow:hidden; }

/* ── SKIN CARDS ──────────────────────────────────────────────── */
.skin-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(175px,1fr)); gap:9px; }
.skin-card { position:relative; min-height:205px; border:1px solid var(--br-1); border-radius:var(--r-lg); background:linear-gradient(180deg,var(--navy-600),var(--navy-700)); overflow:hidden; display:flex; flex-direction:column; transition:border-color .35s var(--ease), transform .2s var(--ease); }
.skin-card:hover { transform:translateY(-3px); border-color:rgba(255,255,255,.12); }
.skin-card__top { display:flex; align-items:flex-start; padding:11px 11px 0; font-size:9.5px; text-transform:uppercase; }
.skin-card__top--public { display:flex !important; align-items:flex-start !important; justify-content:space-between !important; gap:7px; min-height:38px; }
.skin-card__info { width:17px; height:17px; border-radius:var(--r-full); background:var(--navy-200); color:var(--navy-900); display:grid; place-items:center; font-weight:800; font-size:9.5px; flex:0 0 17px; }
.skin-card__rarity { font-size:9.5px; text-transform:uppercase; font-weight:700; margin-left:auto; text-align:right; max-width:calc(100% - 25px); color:var(--text-3); line-height:1.2; }
.skin-card__chance { display:none !important; }
.skin-card__art { flex:1; display:grid; place-items:center; position:relative; min-height:95px; }
.skin-card__art::before { content:""; position:absolute; width:84px; height:84px; clip-path:polygon(50% 0%,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%); background:var(--navy-500); opacity:.7; }
.skin-card__art img { position:relative; width:76%; max-height:100px; object-fit:contain; filter:drop-shadow(0 4px 10px rgba(0,0,0,.35)); transition:transform .35s var(--ease); z-index:1; }
.skin-card:hover .skin-card__art img { transform:scale(.93); }
.skin-card__art .emoji { position:relative; font-size:58px; z-index:1; }
.skin-card__footer { padding:0 11px 11px; font-weight:600; }
.skin-card__cat  { font-size:10.5px; color:var(--text-2); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.skin-card__name { font-size:13px; color:var(--text-1); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:1px; font-weight:700; }
.skin-card__price { margin-top:6px; border-radius:var(--r-xs); background:var(--gold-800); border:1px solid rgba(221,169,73,.14); padding:5px; text-align:center; color:var(--gold-400); font-weight:800; font-size:12px; }

/* ── FORMS ───────────────────────────────────────────────────── */
.mb-input, .mb-select, .mb-textarea { width:100%; min-height:42px; border:1px solid rgba(255,255,255,.10); border-radius:var(--r-md); background:var(--navy-900); color:var(--text-1); padding:10px 13px; font-family:var(--font-body); font-size:13px; font-weight:500; outline:none; transition:border-color .2s, box-shadow .2s; }
.mb-input:focus, .mb-select:focus, .mb-textarea:focus { border-color:rgba(221,169,73,.42); box-shadow:0 0 0 3px rgba(221,169,73,.09); }
.mb-textarea { min-height:96px; resize:vertical; line-height:1.6; }
.mb-select { cursor:pointer; }
.mb-label { display:block; color:var(--text-1); font-weight:700; font-size:11px; text-transform:uppercase; letter-spacing:.04em; margin-bottom:6px; }
.mb-form-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:13px; }

/* ── ALERTS ──────────────────────────────────────────────────── */
.mb-alert { border-radius:var(--r-md); padding:12px 14px; margin:9px 0; font-size:13px; line-height:1.5; background:var(--red-bg); border:1px solid rgba(242,94,80,.26); color:var(--text-1); }
.mb-alert--danger  { background:rgba(242,94,80,.09) !important; border-color:rgba(242,94,80,.32) !important; }
.mb-alert--warning { background:rgba(221,169,73,.08) !important; border-color:rgba(221,169,73,.28) !important; }
.mb-alert--success { background:rgba(74,222,128,.08) !important; border-color:rgba(74,222,128,.26) !important; }

/* ── TOAST ───────────────────────────────────────────────────── */
.mb-toast { position:fixed; right:16px; top:16px; z-index:99999; min-width:240px; max-width:min(360px,calc(100vw - 32px)); padding:13px 15px; border-radius:var(--r-lg); background:linear-gradient(180deg,var(--navy-700),var(--navy-900)); border:1px solid rgba(221,169,73,.18); box-shadow:var(--sh-xl); color:var(--text-1); opacity:0; transform:translateY(-12px); transition:opacity .2s, transform .2s var(--ease); display:grid; gap:3px; }
.mb-toast.show { opacity:1; transform:translateY(0); }
.mb-toast b { font-size:12.5px; }
.mb-toast span { font-size:11.5px; color:var(--text-2); }
.mb-toast--error    { border-color:rgba(242,94,80,.34); }
.mb-toast--success  { border-color:rgba(74,222,128,.32); }
.mb-izitoast        { border:1px solid rgba(221,169,73,.16) !important; box-shadow:var(--sh-lg) !important; border-radius:var(--r-lg) !important; }
.mb-izitoast--success { border-color:rgba(74,222,128,.26) !important; }
.mb-izitoast--error   { border-color:rgba(242,94,80,.28) !important; }

/* ── ADMIN ───────────────────────────────────────────────────── */
.admin-shell { display:grid; grid-template-columns:220px minmax(0,1fr); min-height:100vh; }
.admin-side { background:var(--navy-900); border-right:1px solid var(--br-1); padding:16px; position:sticky; top:0; height:100vh; overflow-y:auto; scrollbar-width:thin; scrollbar-color:var(--navy-600) transparent; }
.admin-side a { height:38px; display:flex; align-items:center; gap:8px; padding:0 11px; border-radius:var(--r-md); border:1px solid transparent; color:var(--text-3); font-weight:600; font-size:12.5px; margin:2px 0; transition:background .2s, color .2s; }
.admin-side a:hover { background:var(--navy-700); color:var(--text-1); }
.admin-side a.active { background:rgba(221,169,73,.08); border-color:rgba(221,169,73,.18); color:var(--gold-400); }
.admin-main { padding:22px; }
/* admin-card — sombra corrigida */
.admin-card { background:var(--navy-800); border:1px solid var(--br-1); border-radius:var(--r-xl); padding:18px; box-shadow:none; }
.admin-card-title { font-size:15px; color:var(--text-1); margin:0 0 12px; font-weight:700; }
.admin-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:11px; }
.admin-grid--two { grid-template-columns:minmax(270px,.7fr) minmax(0,1.3fr); }
.admin-stat { display:flex; flex-direction:column; gap:4px; }
.admin-stat b { color:var(--text-3); font-size:10.5px; text-transform:uppercase; letter-spacing:.04em; font-weight:700; }
.admin-stat h2 { margin:0; color:var(--text-1); font-size:22px; font-weight:800; }
.admin-muted { color:var(--text-3); font-size:12px; }
.admin-tabs { display:flex; gap:5px; flex-wrap:wrap; margin:0 0 13px; }
.admin-tabs a { height:34px; display:inline-flex; align-items:center; padding:0 11px; border-radius:var(--r-md); background:var(--navy-700); border:1px solid var(--br-0); color:var(--text-3); font-weight:700; font-size:11px; text-transform:uppercase; letter-spacing:.03em; transition:background .2s, color .2s; }
.admin-tabs a.active, .admin-tabs a:hover { background:rgba(221,169,73,.08); border-color:rgba(221,169,73,.20); color:var(--gold-400); }
.admin-badge { display:inline-flex; align-items:center; height:20px; padding:0 7px; border-radius:var(--r-full); background:var(--navy-600); border:1px solid var(--br-0); font-size:9.5px; font-weight:800; color:var(--text-2); }
.admin-badge.ok   { background:rgba(74,222,128,.09); border-color:rgba(74,222,128,.20); color:var(--green); }
.admin-badge.warn { background:rgba(242,94,80,.09); border-color:rgba(242,94,80,.20); color:var(--red); }
.admin-badge.info { background:rgba(75,105,255,.09); border-color:rgba(75,105,255,.20); color:#92a8ff; }
.admin-actions { display:flex; gap:7px; flex-wrap:wrap; align-items:center; }
.admin-two-cols { display:grid; grid-template-columns:1fr 1fr; gap:13px; }
.mb-table { width:100%; border-collapse:collapse; }
.mb-table th, .mb-table td { padding:10px 12px; border-bottom:1px solid var(--br-0); text-align:left; font-size:12.5px; }
.mb-table th { color:var(--text-3); text-transform:uppercase; font-size:10px; font-weight:700; letter-spacing:.04em; }
.mb-table td { color:var(--text-2); }
.mb-table tr:last-child td { border-bottom:none; }
.mb-table tr:hover td { background:rgba(255,255,255,.016); }
.mb-table .mb-input { height:34px; padding:0 9px; font-size:12px; }
.mb-table .mb-actions { display:flex; gap:7px; align-items:center; justify-content:flex-end; }
.admin-modal, .mb-admin-modal { position:fixed; inset:0; z-index:150; display:none; place-items:center; padding:20px; }
.admin-modal.is-open, .mb-admin-modal.is-open { display:grid; }
.admin-modal__backdrop, .mb-admin-modal__backdrop { position:absolute; inset:0; background:rgba(0,0,0,.76); backdrop-filter:blur(8px); }
.admin-modal__card, .mb-admin-modal__card { position:relative; z-index:1; width:min(940px,100%); max-height:88vh; overflow:auto; background:linear-gradient(180deg,var(--navy-700),var(--navy-900)); border:1px solid var(--br-1); border-radius:var(--r-2xl); box-shadow:var(--sh-xl); padding:20px; animation:modalIn .22s var(--ease); }
.admin-modal__close, .mb-admin-modal__close { position:absolute; right:12px; top:11px; width:32px; height:32px; border:1px solid var(--br-1); border-radius:var(--r-md); background:var(--navy-600); color:var(--text-2); font-size:18px; cursor:pointer; display:grid; place-items:center; transition:background .2s; }
.admin-modal__close:hover, .mb-admin-modal__close:hover { background:var(--navy-500); }
.mb-admin-modal__head, .mb-admin-modal__footer { display:flex; align-items:center; justify-content:space-between; gap:11px; padding-bottom:13px; margin-bottom:13px; border-bottom:1px solid var(--br-0); }
.mb-admin-modal__footer { padding-top:13px; padding-bottom:0; margin-top:13px; margin-bottom:0; border-top:1px solid var(--br-0); border-bottom:none; }
.mb-admin-modal h3 { margin:0; color:var(--text-1); text-transform:uppercase; font-size:15px; font-weight:800; }
.mb-modal-lite { position:fixed; inset:0; z-index:9999; display:none; align-items:center; justify-content:center; padding:20px; }
.mb-modal-lite.is-open { display:flex; }
.mb-modal-lite__backdrop { position:absolute; inset:0; background:rgba(0,0,0,.76); backdrop-filter:blur(12px); }
.mb-modal-lite__card { position:relative; z-index:2; width:min(460px,100%); border-radius:var(--r-xl); border:1px solid rgba(221,169,73,.20); background:linear-gradient(180deg,var(--navy-700),var(--navy-900)); box-shadow:var(--sh-xl); padding:24px; color:var(--text-1); animation:modalIn .22s var(--ease); }
.mb-modal-lite__card h2 { margin:0 0 7px; font-family:var(--font-display); text-transform:uppercase; }
.mb-modal-lite__card p  { margin:0 0 15px; color:var(--text-2); font-size:13px; line-height:1.6; }
.mb-modal-lite__close { position:absolute; right:11px; top:9px; width:30px; height:30px; border:1px solid var(--br-1); border-radius:var(--r-md); background:var(--navy-600); color:var(--text-2); font-size:18px; cursor:pointer; display:grid; place-items:center; transition:background .2s; }
.mb-modal-lite__close:hover { background:var(--navy-500); }
.mb-modal-lite__actions { display:flex; justify-content:flex-end; gap:9px; margin-top:14px; }
.mb-form-status { margin-top:9px; font-size:12px; color:var(--text-3); }
.mb-form-status.ok    { color:var(--green); }
.mb-form-status.error { color:var(--red); }

/* ── PROFILE ─────────────────────────────────────────────────── */
.mb-profile-page { padding:30px 0 60px; }
.mb-profile-hero { display:grid; grid-template-columns:minmax(0,1fr) 290px; gap:14px; align-items:stretch; }
.mb-profile-card, .mb-profile-wallet, .mb-profile-stats article, .mb-profile-grid .admin-card { border:1px solid var(--br-1); background:var(--navy-800); box-shadow:none; border-radius:var(--r-xl); }
.mb-profile-card { display:flex; gap:18px; align-items:center; padding:20px; }
.mb-profile-avatar-big { width:96px; height:96px; border-radius:22px; padding:4px; background:linear-gradient(145deg,var(--gold-500),var(--blue) 55%,var(--navy-900)); flex:0 0 auto; }
.mb-profile-avatar-big img, .mb-profile-avatar-big span { width:100%; height:100%; border-radius:18px; object-fit:cover; display:grid; place-items:center; background:var(--navy-800); color:var(--text-1); font-size:36px; font-weight:900; font-family:var(--font-display); }
.mb-profile-kicker { text-transform:uppercase; color:var(--gold-400); font-size:10px; font-weight:800; letter-spacing:.14em; }
.mb-profile-main h1 { font-family:var(--font-display); font-size:24px; margin:4px 0; color:var(--text-1); }
.mb-profile-main p  { color:var(--text-3); margin:0 0 12px; font-size:13px; }
.mb-profile-actions { display:flex; flex-wrap:wrap; gap:8px; }
.mb-profile-wallet { padding:20px; display:flex; flex-direction:column; justify-content:center; }
.mb-profile-wallet small, .mb-profile-stats small { color:var(--text-3); text-transform:uppercase; font-weight:700; font-size:10px; letter-spacing:.07em; }
.mb-profile-wallet strong { font-size:28px; color:var(--gold-400); margin:7px 0; font-weight:800; }
.mb-profile-wallet span, .mb-profile-stats span { color:var(--text-3); font-size:11.5px; }
.mb-profile-stats { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:11px; margin-top:12px; }
.mb-profile-stats article { padding:15px; }
.mb-profile-stats b { display:block; color:var(--text-1); font-size:20px; margin:6px 0; font-weight:800; }
.mb-profile-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:12px; }
.mb-profile-shortcuts { display:grid; grid-template-columns:repeat(2,1fr); gap:8px; }
.mb-profile-shortcuts a { padding:12px; border-radius:var(--r-lg); background:rgba(255,255,255,.03); border:1px solid var(--br-0); color:var(--text-1); font-weight:700; font-size:13px; transition:background .2s, border-color .2s, transform .18s var(--ease); }
.mb-profile-shortcuts a:hover { background:rgba(221,169,73,.08); border-color:rgba(221,169,73,.22); transform:translateY(-2px); }
.mb-profile-list { margin:0; padding-left:16px; color:var(--text-2); line-height:1.9; }

/* ── MISC ────────────────────────────────────────────────────── */
.mb-page-hero { display:flex; align-items:center; justify-content:space-between; gap:14px; margin:24px 0 16px; flex-wrap:wrap; }
.mb-sell-all-btn span { margin-left:7px; opacity:.8; }
.mb-empty-premium { text-align:center; margin-top:18px; border:1px solid var(--br-1); border-radius:var(--r-xl); background:var(--navy-800); padding:26px; color:var(--text-2); }
.mb-email-warning { display:flex; align-items:center; justify-content:space-between; gap:11px; flex-wrap:wrap; }
.mb-terms-page { padding-bottom:56px; }
.mb-terms-card { max-width:960px; margin:20px auto 0; line-height:1.82; border:1px solid var(--br-1); border-radius:var(--r-xl); background:var(--navy-800); padding:26px; color:var(--text-2); }
.mb-terms-card h2 { font-family:var(--font-display); text-transform:uppercase; color:var(--text-1); font-size:16px; margin:20px 0 7px; }
.mb-terms-card p  { margin:0 0 11px; }

/* ── ICONS ───────────────────────────────────────────────────── */
.mb-ico { display:inline-grid; place-items:center; width:1.15em; height:1.15em; line-height:1; flex:0 0 auto; }
.mb-ico svg { display:block; width:100%; height:100%; fill:currentColor; stroke:none; }

/* ── SCROLLBAR ───────────────────────────────────────────────── */
::-webkit-scrollbar { width:5px; height:5px; }
::-webkit-scrollbar-track { background:transparent; }
::-webkit-scrollbar-thumb { background:var(--navy-600); border-radius:var(--r-full); }

/* ── RESPONSIVE ──────────────────────────────────────────────── */
@media(max-width:1200px){ .mb-footer__inner { grid-template-columns:1fr 1fr; } .mb-footer__socials { justify-content:flex-start; } .admin-grid--two { grid-template-columns:1fr; } }
@media(max-width:1100px){ .mb-kd-header__inner { gap:14px; } .mb-case-controls { grid-template-columns:1fr; } .mb-case-multi { grid-template-columns:repeat(5,1fr); } .mb-case-multi button { width:100%; } }
@media(max-width:900px){ .mb-case-toolbar,.mb-case-toolbar--kd { grid-template-columns:1fr; gap:9px; text-align:center; padding-top:18px; } .mb-case-back { justify-self:center; } .mb-case-actions { justify-self:center; } .mb-case-title { order:-1; } .mb-case-stage { grid-template-columns:1fr; } .mb-case-cover { position:relative; top:auto; max-width:260px; margin-inline:auto; } .mb-roll-fade-left,.mb-roll-fade-right { width:55px; } .admin-shell { grid-template-columns:1fr; } .admin-side { position:relative; height:auto; overflow:visible; } .admin-two-cols { grid-template-columns:1fr; } .mb-profile-hero { grid-template-columns:1fr; } .mb-profile-grid { grid-template-columns:1fr; } .mb-profile-stats { grid-template-columns:repeat(2,1fr); } .mb-profile-card { flex-direction:column; align-items:flex-start; } }
@media(max-width:760px){ .mb-kd-header__inner { gap:7px; padding:0 10px; } .mb-live__item { flex-basis:76px; width:76px; min-width:76px; } .mb-roll-item { flex-basis:155px; width:155px; height:192px; } .mb-case-stage--full .mb-roll-item { flex-basis:152px; width:152px; height:188px; padding:11px; } .mb-footer { margin-top:36px; } .mb-footer__inner { grid-template-columns:1fr; padding-top:26px; } .mb-footer__bottom { flex-direction:column; align-items:flex-start; } .mb-footer__socials { justify-content:flex-start; } .mb-profile-stats { grid-template-columns:1fr; } .mb-page-hero { flex-direction:column; align-items:flex-start; } }
@media(max-width:480px){ .mb-grid { gap:7px; } .mb-hero { padding:30px 18px; } .mb-container { width:calc(100% - 22px); } }

/* ── Footer responsive ────────────────────────────────────── */
@media(max-width:1200px){
  .mb-footer__inner { grid-template-columns:1fr 1fr; gap:20px; }
  .mb-footer__socials { justify-content:flex-start !important; }
}

@media(max-width:760px){
  /* .mb-footer margin handled by main padding-bottom */
  .mb-footer__inner { grid-template-columns:1fr; padding-top:28px; gap:18px; }
  .mb-footer__bottom { flex-direction:column; align-items:flex-start; gap:6px; }
  .mb-footer__notice { align-items:flex-start; }
  .mb-footer__socials { gap:6px; }
  .mb-footer__socials a { width:36px; height:36px; }
}

/* Footer 4-column grid */
@media(min-width:1201px){
  .mb-footer__inner { grid-template-columns: minmax(200px,1.4fr) minmax(200px,.9fr) minmax(130px,.5fr) minmax(130px,.5fr); }
}

/* ── Body: footer sempre no fim ────────────────────────────── */
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

main {
  flex: 1 0 auto;
  padding-bottom: 72px; /* espaço antes do footer */
}

.mb-footer { flex-shrink: 0; }

/* ── inv-stat redesign ─────────────────────────────────────── */
.inv-stat {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  height: 52px;
  padding: 0 16px;
  border-radius: 9px;
  background: #1B1B22;
  border: 1px solid rgba(255,255,255,.07);
  overflow: hidden;
  font-size: 12.5px;
  font-weight: 600;
}

.inv-stat::before {
  content: "";
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 3px;
  background: rgba(255,255,255,.12);
  border-radius: 0 2px 2px 0;
}

.inv-stat b { color: #fff; font-weight: 800; }
.inv-stat--gold::before { background: linear-gradient(180deg, #DDA949, #C49A38); }
.inv-stat--gold { background: rgba(221,169,73,.06); border-color: rgba(221,169,73,.18); }
.inv-stat--gold b { color: #DDA949; }

/* ── mb-category-pills — extra polish ─────────────────────── */
.mb-category-pills a .pill-icon {
  width: 20px;
  height: 20px;
  display: grid;
  place-items: center;
  flex-shrink: 0;
}

.mb-category-pills a .pill-icon svg {
  width: 14px;
  height: 14px;
  fill: currentColor;
  opacity: .65;
}

.mb-category-pills a.active .pill-icon svg { opacity: 1; }

/* ── caixa-open-btn inherits mb-btn styles ─────────────────── */
.caixa-open-btn {
  font-family: var(--font-body) !important;
  letter-spacing: .05em !important;
  height: 52px !important;
}

/* ── Live drops: no flicker overlay ───────────────────────── */
.mb-live__item {
  will-change: opacity, transform;
  transform-origin: center;
}


/* v2.5 - Inventário: evita quebra dos badges de tipo/status */
.skin-grid { grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); gap:12px; }
.skin-card { min-height:238px; }
.skin-card__top--public { align-items:flex-start !important; justify-content:space-between !important; flex-wrap:nowrap !important; gap:8px; min-height:36px; }
.skin-card__top--public .inv-status,
.skin-card__top--public .inv-type { display:inline-flex; align-items:center; justify-content:center; white-space:nowrap; flex:0 0 auto; min-width:max-content; max-width:none; overflow:visible; text-overflow:clip; line-height:20px; }
.skin-card__top--public .inv-type { margin-left:auto; text-align:right; align-self:flex-start; }
@media(max-width:520px){
  .skin-grid { grid-template-columns:repeat(auto-fill,minmax(190px,1fr)); }
  .skin-card__top--public .inv-status,
  .skin-card__top--public .inv-type { font-size:8.5px; padding-left:6px; padding-right:6px; }
}


/* v2.6 inventory badge alignment */
.skin-card__top--public{justify-content:space-between!important;align-items:flex-start!important;flex-wrap:nowrap!important}
.skin-card__top--public .inv-status{margin-right:8px!important;text-align:left!important}
.skin-card__top--public .inv-type{margin-left:auto!important;text-align:right!important;align-self:flex-start!important;white-space:nowrap!important}
.inv-type,.inv-status{white-space:nowrap!important;word-break:keep-all!important;line-height:1!important}
@media(max-width:520px){.skin-card{min-height:246px!important}.skin-card__top--public{gap:6px!important}.skin-card__top--public .inv-status,.skin-card__top--public .inv-type{font-size:8px!important}}

/* v2.7 inventory badge hard alignment */
.skin-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))!important}
.skin-card{min-height:252px!important;position:relative!important}
.skin-card__top--public{position:relative!important;width:100%!important;display:flex!important;align-items:flex-start!important;justify-content:flex-start!important;flex-wrap:nowrap!important;min-height:38px!important;padding:11px 11px 0!important;box-sizing:border-box!important}
.skin-card__top--public .inv-status{position:relative!important;left:auto!important;top:auto!important;margin:0!important;max-width:calc(100% - 95px)!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;justify-content:flex-start!important;text-align:left!important;line-height:20px!important}
.skin-card__top--public .inv-type{position:absolute!important;right:11px!important;top:11px!important;margin:0!important;white-space:nowrap!important;text-align:right!important;justify-content:center!important;line-height:20px!important;z-index:2!important}
@media(max-width:520px){.skin-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))!important}.skin-card__top--public .inv-status{max-width:calc(100% - 72px)!important}.skin-card__top--public .inv-type{right:10px!important}}


/* ================================================================

/* ================================================================
   MALIGNYBOX — Redesign v5.1
   Footer recriado · Header original · Botão chamativo · Sem bordas
   Cor única: navy escuro + ouro #DDA949
   ================================================================ */

/* ── Body layout ─────────────────────────────────────────────── */
body { display:flex; flex-direction:column; min-height:100vh; }
main { flex:1 0 auto; padding-bottom:60px; animation:pgFadeIn .32s ease both; }
@keyframes pgFadeIn { from{opacity:0} to{opacity:1} }
.mb-footer { flex-shrink:0; }

/* ── Selection ───────────────────────────────────────────────── */
::selection { background:rgba(221,169,73,.25); color:#fff; }
:focus-visible { outline:2px solid rgba(221,169,73,.5); outline-offset:2px; }

/* ── Scrollbar ───────────────────────────────────────────────── */
::-webkit-scrollbar { width:5px; height:5px; }
::-webkit-scrollbar-track { background:transparent; }
::-webkit-scrollbar-thumb { background:#282832; border-radius:3px; }
::-webkit-scrollbar-thumb:hover { background:#3a3a4a; }

/* ════════════════════════════════════════════════════════════════
   HEADER — exatamente as cores originais, sem glassmorphism
   ════════════════════════════════════════════════════════════════ */
.mb-kd-header { position:sticky; top:0; z-index:50; background:var(--navy-900); }
.mb-kd-header__inner {
  height:50px;
  display:flex; align-items:center; gap:16px;
  padding:0 12px;
  background:var(--navy-800);
  background-image:radial-gradient(circle at 0% 360%, #47475d, transparent 80%);
  background-size:320px; background-position:0 0; background-repeat:no-repeat;
  border-bottom:1px solid var(--br-1);
}
@media(min-width:768px){ .mb-kd-header__inner { height:70px; padding-left:20px; padding-right:0; gap:24px; } }

/* Nav links originais + hover suave */
.mb-kd-nav a {
  position:relative; height:100%;
  display:flex; flex-shrink:0; align-items:center; gap:8px;
  color:var(--text-3); font-size:12px; font-weight:600;
  white-space:nowrap; padding:0 10px;
  transition:color .2s var(--ease);
}
.mb-kd-nav a:hover, .mb-kd-nav a.active { color:var(--text-1); }
.mb-kd-nav a.active::after {
  content:""; position:absolute; left:10px; right:10px; bottom:0;
  height:2px; border-radius:999px 999px 0 0;
  background:var(--gold-400);
}

/* Wallet — redesign com texto legível */
.mb-kd-wallet {
  background:linear-gradient(135deg,#7bac26,#8ec832) !important;
  color:#fff !important;
  box-shadow:0 2px 8px rgba(120,180,30,.20);
}
@media(min-width:768px){ .mb-kd-wallet { height:42px; border-radius:var(--r-xs); } }
.mb-kd-wallet:hover { transform:translateY(-1px); box-shadow:0 4px 16px rgba(120,180,30,.30) !important; }

/* Avatar hover */
.mb-kd-avatar { transition:transform .2s var(--ease), border-color .2s; }
.mb-kd-avatar:hover { transform:translateY(-1px); border-color:rgba(221,169,73,.45); }

/* Register original */
.mb-kd-register { background:var(--gold-500); color:#0d0d0f; font-weight:700; }
.mb-kd-register:hover { transform:translateY(-1px); }

/* ════════════════════════════════════════════════════════════════
   CASE CARDS — sem bordas, apenas sombra
   ════════════════════════════════════════════════════════════════ */
.mb-case-card {
  border:none !important;
  border-radius:10px !important;
  box-shadow:0 4px 20px rgba(0,0,0,.45), 0 1px 0 rgba(255,255,255,.03) inset !important;
  transition:transform .25s cubic-bezier(.16,1,.3,1), box-shadow .25s ease !important;
}
.mb-case-card:hover {
  transform:translateY(-5px) !important;
  box-shadow:0 18px 40px rgba(0,0,0,.55), 0 0 0 1px rgba(221,169,73,.08) !important;
}
.mb-case-card:hover .mb-case-card__img { transform:scale(1.06) !important; }
.mb-case-card::before {
  background:linear-gradient(to bottom, transparent 42%, rgba(0,0,0,.82)) !important;
}
.mb-case-card__badge {
  backdrop-filter:blur(5px) !important;
  font-size:9px !important; letter-spacing:.04em !important;
}
.mb-case-card__price {
  backdrop-filter:blur(8px) !important;
  background:rgba(13,13,18,.80) !important;
  border:none !important; font-weight:800 !important;
}
.mb-case-card__name {
  backdrop-filter:blur(8px) !important;
  background:rgba(10,10,15,.80) !important;
  border:none !important;
  font-size:11.5px !important; letter-spacing:.04em !important;
}
.mb-card-favorite {
  border:1px solid rgba(255,255,255,.10) !important;
  backdrop-filter:blur(6px) !important;
  transition:transform .2s cubic-bezier(.34,1.56,.64,1), background .18s, color .18s !important;
}
.mb-card-favorite:hover { transform:translateY(-2px) scale(1.12) !important; }
.mb-card-favorite.active {
  background:rgba(221,169,73,.18) !important;
  border-color:rgba(221,169,73,.45) !important;
  color:var(--gold-400) !important;
}

/* Category pills */
.mb-category-pills a {
  border-radius:9px !important;
  transition:background .18s, border-color .18s, color .18s, transform .18s cubic-bezier(.16,1,.3,1) !important;
}
.mb-category-pills a:hover { transform:translateY(-1px) !important; }

/* ════════════════════════════════════════════════════════════════
   BOTÃO ABRIR CAIXA — chamativo, viciante
   ════════════════════════════════════════════════════════════════ */
.caixa-open-btn {
  position:relative;
  width:100%;
  height:58px !important;
  border:0;
  border-radius:10px !important;
  font-family:var(--font-body) !important;
  font-size:14px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.08em !important;
  cursor:pointer;
  display:flex; align-items:center; justify-content:center; gap:10px;
  overflow:hidden;
  transition:transform .18s cubic-bezier(.16,1,.3,1), box-shadow .18s ease !important;
}

/* Shimmer sweep */
.caixa-open-btn::before {
  content:'';
  position:absolute;
  top:0; left:-100%; width:60%; height:100%;
  background:linear-gradient(105deg, transparent, rgba(255,255,255,.28), transparent);
  transform:skewX(-20deg);
  pointer-events:none;
  transition:none;
}
.caixa-open-btn:not(:disabled):hover::before { animation:btnShine .6s ease forwards; }
@keyframes btnShine { to { left:140%; } }

/* Gold state — ativo, tem saldo */
.caixa-open-btn--gold {
  background:linear-gradient(135deg, #e0aa40 0%, #DDA949 45%, #c9922a 100%) !important;
  color:#0D0D0F !important;
  box-shadow:0 4px 20px rgba(221,169,73,.35), 0 1px 0 rgba(255,255,255,.22) inset !important;
  animation:btnPulseGold 2.8s ease-in-out infinite !important;
}
@keyframes btnPulseGold {
  0%,100% { box-shadow:0 4px 20px rgba(221,169,73,.35), 0 1px 0 rgba(255,255,255,.22) inset; }
  50%      { box-shadow:0 6px 30px rgba(221,169,73,.55), 0 1px 0 rgba(255,255,255,.22) inset; }
}
.caixa-open-btn--gold:hover {
  transform:translateY(-3px) scale(1.01) !important;
  box-shadow:0 10px 36px rgba(221,169,73,.55), 0 1px 0 rgba(255,255,255,.22) inset !important;
  animation:none !important;
}
.caixa-open-btn--gold:active {
  transform:scale(.98) !important;
  box-shadow:0 2px 12px rgba(221,169,73,.35) !important;
}

/* Red state — sem saldo */
.caixa-open-btn--red {
  background:rgba(242,94,80,.10) !important;
  border:1px solid rgba(242,94,80,.28) !important;
  color:#F25E50 !important;
}
.caixa-open-btn--red:hover { background:rgba(242,94,80,.15) !important; }

.caixa-open-btn:disabled { opacity:.45; cursor:not-allowed; transform:none !important; animation:none !important; }

/* Botão "Abrir novamente" nos resultados */
#mb-open-again, .mb-btn--gold {
  position:relative; overflow:hidden;
}
#mb-open-again::before, .mb-btn--gold::before {
  content:''; position:absolute;
  top:0; left:-100%; width:60%; height:100%;
  background:linear-gradient(105deg, transparent, rgba(255,255,255,.20), transparent);
  transform:skewX(-20deg); pointer-events:none;
}
#mb-open-again:not(:disabled):hover::before,
.mb-btn--gold:not(:disabled):hover::before { animation:btnShine .6s ease forwards; }

/* ════════════════════════════════════════════════════════════════
   FOOTER — Recriado por completo
   Cor única: #111114 (navy-900) + acentos em #DDA949
   ════════════════════════════════════════════════════════════════ */
.mb-footer {
  background:#111114;
  margin-top:0;
  overflow:hidden;
  position:relative;
}

/* Subtle grain texture overlay */
.mb-footer::before {
  content:'';
  position:absolute; inset:0;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");
  background-size:160px 160px;
  opacity:.022;
  pointer-events:none;
  z-index:0;
}

/* Gold divider line at top */
.mbf-divider {
  height:2px;
  background:linear-gradient(90deg,
    transparent 0%,
    rgba(221,169,73,.0) 5%,
    rgba(221,169,73,.60) 30%,
    #DDA949 50%,
    rgba(221,169,73,.60) 70%,
    rgba(221,169,73,.0) 95%,
    transparent 100%
  );
  position:relative; z-index:1;
}

/* ── TOP band: brand + tagline + socials ── */
.mbf-top {
  position:relative; z-index:1;
  display:flex;
  align-items:center;
  gap:24px;
  padding:32px 0 24px;
  border-bottom:1px solid rgba(255,255,255,.055);
  flex-wrap:wrap;
}

.mbf-brand {
  display:inline-flex; align-items:center; gap:3px;
  font-family:var(--font-display);
  font-size:22px; font-weight:700;
  letter-spacing:.07em; text-transform:uppercase;
  color:#fff; text-decoration:none;
  flex-shrink:0;
  transition:opacity .2s;
}
.mbf-brand:hover { opacity:.82; }
.mbf-brand b { color:var(--gold-400); }
.mbf-brand img { max-height:32px; max-width:160px; object-fit:contain; display:block; }

.mbf-tagline {
  flex:1; min-width:200px;
  color:rgba(255,255,255,.28);
  font-size:11.5px; font-weight:500; line-height:1.5;
  margin:0;
}

.mbf-socials {
  display:flex; align-items:center; gap:6px; flex-wrap:wrap;
  margin-left:auto;
}

.mbf-social-btn {
  width:36px; height:36px;
  border-radius:8px;
  display:grid; place-items:center;
  background:rgba(255,255,255,.04);
  color:rgba(255,255,255,.30);
  transition:background .18s, color .18s, transform .2s cubic-bezier(.34,1.56,.64,1);
}
.mbf-social-btn:hover {
  background:rgba(221,169,73,.12);
  color:var(--gold-400);
  transform:translateY(-3px) scale(1.08);
}
.mbf-social-btn svg { width:16px; height:16px; fill:currentColor; }

/* ── Gold separator ── */
.mbf-separator {
  height:1px;
  background:linear-gradient(90deg, rgba(221,169,73,.18), transparent);
  margin:0;
  position:relative; z-index:1;
}

/* ── MAIN GRID ── */
.mbf-grid {
  position:relative; z-index:1;
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:40px;
  padding:36px 0 32px;
}

/* ── Columns ── */
.mbf-col { display:flex; flex-direction:column; gap:0; }

.mbf-col__label {
  display:flex; align-items:center; gap:7px;
  font-size:9.5px; font-weight:800;
  text-transform:uppercase; letter-spacing:.10em;
  color:var(--gold-400);
  margin-bottom:16px;
  padding-bottom:10px;
  border-bottom:1px solid rgba(221,169,73,.12);
}
.mbf-col__label svg { width:13px; height:13px; fill:currentColor; }

/* ── Nav links ── */
.mbf-links {
  display:flex; flex-direction:column; gap:2px;
}

.mbf-links a {
  display:inline-flex; align-items:center; gap:9px;
  height:34px;
  color:rgba(255,255,255,.38);
  font-size:12px; font-weight:600;
  text-decoration:none;
  border-radius:7px;
  padding:0 8px;
  margin-left:-8px;
  transition:color .18s, background .18s, transform .18s cubic-bezier(.16,1,.3,1);
}
.mbf-links a svg {
  width:13px; height:13px; fill:currentColor;
  opacity:.45; flex-shrink:0;
  transition:opacity .18s;
}
.mbf-links a:hover {
  color:#fff;
  background:rgba(255,255,255,.04);
  transform:translateX(4px);
}
.mbf-links a:hover svg { opacity:.8; }

/* ── Notice block ── */
.mbf-col--notice { gap:20px; }

.mbf-notice {
  display:flex; gap:14px; align-items:flex-start;
  background:rgba(221,169,73,.05);
  border:1px solid rgba(221,169,73,.12);
  border-radius:12px;
  padding:16px;
}

.mbf-notice__badge {
  flex-shrink:0;
  width:44px; height:44px;
  border-radius:10px;
  background:linear-gradient(135deg, var(--gold-500), #c9922a);
  color:#0d0d0f;
  font-family:var(--font-display);
  font-size:14px; font-weight:700;
  display:grid; place-items:center;
  box-shadow:0 4px 12px rgba(221,169,73,.25);
}

.mbf-notice__body strong {
  display:block;
  font-size:11px; font-weight:800;
  text-transform:uppercase; letter-spacing:.06em;
  color:#fff; margin-bottom:5px;
}
.mbf-notice__body p {
  margin:0;
  font-size:11px; color:rgba(255,255,255,.35); line-height:1.55;
}

/* ── CTA button in footer ── */
.mbf-cta {}

.mbf-cta__btn {
  display:inline-flex; align-items:center; gap:9px;
  height:44px; padding:0 20px;
  border-radius:9px;
  background:linear-gradient(135deg, #e0aa40 0%, #DDA949 50%, #c9922a 100%);
  color:#0d0d0f;
  font-size:11.5px; font-weight:900;
  text-transform:uppercase; letter-spacing:.06em;
  text-decoration:none;
  position:relative; overflow:hidden;
  box-shadow:0 4px 16px rgba(221,169,73,.28);
  transition:transform .18s cubic-bezier(.16,1,.3,1), box-shadow .18s;
}
.mbf-cta__btn::before {
  content:''; position:absolute;
  top:0; left:-100%; width:55%; height:100%;
  background:linear-gradient(105deg, transparent, rgba(255,255,255,.25), transparent);
  transform:skewX(-20deg); pointer-events:none;
}
.mbf-cta__btn:hover::before { animation:btnShine .55s ease forwards; }
.mbf-cta__btn:hover {
  transform:translateY(-2px);
  box-shadow:0 8px 24px rgba(221,169,73,.40);
}
.mbf-cta__btn svg { width:15px; height:15px; fill:currentColor; flex-shrink:0; }

/* ── Bottom bar ── */
.mbf-bottom {
  position:relative; z-index:1;
  display:flex; align-items:center; justify-content:space-between; gap:14px;
  padding:16px 0 28px;
  border-top:1px solid rgba(255,255,255,.045);
}

.mbf-copy {
  font-size:10.5px; font-weight:600;
  color:rgba(255,255,255,.20);
  text-transform:uppercase; letter-spacing:.04em;
}

.mbf-tagline2 {
  font-size:10.5px; font-weight:600;
  color:rgba(255,255,255,.14);
  text-transform:uppercase; letter-spacing:.03em;
}

/* ── Responsive Footer ── */
@media(max-width:1100px) {
  .mbf-grid { grid-template-columns:1fr 1fr; gap:28px; }
  .mbf-col--notice { grid-column:1/-1; flex-direction:row; gap:16px; }
  .mbf-notice { flex:1; }
  .mbf-cta { display:flex; align-items:center; }
}

@media(max-width:760px) {
  .mbf-top { flex-direction:column; align-items:flex-start; gap:14px; padding:24px 0 18px; }
  .mbf-socials { margin-left:0; }
  .mbf-tagline { display:none; }
  .mbf-grid { grid-template-columns:1fr 1fr; gap:20px; padding:24px 0 20px; }
  .mbf-col--notice { grid-column:1/-1; flex-direction:column; }
  .mbf-bottom { flex-direction:column; align-items:flex-start; gap:4px; padding:12px 0 24px; }
  .mbf-tagline2 { display:none; }
}

@media(max-width:480px) {
  .mbf-grid { grid-template-columns:1fr; }
}

/* ════════════════════════════════════════════════════════════════
   MISC POLISH — Botões, cards, transições globais
   ════════════════════════════════════════════════════════════════ */

/* Buttons — override de globais */
.mb-btn {
  border-radius:9px !important;
}
.mb-btn--gold {
  background:linear-gradient(135deg, #e0aa40, #DDA949) !important;
  box-shadow:0 3px 12px rgba(221,169,73,.25) !important;
}
.mb-btn--gold:hover {
  transform:translateY(-2px) !important;
  box-shadow:0 7px 22px rgba(221,169,73,.40) !important;
}

/* Form inputs */
.mb-input, .mb-select, .mb-textarea {
  border-radius:10px !important;
  transition:border-color .18s, box-shadow .18s, background .18s !important;
}
.mb-input:hover:not(:focus), .mb-select:hover:not(:focus) {
  border-color:rgba(255,255,255,.14) !important;
}
.mb-input:focus, .mb-select:focus, .mb-textarea:focus {
  border-color:rgba(221,169,73,.40) !important;
  box-shadow:0 0 0 3px rgba(221,169,73,.09) !important;
}

/* Skin cards — sem bordas excessivas */
.skin-card {
  border:1px solid rgba(255,255,255,.06) !important;
  transition:transform .25s cubic-bezier(.16,1,.3,1), border-color .2s, box-shadow .2s !important;
}
.skin-card:hover {
  transform:translateY(-4px) !important;
  border-color:rgba(255,255,255,.12) !important;
  box-shadow:0 12px 30px rgba(0,0,0,.45) !important;
}

/* Live drops items */
.mb-live__item {
  border:none !important;
  border-bottom:2px solid var(--rarity, var(--gold-500)) !important;
  background:linear-gradient(180deg, #252530, #1c1c26) !important;
  transition:transform .2s cubic-bezier(.16,1,.3,1), box-shadow .2s !important;
}
.mb-live__item:hover {
  transform:translateY(-3px) scale(1.04) !important;
  box-shadow:0 6px 16px rgba(0,0,0,.4) !important;
}

/* Roll panel */
.mb-roll-panel {
  border:none !important;
  border-radius:12px !important;
  box-shadow:0 4px 24px rgba(0,0,0,.40), inset 0 0 40px rgba(0,0,0,.20) !important;
}

/* Roll pointer pulse */
.mb-roll-pointer { animation:pointerPulse 1.3s ease-in-out infinite !important; }
@keyframes pointerPulse {
  0%,100% { filter:drop-shadow(0 0 6px rgba(255,255,255,.50)); }
  50%      { filter:drop-shadow(0 0 14px rgba(255,255,255,.85)); }
}

/* Case cover */
.mb-case-cover {
  border:none !important;
  border-radius:14px !important;
  box-shadow:0 14px 40px rgba(0,0,0,.55) !important;
}

/* Result modal */
.mb-result-modal__card {
  border-radius:18px !important;
  background:linear-gradient(160deg, #1e1e2a 0%, #13131a 100%) !important;
  border:1px solid rgba(255,255,255,.08) !important;
}

/* Hero */
.mb-hero {
  border-radius:14px !important;
  border:none !important;
  box-shadow:0 8px 32px rgba(0,0,0,.45) !important;
}

/* Toast */
.mb-toast {
  border-radius:12px !important;
  background:linear-gradient(160deg, #1e1e2a 0%, #14141e 100%) !important;
}

/* Case back btn */
.mb-case-back { transition:background .18s, color .18s, transform .18s cubic-bezier(.16,1,.3,1) !important; }
.mb-case-back:hover { transform:translateX(-2px) !important; }

/* Section title accents */
.idx-section-title::before, .cxs-section-title::before {
  background:linear-gradient(180deg, #DDA949, rgba(221,169,73,.35)) !important;
  box-shadow:0 0 8px rgba(221,169,73,.35);
}

/* ================================================================
   REDESIGN v5.2 — Footer darker · Shadows reduzidas · Hovers fluidos
   · Filtros · Banners footer/above · Responsividade completa
   ================================================================ */

/* ── Footer — cor mais dark ──────────────────────────────────── */
.mb-footer { background:#08080c !important; }
.mbf-top { border-bottom-color:rgba(255,255,255,.05) !important; }
.mbf-separator { background:linear-gradient(90deg, rgba(221,169,73,.14), transparent) !important; }
.mbf-bottom { border-top-color:rgba(255,255,255,.04) !important; }

/* Footer banners strip */
.mbf-banners {
  background:#0d0d11;
  border-bottom:1px solid rgba(255,255,255,.05);
  padding:20px 0;
}
.mbf-banners__grid {
  display:flex;
  flex-direction:column;
  gap:14px;
}
.mbf-banner-item {
  position:relative;
  display:flex;
  align-items:center;
  gap:14px;
  padding:18px 20px;
  background:#0d0d11;
  transition:background .18s;
  overflow:hidden;
  cursor:default;
}
.mbf-banner-item--img {
  background-image:var(--banner-img);
  background-size:cover;
  background-position:center;
}
.mbf-banner-item__overlay {
  position:absolute; inset:0;
  background:rgba(8,8,12,.78);
  pointer-events:none;
}
.mbf-banner-item:hover { background:#111116; }
.mbf-banner-item__body {
  flex:1; min-width:0;
  position:relative; z-index:1;
  display:flex; flex-direction:column; gap:3px;
}
.mbf-banner-item__title {
  font-size:13px; font-weight:800; line-height:1.3;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.mbf-banner-item__sub {
  font-size:11px; color:rgba(255,255,255,.40);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.mbf-banner-item__btn {
  position:relative; z-index:1;
  flex-shrink:0;
  display:inline-flex; align-items:center;
  height:34px; padding:0 14px;
  border-radius:8px;
  font-size:11px; font-weight:800;
  text-transform:uppercase; letter-spacing:.04em;
  text-decoration:none;
  transition:transform .18s, box-shadow .18s;
  white-space:nowrap;
}
.mbf-banner-item__btn:hover { transform:translateY(-1px); box-shadow:0 4px 12px rgba(0,0,0,.3); }

/* Above-boxes banners on index */
.idx-above-banners {
  margin:16px 0;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:10px;
}
.idx-above-banner {
  position:relative;
  display:flex; align-items:center; gap:14px;
  padding:16px 18px;
  border-radius:12px;
  background:#18181f;
  border:1px solid rgba(255,255,255,.07);
  overflow:hidden;
  transition:transform .2s cubic-bezier(.16,1,.3,1), border-color .2s, box-shadow .2s;
  background-size:cover; background-position:center;
}
.idx-above-banner:hover {
  transform:translateY(-2px);
  border-color:rgba(221,169,73,.16);
  box-shadow:0 8px 24px rgba(0,0,0,.35);
}
.idx-above-banner__overlay { position:absolute;inset:0;background:rgba(8,8,12,.72);pointer-events:none; }
.idx-above-banner__body {
  flex:1; min-width:0; position:relative; z-index:1;
  display:flex; flex-direction:column; gap:3px;
}
.idx-above-banner__body strong { font-size:13px; font-weight:800; line-height:1.3; }
.idx-above-banner__body span { font-size:11.5px; color:rgba(255,255,255,.42); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

/* ── Case cards — sombra menor ───────────────────────────────── */
.mb-case-card {
  box-shadow:0 2px 10px rgba(0,0,0,.30), 0 1px 0 rgba(255,255,255,.03) inset !important;
}
.mb-case-card:hover {
  box-shadow:0 10px 28px rgba(0,0,0,.45), 0 0 0 1px rgba(221,169,73,.07) !important;
}

/* ── Inventory Filters — new layout ─────────────────────────── */
.inv-filters input:hover:not(:focus),
.inv-filters select:hover:not(:focus) {
  border-color:rgba(255,255,255,.14) !important;
}
.inv-filters__row select,
.inv-filters__row input { transition:border-color .18s, box-shadow .18s, background .18s; }
.inv-filters__row select:hover:not(:focus),
.inv-filters__row input:hover:not(:focus) {
  border-color:rgba(255,255,255,.14);
  background:#0f0f17;
}

/* Inv hero */
.inv-hero { padding:28px 0 20px; border-bottom:1px solid rgba(255,255,255,.06); margin-bottom:20px; }
.inv-hero__left h1 {
  font-family:"Goldman",sans-serif;
  font-size:clamp(22px,3vw,34px);
  font-weight:700; color:#fff;
  text-transform:uppercase; letter-spacing:.04em; margin-bottom:4px;
}
.inv-hero__left p { font-size:12.5px; color:#8D8D99; }

/* Inv stats */
.inv-stats { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:18px; }
.inv-stat {
  display:inline-flex; align-items:center; gap:8px;
  height:38px; padding:0 13px;
  border-radius:8px;
  background:#18181f; border:1px solid rgba(255,255,255,.07);
  font-size:12px; font-weight:600;
  transition:border-color .18s, box-shadow .18s;
}
.inv-stat:hover { border-color:rgba(255,255,255,.12); box-shadow:0 2px 8px rgba(0,0,0,.25); }
.inv-stat b { color:#fff; font-weight:800; }
.inv-stat--gold { background:rgba(221,169,73,.07); border-color:rgba(221,169,73,.18); }
.inv-stat--gold b { color:#DDA949; }
.inv-stat--gold:hover { border-color:rgba(221,169,73,.28); box-shadow:0 2px 10px rgba(221,169,73,.10); }

/* Inv action buttons */
.inv-sell-btn, .inv-redeem-btn, .inv-skin-btn {
  width:100%; height:34px; border:0; border-radius:7px;
  font-family:"Poppins",sans-serif; font-size:10.5px; font-weight:800;
  text-transform:uppercase; letter-spacing:.04em; cursor:pointer;
  transition:transform .18s, box-shadow .18s, background .18s;
  position:relative; overflow:hidden;
}
.inv-sell-btn { background:linear-gradient(135deg,#e0aa40,#DDA949); color:#0D0D0F; box-shadow:0 2px 8px rgba(221,169,73,.20); }
.inv-sell-btn:hover { transform:translateY(-1px); box-shadow:0 4px 14px rgba(221,169,73,.32); }
.inv-redeem-btn { background:rgba(74,222,128,.10); border:1px solid rgba(74,222,128,.22); color:#4ADE80; }
.inv-redeem-btn:hover { transform:translateY(-1px); background:rgba(74,222,128,.16); }
.inv-skin-btn { background:rgba(75,105,255,.10); border:1px solid rgba(75,105,255,.22); color:#88A4FF; }
.inv-skin-btn:hover { transform:translateY(-1px); background:rgba(75,105,255,.16); }
.inv-sell-btn:disabled,.inv-redeem-btn:disabled,.inv-skin-btn:disabled { opacity:.4;cursor:not-allowed;transform:none; }

/* Inv pagination */
.inv-pages { display:flex;gap:6px;justify-content:center;align-items:center;margin:24px 0;flex-wrap:wrap; }
.inv-pages a, .inv-pages span {
  height:34px; min-width:34px; border-radius:8px;
  background:#18181f; border:1px solid rgba(255,255,255,.07);
  display:inline-flex; align-items:center; justify-content:center;
  color:#C8C8D2; text-decoration:none; font-size:12px; font-weight:700;
  transition:background .18s, border-color .18s, transform .18s;
}
.inv-pages a:hover { background:#22222e; border-color:rgba(255,255,255,.12); transform:translateY(-1px); }
.inv-pages .active { background:rgba(221,169,73,.14); color:#DDA949; border-color:rgba(221,169,73,.28); }

/* ── Global hovers — elementos do site ───────────────────────── */
/* MB-BTNs */
.mb-btn { position:relative; overflow:hidden; }
.mb-btn::after {
  content:'';position:absolute;
  top:0;left:-110%;width:55%;height:100%;
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.18),transparent);
  transform:skewX(-18deg); pointer-events:none;
}
.mb-btn:not(:disabled):hover::after { animation:mbBtnShine .55s ease forwards; }
@keyframes mbBtnShine { to{left:130%} }

/* Category pills */
.mb-category-pills a {
  transition:background .18s,border-color .18s,color .18s,transform .18s cubic-bezier(.16,1,.3,1),box-shadow .18s !important;
}
.mb-category-pills a:hover { transform:translateY(-2px) !important; box-shadow:0 4px 10px rgba(0,0,0,.22) !important; }

/* Hero */
.mb-hero { border:none !important; }

/* Profile shortcuts */
.mb-profile-shortcuts a { transition:background .18s,border-color .18s,transform .2s cubic-bezier(.16,1,.3,1),box-shadow .18s !important; border-radius:10px !important; }
.mb-profile-shortcuts a:hover { transform:translateY(-2px) !important; }

/* Skin card art image */
.skin-card__art img { transition:transform .3s cubic-bezier(.16,1,.3,1) !important; }
.skin-card:hover .skin-card__art img { transform:scale(.92) !important; }

/* Toast */
.mb-toast { border-radius:12px !important; }
.mb-toast.show { animation:toastIn .3s cubic-bezier(.34,1.56,.64,1) both !important; }
@keyframes toastIn { from{opacity:0;transform:translateY(-14px) scale(.96)} to{opacity:1;transform:none} }

/* Input / select global */
.mb-input:focus,.mb-select:focus,.mb-textarea:focus {
  border-color:rgba(221,169,73,.40) !important;
  box-shadow:0 0 0 3px rgba(221,169,73,.09) !important;
}

/* ═══════════════════════════════════════════════════════════════
   RESPONSIVIDADE COMPLETA — Mobile + Desktop + Intermediário
   ═══════════════════════════════════════════════════════════════ */

/* ── 1400px+ (ultrawide) ─────────────────────────────────────── */
@media(min-width:1400px){
  .mb-grid { grid-template-columns:repeat(12,minmax(0,1fr)) !important; }
  .mb-kd-header__inner { padding-left:28px; }
  .mbf-grid { grid-template-columns:1fr 1fr 1.2fr; }
}

/* ── 1200–1399px ─────────────────────────────────────────────── */
@media(max-width:1399px) and (min-width:1200px){
  .mb-grid { grid-template-columns:repeat(10,minmax(0,1fr)) !important; }
}

/* ── 1100px ──────────────────────────────────────────────────── */
@media(max-width:1100px){
  .mbf-grid { grid-template-columns:1fr 1fr; gap:24px; }
  .mbf-col--notice { grid-column:1/-1; flex-direction:row; gap:16px; align-items:stretch; }
  .mbf-notice { flex:1; }
  .mbf-cta { display:flex; align-items:flex-end; }
  .mb-case-stage { grid-template-columns:1fr !important; }
  .mb-case-cover { position:relative !important; top:auto !important; max-width:280px; margin-inline:auto; }
}

/* ── 980px ───────────────────────────────────────────────────── */
@media(max-width:980px){
  .inv-filters__row { grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
  .mb-grid { grid-template-columns:repeat(6,minmax(0,1fr)) !important; }
  .idx-slider .idx-slide { min-height:380px; padding:36px 24px; }
  .idx-slide h1 { font-size:clamp(22px,4vw,42px); }
}

/* ── 900px (tablet) ──────────────────────────────────────────── */
@media(max-width:900px){
  /* Header */
  .mb-kd-header__inner { height:58px; padding-left:16px; padding-right:12px; gap:10px; }
  .mb-kd-nav { display:none !important; }
  .mb-kd-wallet small { display:none !important; }
  .mb-kd-wallet { min-width:90px !important; }

  /* Layout */
  .mb-container { width:calc(100% - 24px); }
  main { padding-bottom:48px; }

  /* Footer grid */
  .mbf-grid { grid-template-columns:1fr 1fr; gap:20px; padding:24px 0; }
  .mbf-col--notice { grid-column:1/-1; flex-direction:column; gap:14px; }
  .mbf-cta { align-items:flex-start; }
  .mbf-top { flex-direction:column; align-items:flex-start; gap:12px; padding:22px 0 16px; }
  .mbf-tagline { display:none; }
  .mbf-socials { margin-left:0 !important; }

  /* Index slider */
  .idx-slider { border-radius:10px; margin:14px 0 20px; }
  .idx-slide { min-height:320px; padding:28px 20px; }
  .idx-slider__arrow { width:34px; height:34px; }

  /* Inv hero */
  .inv-hero { flex-direction:column; align-items:flex-start; gap:12px; padding:20px 0 16px; }
  .inv-filters__row { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  
  /* Profile */
  .mb-profile-hero { grid-template-columns:1fr !important; }
  .mb-profile-stats { grid-template-columns:repeat(2,1fr) !important; }
  .mb-profile-grid { grid-template-columns:1fr !important; }
  .mb-profile-card { flex-direction:column; align-items:flex-start; }

  /* Admin */
  .admin-shell { grid-template-columns:1fr !important; }
  .admin-side { position:relative !important; height:auto !important; overflow:visible !important; }
  .admin-two-cols { grid-template-columns:1fr !important; }
}

/* ── 760px (large phone) ─────────────────────────────────────── */
@media(max-width:760px){
  /* Header */
  .mb-kd-header__inner { height:52px; padding:0 10px; gap:7px; }
  .mb-kd-avatar { width:34px !important; height:34px !important; }
  .mb-kd-settings { display:none !important; }

  /* Live drops */
  .mb-live { height:52px; }
  .mb-live__item { flex-basis:72px !important; width:72px !important; }

  /* Grid */
  .mb-grid { grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:7px !important; }

  /* Index slider */
  .idx-slide { min-height:260px; padding:24px 16px; }
  .idx-slide h1 { font-size:clamp(20px,5vw,32px); }
  .idx-slide p { font-size:13px; }
  .idx-slider__arrow { display:none; }
  .idx-above-banners { grid-template-columns:1fr; }

  /* Footer */
  .mbf-grid { grid-template-columns:1fr; }
  .mbf-col--notice { flex-direction:column; }
  .mbf-bottom { flex-direction:column; align-items:flex-start; gap:3px; padding:12px 0 20px; }
  .mbf-tagline2 { display:none !important; }
  .mbf-banners__grid { grid-template-columns:1fr; }

  /* Inv */
  .inv-filters__row { grid-template-columns:1fr 1fr !important; }
  .inv-stats { gap:6px; }
  .inv-stat { height:34px; padding:0 10px; font-size:11px; }

  /* Profile */
  .mb-profile-stats { grid-template-columns:1fr !important; }

  /* Case */
  .mb-case-toolbar, .mb-case-toolbar--kd { grid-template-columns:1fr !important; gap:8px !important; padding-top:16px !important; text-align:center !important; }
  .mb-case-back { justify-self:center !important; }
  .mb-case-actions { justify-self:center !important; }
  .mb-case-controls { grid-template-columns:1fr !important; }
  .mb-roll-item { flex-basis:148px; width:148px; height:185px; }
  .mb-roll-fade-left,.mb-roll-fade-right { width:50px; }
}

/* ── 560px ───────────────────────────────────────────────────── */
@media(max-width:560px){
  .mb-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .mb-case-card-wrap { grid-column:span 1 !important; }
  .skin-grid { grid-template-columns:repeat(auto-fill,minmax(160px,1fr)) !important; }
  .idx-slide { min-height:220px; padding:20px 14px; }
  .inv-filters__row { grid-template-columns:1fr !important; }
  .mb-result-items { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .mbf-cta__btn { width:100%; justify-content:center; }
}

/* ── 420px (small phone) ─────────────────────────────────────── */
@media(max-width:420px){
  .mb-container { width:calc(100% - 16px); }
  .mb-grid { gap:5px !important; }
  .mb-kd-wallet { min-width:72px !important; }
  .mbf-banners__grid { gap:0; }
  .mbf-banner-item { padding:12px 14px; }
  .inv-hero__left h1 { font-size:20px !important; }
}

/* ── Print (mínimo) ──────────────────────────────────────────── */
@media print {
  .mb-kd-header, .mb-live, .mb-footer, .inv-filters, .inv-pages, .inv-actions { display:none !important; }
  body { background:#fff !important; color:#000 !important; }
}

/* ================================================================
   v3.3 — Mobile nav drawer · Settings panel · Banner promos
   Sem emojis · Responsividade ajustada
   ================================================================ */

/* ── Mobile nav drawer ───────────────────────────────────────── */
.mbm-overlay {
  display:none; position:fixed; inset:0; z-index:199;
  background:rgba(0,0,0,.65); backdrop-filter:blur(3px);
}
.mbm-overlay.is-open { display:block; }
.mb-nav-open { overflow:hidden; }

.mbm-drawer {
  position:fixed; top:0; left:0; bottom:0; width:285px; z-index:200;
  background:#0f0f14;
  border-right:1px solid rgba(255,255,255,.07);
  box-shadow:4px 0 32px rgba(0,0,0,.55);
  display:flex; flex-direction:column;
  transform:translateX(-100%);
  transition:transform .3s cubic-bezier(.16,1,.3,1);
  overflow-y:auto; overflow-x:hidden;
}
.mbm-drawer.is-open { transform:translateX(0); }

.mbm-drawer__head {
  display:flex; align-items:center; justify-content:space-between;
  padding:18px 16px; border-bottom:1px solid rgba(255,255,255,.06);
  flex-shrink:0;
}
.mbm-drawer__brand {
  font-family:var(--font-display); font-size:18px; font-weight:700;
  letter-spacing:.06em; text-transform:uppercase;
  color:#fff; text-decoration:none;
}
.mbm-drawer__brand b { color:var(--gold-400); }
.mbm-close {
  width:32px; height:32px; border-radius:8px;
  background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.08);
  color:#fff; display:grid; place-items:center; cursor:pointer;
  transition:background .18s;
}
.mbm-close:hover { background:rgba(255,255,255,.12); }
.mbm-close svg { width:16px; height:16px; fill:currentColor; }

.mbm-user {
  display:flex; align-items:center; gap:12px;
  margin:14px 16px; padding:14px;
  background:rgba(221,169,73,.06); border:1px solid rgba(221,169,73,.14);
  border-radius:12px;
}
.mbm-user__av {
  width:42px; height:42px; border-radius:10px; flex-shrink:0;
  background:rgba(221,169,73,.12); border:1px solid rgba(221,169,73,.22);
  display:grid; place-items:center;
  font-family:var(--font-display); font-size:16px; font-weight:700; color:var(--gold-400);
  overflow:hidden;
}
.mbm-user__av img { width:100%; height:100%; object-fit:cover; }
.mbm-user strong { display:block; color:#fff; font-size:13px; font-weight:700; }
.mbm-user span { display:block; color:var(--gold-400); font-size:11.5px; font-weight:700; }

.mbm-links { padding:8px 10px; flex:1; display:flex; flex-direction:column; gap:2px; }

.mbm-link {
  display:flex; align-items:center; gap:12px;
  height:44px; padding:0 12px;
  border-radius:10px; border:1px solid transparent;
  color:rgba(255,255,255,.55); font-size:13px; font-weight:600;
  text-decoration:none;
  transition:background .18s, color .18s, border-color .18s, transform .15s;
}
.mbm-link svg { width:18px; height:18px; fill:currentColor; flex-shrink:0; }
.mbm-link:hover, .mbm-link.active { background:rgba(255,255,255,.05); color:#fff; }
.mbm-link.active { background:rgba(221,169,73,.09); border-color:rgba(221,169,73,.20); color:var(--gold-400); }
.mbm-link--logout { color:rgba(242,94,80,.7); margin-top:4px; }
.mbm-link--logout:hover { background:rgba(242,94,80,.08); color:#F25E50; }
.mbm-link--cta { background:var(--gold-500); color:#0d0d0f !important; font-weight:800; margin-top:6px; }
.mbm-link--cta:hover { background:var(--gold-400); }

/* Hamburger button */
.mb-kd-hamburger {
  display:none; flex-direction:column; gap:5px; justify-content:center; align-items:center;
  width:40px; height:40px; border-radius:8px; border:1px solid rgba(255,255,255,.08);
  background:var(--navy-600); cursor:pointer;
  transition:background .18s;
}
.mb-kd-hamburger:hover { background:var(--navy-500); }
.mb-kd-hamburger span {
  display:block; width:16px; height:2px; border-radius:2px; background:#fff;
  transition:transform .25s, opacity .25s;
}
@media(max-width:909px){ .mb-kd-hamburger { display:flex; } }

/* ── Quick Settings panel ────────────────────────────────────── */
.mbqs-backdrop {
  display:none; position:fixed; inset:0; z-index:180;
}
.mbqs-backdrop.is-open { display:block; }

.mbqs {
  position:fixed; top:62px; right:14px; z-index:181;
  width:300px;
  background:#0f0f14;
  border:1px solid rgba(255,255,255,.10);
  border-radius:16px;
  box-shadow:0 20px 60px rgba(0,0,0,.65);
  overflow:hidden;
  transform:translateY(-10px) scale(.97);
  opacity:0;
  pointer-events:none;
  transition:transform .22s cubic-bezier(.16,1,.3,1), opacity .18s;
}
.mbqs.is-open { transform:none; opacity:1; pointer-events:auto; }

.mbqs__head {
  display:flex; align-items:center; justify-content:space-between;
  padding:16px 16px 12px;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.mbqs__user { display:flex; align-items:center; gap:10px; }
.mbqs__av {
  width:38px; height:38px; border-radius:9px; flex-shrink:0; position:relative;
  background:rgba(221,169,73,.12); border:1px solid rgba(221,169,73,.22);
  display:grid; place-items:center; overflow:hidden;
  font-family:var(--font-display); font-size:14px; font-weight:700; color:var(--gold-400);
}
.mbqs__av img { width:100%; height:100%; object-fit:cover; }
.mbqs__online {
  position:absolute; right:-2px; bottom:-2px;
  width:9px; height:9px; border-radius:50%;
  background:var(--green); border:2px solid #0f0f14;
}
.mbqs__user strong { display:block; color:#fff; font-size:13px; font-weight:700; }
.mbqs__user span { display:block; color:rgba(255,255,255,.38); font-size:11px; }
.mbqs__close {
  width:28px; height:28px; border-radius:7px;
  background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.07);
  color:#fff; cursor:pointer; display:grid; place-items:center;
  transition:background .18s;
}
.mbqs__close:hover { background:rgba(255,255,255,.12); }
.mbqs__close svg { width:14px; height:14px; fill:currentColor; }

.mbqs__balance {
  display:flex; align-items:center; gap:8px;
  padding:12px 16px; background:rgba(221,169,73,.05);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.mbqs__balance span { font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.07em; color:rgba(255,255,255,.38); flex:1; }
.mbqs__balance strong { font-size:15px; font-weight:900; color:var(--gold-400); }
.mbqs__add {
  display:inline-flex; align-items:center; gap:5px;
  height:28px; padding:0 10px; border-radius:7px;
  background:var(--gold-500); color:#0d0d0f;
  font-size:10.5px; font-weight:800; text-transform:uppercase; letter-spacing:.04em;
  transition:background .18s;
}
.mbqs__add:hover { background:var(--gold-400); }
.mbqs__add svg { width:13px; height:13px; fill:currentColor; }

.mbqs__nav { padding:6px 10px; }
.mbqs__item {
  width:100%; display:flex; align-items:center; gap:11px;
  height:42px; padding:0 10px; border-radius:9px;
  border:0; background:transparent; cursor:pointer;
  color:rgba(255,255,255,.55); font-size:12.5px; font-weight:600; font-family:var(--font-body);
  text-decoration:none;
  transition:background .18s, color .18s;
}
.mbqs__item svg:first-child { width:16px; height:16px; fill:currentColor; flex-shrink:0; }
.mbqs__item span { flex:1; text-align:left; }
.mbqs__arrow { width:14px; height:14px; fill:currentColor; opacity:.3; flex-shrink:0; }
.mbqs__item:hover { background:rgba(255,255,255,.05); color:#fff; }
.mbqs__item:hover .mbqs__arrow { opacity:.7; }

.mbqs__footer {
  padding:10px; border-top:1px solid rgba(255,255,255,.06);
}
.mbqs__logout {
  display:flex; align-items:center; gap:10px;
  height:40px; padding:0 10px; border-radius:9px;
  color:rgba(242,94,80,.65); font-size:12.5px; font-weight:600;
  transition:background .18s, color .18s;
}
.mbqs__logout:hover { background:rgba(242,94,80,.08); color:#F25E50; }
.mbqs__logout svg { width:16px; height:16px; fill:currentColor; }

/* ── Banner promos — footer ──────────────────────────────────── */
.mbf-promo {
  position:relative; overflow:hidden;
  border-radius:16px; margin:0 0 20px;
  padding:44px 40px;
  background-image:var(--promo-bg,none);
  background-size:cover; background-position:center;
  display:flex; align-items:center;
  transition:box-shadow .2s;
}
.mbf-promo:hover { box-shadow:0 12px 40px rgba(0,0,0,.45); }
.mbf-promo:last-child { margin-bottom:0; }

.mbf-promo--card { padding:32px 28px; }

.mbf-promo--split {
  display:grid; grid-template-columns:1fr 1fr; gap:0; padding:0;
  background-image:none !important; /* image only in .mbf-promo__image */
}
.mbf-promo--split .mbf-promo__body { padding:40px; }
.mbf-promo--split .mbf-promo__image {
  background-image:var(--promo-bg,none);
  background-size:cover; background-position:center;
  min-height:200px; border-radius:0 16px 16px 0;
  flex-shrink:0; flex:1;
}

.mbf-promo--align-left .mbf-promo__body { align-items:flex-start; text-align:left; }
.mbf-promo--align-center .mbf-promo__body { align-items:center; text-align:center; margin:0 auto; }
.mbf-promo--align-right .mbf-promo__body { align-items:flex-end; text-align:right; margin-left:auto; }

.mbf-promo__overlay { position:absolute; inset:0; background:#000; pointer-events:none; }

.mbf-promo__body {
  position:relative; z-index:1;
  display:flex; flex-direction:column; gap:10px;
  max-width:700px;
}

.mbf-promo__badge {
  display:inline-flex; align-items:center;
  height:24px; padding:0 12px;
  border-radius:999px; border:1px solid;
  font-size:10px; font-weight:800;
  text-transform:uppercase; letter-spacing:.08em;
  background:rgba(255,255,255,.05);
  align-self:flex-start;
}

.mbf-promo__title {
  font-family:var(--font-display);
  font-size:clamp(20px,2.5vw,36px);
  font-weight:700; line-height:1.05;
  text-transform:uppercase; letter-spacing:.03em;
  color:#fff; margin:0;
}
.mbf-promo__title span { color:var(--accent,var(--gold-400)); }

.mbf-promo__sub {
  font-size:14px; color:rgba(255,255,255,.60);
  line-height:1.6; margin:0;
  max-width:560px;
}

.mbf-promo__cta {
  display:inline-flex; align-items:center; gap:8px;
  height:46px; padding:0 24px; border-radius:10px; margin-top:4px;
  font-size:12px; font-weight:900;
  text-transform:uppercase; letter-spacing:.06em;
  text-decoration:none;
  position:relative; overflow:hidden;
  transition:transform .18s, box-shadow .18s;
  align-self:flex-start;
}
.mbf-promo__cta::after {
  content:''; position:absolute;
  top:0; left:-100%; width:55%; height:100%;
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.22),transparent);
  transform:skewX(-18deg);
}
.mbf-promo__cta:hover::after { animation:btnShine .55s ease forwards; }
.mbf-promo__cta:hover { transform:translateY(-2px); box-shadow:0 8px 24px rgba(0,0,0,.35); }

.mbf-promo__cta--filled {
  background:var(--cta-color,var(--gold-500)); color:#0d0d0f;
  box-shadow:0 3px 12px rgba(0,0,0,.25);
}
.mbf-promo__cta--outline {
  background:transparent;
  border:2px solid var(--cta-color,var(--gold-500));
  color:var(--cta-color,var(--gold-400));
}

/* ── Above-boxes banners — index ─────────────────────────────── */
.idx-above-banners { margin:20px 0; display:flex; flex-direction:column; gap:14px; }

.idx-above-banner {
  position:relative; overflow:hidden;
  border-radius:14px;
  padding:40px 36px;
  background-image:var(--ab-img,none);
  background-size:cover; background-position:center;
  display:flex; align-items:center;
  min-height:180px;
  transition:box-shadow .2s, transform .22s cubic-bezier(.16,1,.3,1);
}
.idx-above-banner:hover { transform:translateY(-2px); box-shadow:0 14px 40px rgba(0,0,0,.45); }

.idx-above-banner--card { padding:28px 24px; min-height:150px; }

.idx-above-banner--split {
  display:grid; grid-template-columns:1fr 1fr; padding:0;
  background-image:none !important; /* image only in .idx-ab-image */
}
.idx-above-banner--split .idx-ab-body { padding:36px 40px; }
.idx-above-banner--split .idx-ab-image {
  background-image:var(--ab-img,none);
  background-size:cover; background-position:center;
  min-height:200px; border-radius:0 14px 14px 0;
  flex-shrink:0; flex:1;
}

.idx-above-banner--align-left .idx-ab-body { align-items:flex-start; text-align:left; }
.idx-above-banner--align-center .idx-ab-body { align-items:center; text-align:center; margin:0 auto; }
.idx-above-banner--align-right .idx-ab-body { align-items:flex-end; text-align:right; margin-left:auto; }

.idx-ab-overlay { position:absolute; inset:0; background:#000; pointer-events:none; }

.idx-ab-body {
  position:relative; z-index:1;
  display:flex; flex-direction:column; gap:9px;
  max-width:680px; flex:1;
}

.idx-ab-badge {
  display:inline-flex; align-items:center;
  height:22px; padding:0 10px;
  border-radius:999px; border:1px solid;
  font-size:9.5px; font-weight:800;
  text-transform:uppercase; letter-spacing:.08em;
  background:rgba(255,255,255,.05);
  align-self:flex-start;
}

.idx-ab-title {
  font-family:var(--font-display);
  font-size:clamp(18px,2.2vw,30px);
  font-weight:700; line-height:1.05;
  text-transform:uppercase; letter-spacing:.03em;
  color:#fff; margin:0;
}

.idx-ab-sub {
  font-size:13.5px; color:rgba(255,255,255,.58);
  line-height:1.6; margin:0; max-width:520px;
}

.idx-ab-cta {
  display:inline-flex; align-items:center; gap:8px;
  height:42px; padding:0 22px; border-radius:9px; margin-top:4px;
  font-size:11.5px; font-weight:900;
  text-transform:uppercase; letter-spacing:.05em;
  text-decoration:none; position:relative; overflow:hidden;
  transition:transform .18s, box-shadow .18s;
  align-self:flex-start;
}
.idx-ab-cta--filled { background:var(--cta-color,var(--gold-500)); color:#0d0d0f; box-shadow:0 3px 10px rgba(0,0,0,.25); }
.idx-ab-cta--outline { background:transparent; border:2px solid var(--cta-color,var(--gold-500)); color:var(--cta-color,var(--gold-400)); }
.idx-ab-cta:hover { transform:translateY(-2px); box-shadow:0 6px 18px rgba(0,0,0,.35); }

/* ── Responsive adjustments ──────────────────────────────────── */
@media(max-width:760px){
  .mbf-promo { padding:28px 22px; }
  .mbf-promo--split { grid-template-columns:1fr; }
  .mbf-promo--split .mbf-promo__image { display:none; }
  .mbf-promo--split .mbf-promo__body { padding:28px 22px; }
  .mbf-promo__title { font-size:clamp(18px,4vw,26px); }
  .idx-above-banner { padding:28px 20px; min-height:140px; }
  .idx-above-banner--split { grid-template-columns:1fr; }
  .idx-above-banner--split .idx-ab-image { display:none; }
  .idx-above-banner--split .idx-ab-body { padding:28px 20px; }
  .idx-ab-title { font-size:clamp(16px,4vw,24px); }
  .mbqs { right:8px; top:56px; width:calc(100vw - 16px); }
}
@media(max-width:480px){
  .mbf-promo { padding:24px 18px; }
  .mbf-promo__title { font-size:18px; }
  .mbf-promo__cta, .idx-ab-cta { height:40px; padding:0 18px; }
  .idx-above-banner { padding:22px 16px; }
}

/* ================================================================
   v3.4 PATCH — Modal fix · Card foot · Badge hidden · Banner align
   ================================================================ */

/* ── mb-result-modal — viewport center (modal is outside <main>) ─ */
.mb-result-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 1200 !important;
  display: grid !important;
  place-items: center !important;
  padding: 20px !important;
}
.mb-result-modal[hidden] { display: none !important; }
.mb-result-modal__backdrop {
  position: fixed !important;
  inset: 0 !important;
  background: rgba(0,0,0,.82) !important;
  backdrop-filter: blur(14px) !important;
  z-index: 0 !important;
}
.mb-result-modal__card {
  position: relative !important;
  z-index: 1 !important;
  width: min(800px, calc(100vw - 32px)) !important;
  max-height: calc(100dvh - 40px) !important;
  overflow-y: auto !important;
}

/* ── Case card name pill — centered with heart inside ────────── */
/* .mb-case-card__name already has centered absolute positioning from base CSS */
.mb-case-card__name {
  /* Restore original centering, add flex for heart */
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 5px 7px 5px 10px !important;
  max-width: calc(100% - 16px) !important;
}
/* Inner name text */
.mb-cc-name-txt {
  flex: 1;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Heart button inside the pill */
.mb-card-fav-pill {
  flex-shrink: 0;
  width: 22px; height: 22px;
  border-radius: 4px;
  background: transparent;
  border: none;
  cursor: pointer;
  display: grid;
  place-items: center;
  padding: 0;
  position: relative;
  transition: transform .2s cubic-bezier(.34,1.56,.64,1);
}
.mb-card-fav-pill:hover { transform: scale(1.20); }

/* Icons — use opacity swap to avoid display:block conflict */
.mb-fav-i {
  width: 12px; height: 12px;
  fill: currentColor;
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%,-50%);
  transition: opacity .18s;
}
.mb-fav-i--out { opacity: .55; color: rgba(255,255,255,.8); }
.mb-fav-i--on  { opacity: 0;   color: #DDA949; }
.mb-card-fav-pill.active .mb-fav-i--out { opacity: 0; }
.mb-card-fav-pill.active .mb-fav-i--on  { opacity: 1; }
.mb-card-fav-pill:hover .mb-fav-i--out  { opacity: .9; }

/* Featured badge moves up when badge is hidden */
.mb-case-card__featured--up { top: 10px !important; }

/* ── Banner: center alignment fix ────────────────────────────── */
/* Center align — badge and CTA also centered */
.idx-above-banner--align-center .idx-ab-badge,
.idx-above-banner--align-center .idx-ab-cta,
.mbf-promo--align-center .mbf-promo__badge,
.mbf-promo--align-center .mbf-promo__cta {
  align-self: center !important;
}
/* Right align */
.idx-above-banner--align-right .idx-ab-badge,
.idx-above-banner--align-right .idx-ab-cta,
.mbf-promo--align-right .mbf-promo__badge,
.mbf-promo--align-right .mbf-promo__cta {
  align-self: flex-end !important;
}

/* ── Banner split: remove background from parent, only on image col ─ */
.idx-above-banner--split,
.mbf-promo--split {
  background-image: none !important;
}

/* mb-card-favorite: kept hidden (old button), only pill used now */
.mb-card-favorite { display: none !important; }