/* Crédits My Brainstorm — plaque in-game + thèmes partagés avec le catalogue */
.mb-credit {
  position: fixed;
  right: max(0.7rem, env(safe-area-inset-right));
  bottom: max(0.65rem, env(safe-area-inset-bottom));
  z-index: 10000;
  max-width: min(20rem, calc(100vw - 1.4rem));
  padding: 0.58rem 0.85rem 0.55rem;
  border-radius: 0.55rem;
  border: 1px solid var(--mb-line, rgba(255, 255, 255, 0.18));
  background: var(--mb-bg, #12203a);
  color: var(--mb-fg, #f4f1ea);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.35);
  pointer-events: none;
  font-family: "Manrope", "Segoe UI", system-ui, sans-serif;
}
.mb-credit p,
.mb-credit-inline {
  margin: 0;
  font-size: 0.78rem;
  letter-spacing: 0.05em;
  line-height: 1.35;
  font-weight: 600;
}
.mb-credit-inline {
  display: block;
  width: fit-content;
  max-width: 100%;
  margin-top: 0.85rem;
  padding: 0.48rem 0.8rem;
  border-radius: 0.5rem;
  border: 1px solid var(--mb-line, rgba(255, 255, 255, 0.18));
  background: var(--mb-bg, #12203a);
  color: var(--mb-fg, #f4f1ea);
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.28);
  font-family: "Manrope", "Segoe UI", system-ui, sans-serif;
}
.mb-credit-inline.mb-credit-bar {
  margin: 0.55rem 1rem 0.15rem;
}

[data-theme="roulette2026"] {
  --mb-fg: #f6ecd0;
  --mb-muted: rgba(246, 236, 208, 0.72);
  --mb-accent: #e4c36a;
  --mb-line: rgba(228, 195, 106, 0.35);
  --mb-bg:
    radial-gradient(circle at 80% 0%, rgba(228, 195, 106, 0.18), transparent 40%),
    linear-gradient(165deg, #145c3c, #071f16);
}
[data-theme="machineasous2026"] {
  --mb-fg: #e8eefb;
  --mb-muted: rgba(232, 238, 251, 0.72);
  --mb-accent: #22d3ee;
  --mb-line: rgba(110, 180, 255, 0.35);
  --mb-bg:
    radial-gradient(circle at 80% 0%, rgba(34, 211, 238, 0.2), transparent 42%),
    linear-gradient(165deg, #0c1730, #050d22);
}
[data-theme="blackjack"] {
  --mb-fg: #f6e7b2;
  --mb-muted: rgba(246, 231, 178, 0.72);
  --mb-accent: #ffd700;
  --mb-line: rgba(90, 61, 26, 0.65);
  --mb-bg:
    radial-gradient(circle at 80% 20%, rgba(255, 215, 0, 0.14), transparent 42%),
    repeating-linear-gradient(90deg, rgba(8, 40, 22, 0.18) 0 2px, transparent 2px 14px),
    linear-gradient(160deg, #1a4d2e 0%, #0d2b1a 100%);
}
[data-theme="poker"] {
  --mb-fg: #f3e6c4;
  --mb-muted: rgba(243, 230, 196, 0.7);
  --mb-accent: #e11d48;
  --mb-line: rgba(225, 29, 72, 0.35);
  --mb-bg:
    radial-gradient(circle at 12% 80%, rgba(225, 29, 72, 0.28), transparent 36%),
    radial-gradient(circle at 88% 18%, rgba(250, 204, 21, 0.16), transparent 32%),
    linear-gradient(165deg, #10261a, #07140e);
}
[data-theme="gathering"],
[data-theme="ossuaire"] {
  --mb-fg: #f4e8c4;
  --mb-muted: rgba(244, 232, 196, 0.7);
  --mb-accent: #f59e0b;
  --mb-line: rgba(245, 158, 11, 0.35);
  --mb-bg:
    radial-gradient(circle at 20% 0%, rgba(124, 58, 237, 0.4), transparent 46%),
    linear-gradient(155deg, #1e1038, #0b0618);
}
[data-theme="arcanes"] {
  --mb-fg: #f6e6b8;
  --mb-muted: rgba(246, 230, 184, 0.72);
  --mb-accent: #d4a017;
  --mb-line: rgba(212, 160, 23, 0.4);
  --mb-bg:
    radial-gradient(ellipse at 70% 10%, rgba(212, 160, 23, 0.22), transparent 45%),
    linear-gradient(160deg, #3b1220, #14080d);
}
[data-theme="horoscope"] {
  --mb-fg: #e8e4ff;
  --mb-muted: rgba(232, 228, 255, 0.7);
  --mb-accent: #c4b5fd;
  --mb-line: rgba(196, 181, 253, 0.3);
  --mb-bg:
    radial-gradient(circle at 18% 22%, #fff 0 1px, transparent 1.5px),
    radial-gradient(circle at 72% 38%, #fff 0 1px, transparent 1.4px),
    radial-gradient(circle at 40% 70%, rgba(255,255,255,0.7) 0 1px, transparent 1.5px),
    linear-gradient(165deg, #0b1028, #1a1040 55%, #070712);
}
[data-theme="dames"] {
  --mb-fg: #f4efe4;
  --mb-muted: rgba(244, 239, 228, 0.72);
  --mb-accent: #f5d0a6;
  --mb-line: rgba(245, 208, 166, 0.28);
  --mb-bg:
    linear-gradient(rgba(18, 12, 8, 0.52), rgba(18, 12, 8, 0.52)),
    repeating-conic-gradient(#3a2a1c 0% 25%, #c4a574 0% 50%) 0 0 / 22px 22px;
}
[data-theme="echecs"] {
  --mb-fg: #f6ead2;
  --mb-muted: rgba(246, 234, 210, 0.74);
  --mb-accent: #e8c39e;
  --mb-line: rgba(90, 58, 32, 0.45);
  --mb-bg:
    linear-gradient(rgba(28, 16, 8, 0.48), rgba(28, 16, 8, 0.48)),
    repeating-conic-gradient(#5c3b22 0% 25%, #d7b48a 0% 50%) 0 0 / 20px 20px;
}
[data-theme="puissance4"] {
  --mb-fg: #eaf2ff;
  --mb-muted: rgba(234, 242, 255, 0.72);
  --mb-accent: #facc15;
  --mb-line: rgba(250, 204, 21, 0.35);
  --mb-bg:
    radial-gradient(circle at 18% 50%, #ef4444 0 7px, transparent 8px),
    radial-gradient(circle at 82% 50%, #facc15 0 7px, transparent 8px),
    linear-gradient(160deg, #1d4ed8, #0f172a);
}
[data-theme="streetfighter"] {
  --mb-fg: #fff4f4;
  --mb-muted: rgba(255, 244, 244, 0.72);
  --mb-accent: #ff3b3b;
  --mb-line: rgba(255, 59, 59, 0.4);
  --mb-bg:
    radial-gradient(ellipse at 50% 0%, rgba(255, 59, 59, 0.38), transparent 50%),
    linear-gradient(180deg, #1a0a14, #07060c);
}
[data-theme="canards2026"] {
  --mb-fg: #fff7ed;
  --mb-muted: rgba(255, 247, 237, 0.78);
  --mb-accent: #fbbf24;
  --mb-line: rgba(251, 191, 36, 0.4);
  --mb-bg:
    linear-gradient(180deg, #7dd3fc 0%, #0284c7 42%, #0c4a6e 100%);
}
[data-theme="acier2026"] {
  --mb-fg: #f3f4f6;
  --mb-muted: rgba(243, 244, 246, 0.7);
  --mb-accent: #fb923c;
  --mb-line: rgba(251, 146, 60, 0.35);
  --mb-bg:
    repeating-linear-gradient(-18deg, rgba(255,255,255,0.05) 0 2px, transparent 2px 11px),
    linear-gradient(155deg, #3f3f46, #18181b 60%, #431407);
}
[data-theme="fireup2026"] {
  --mb-fg: #ecfeff;
  --mb-muted: rgba(236, 254, 255, 0.72);
  --mb-accent: #22d3ee;
  --mb-line: rgba(34, 211, 238, 0.35);
  --mb-bg:
    radial-gradient(circle at 80% 20%, rgba(236, 72, 153, 0.35), transparent 40%),
    linear-gradient(160deg, #083344, #0f172a);
}
[data-theme="arkanoid2026"] {
  --mb-fg: #ecfeff;
  --mb-muted: rgba(236, 254, 255, 0.72);
  --mb-accent: #22d3ee;
  --mb-line: rgba(34, 211, 238, 0.38);
  --mb-bg:
    radial-gradient(circle at 18% 82%, rgba(244, 114, 182, 0.32), transparent 42%),
    linear-gradient(160deg, #0b1224, #1e1b4b);
}
[data-theme="hitscore"] {
  --mb-fg: #f4f0ff;
  --mb-muted: rgba(244, 240, 255, 0.72);
  --mb-accent: #ff2d6a;
  --mb-line: rgba(255, 45, 106, 0.35);
  --mb-bg:
    radial-gradient(circle at 80% 10%, rgba(61, 240, 255, 0.22), transparent 40%),
    linear-gradient(165deg, #2a0a16, #07060c);
}
[data-theme="isoles"] {
  --mb-fg: #d6e4d0;
  --mb-muted: rgba(214, 228, 208, 0.7);
  --mb-accent: #86efac;
  --mb-line: rgba(134, 239, 172, 0.22);
  --mb-bg:
    radial-gradient(ellipse at 50% 120%, rgba(22, 101, 52, 0.35), transparent 50%),
    linear-gradient(165deg, #0a0f0c, #111827);
}
[data-theme="tower"] {
  --mb-fg: #e7efe4;
  --mb-muted: rgba(231, 239, 228, 0.7);
  --mb-accent: #a3e635;
  --mb-line: rgba(163, 230, 53, 0.25);
  --mb-bg:
    radial-gradient(ellipse at 30% 0%, rgba(120, 113, 108, 0.35), transparent 45%),
    linear-gradient(160deg, #1c1917, #14532d 120%);
}
[data-theme="kickoff"] {
  --mb-fg: #f3f7ee;
  --mb-muted: rgba(243, 247, 238, 0.75);
  --mb-accent: #e8c547;
  --mb-line: rgba(232, 197, 71, 0.35);
  --mb-bg:
    linear-gradient(rgba(6, 20, 10, 0.35), rgba(6, 20, 10, 0.35)),
    repeating-linear-gradient(90deg, #166534 0 18px, #15803d 18px 36px);
}
[data-theme="donjon"] {
  --mb-fg: #f4e8c8;
  --mb-muted: rgba(244, 232, 200, 0.74);
  --mb-accent: #d6a15b;
  --mb-line: rgba(214, 161, 91, 0.35);
  --mb-bg:
    radial-gradient(ellipse at 50% 0%, rgba(214, 161, 91, 0.2), transparent 50%),
    linear-gradient(165deg, #2a2118, #12100c);
}
[data-theme="valelume"] {
  --mb-fg: #ecfccb;
  --mb-muted: rgba(236, 252, 203, 0.72);
  --mb-accent: #84cc16;
  --mb-line: rgba(132, 204, 22, 0.3);
  --mb-bg:
    radial-gradient(circle at 85% 15%, rgba(250, 204, 21, 0.2), transparent 36%),
    linear-gradient(160deg, #14532d, #052e16);
}
[data-theme="velmire"] {
  --mb-fg: #f3e8ff;
  --mb-muted: rgba(243, 232, 255, 0.72);
  --mb-accent: #c084fc;
  --mb-line: rgba(192, 132, 252, 0.32);
  --mb-bg:
    radial-gradient(ellipse at 20% 0%, rgba(88, 28, 135, 0.55), transparent 48%),
    linear-gradient(165deg, #1e1028, #0c0612);
}
[data-theme="verite"] {
  --mb-fg: #fff7ed;
  --mb-muted: rgba(255, 247, 237, 0.75);
  --mb-accent: #fb7185;
  --mb-line: rgba(251, 113, 133, 0.35);
  --mb-bg:
    radial-gradient(circle at 80% 20%, rgba(251, 113, 133, 0.28), transparent 40%),
    linear-gradient(160deg, #7c2d12, #1c0a08);
}
[data-theme="pointilles"] {
  --mb-fg: #1f2937;
  --mb-muted: rgba(31, 41, 55, 0.68);
  --mb-accent: #334155;
  --mb-line: rgba(15, 23, 42, 0.12);
  --mb-bg:
    radial-gradient(circle at 20% 30%, #0f172a 0 2px, transparent 2.5px),
    radial-gradient(circle at 70% 60%, #0f172a 0 2px, transparent 2.5px),
    linear-gradient(180deg, #f8f4ea, #e7e0d2);
}
[data-theme="cesars"] {
  --mb-fg: #fff8e1;
  --mb-muted: rgba(255, 248, 225, 0.75);
  --mb-accent: #fbbf24;
  --mb-line: rgba(251, 191, 36, 0.4);
  --mb-bg:
    radial-gradient(ellipse at 50% 0%, rgba(251, 191, 36, 0.28), transparent 50%),
    linear-gradient(165deg, #3f2a0a, #1a1206);
}
[data-theme="plutot"] {
  --mb-fg: #f8fafc;
  --mb-muted: rgba(248, 250, 252, 0.75);
  --mb-accent: #38bdf8;
  --mb-line: rgba(56, 189, 248, 0.3);
  --mb-bg:
    linear-gradient(90deg, #9a3412 0 50%, #0e4d6b 50%);
}
[data-theme="ceuxqui"] {
  --mb-fg: #ffe4e6;
  --mb-muted: rgba(255, 228, 230, 0.75);
  --mb-accent: #fb7185;
  --mb-line: rgba(251, 113, 133, 0.3);
  --mb-bg:
    radial-gradient(circle at 70% 30%, rgba(190, 18, 60, 0.35), transparent 42%),
    linear-gradient(160deg, #4c0519, #1c050c);
}
[data-theme="comptes"] {
  --mb-fg: #134e4a;
  --mb-muted: rgba(19, 78, 74, 0.7);
  --mb-accent: #0f766e;
  --mb-line: rgba(15, 118, 110, 0.22);
  --mb-bg:
    repeating-linear-gradient(180deg, transparent 0 22px, rgba(15, 118, 110, 0.08) 22px 23px),
    linear-gradient(180deg, #f3faf7, #dceee8);
}
[data-theme="comptable"] {
  --mb-fg: #4a1020;
  --mb-muted: rgba(74, 16, 32, 0.7);
  --mb-accent: #be123c;
  --mb-line: rgba(190, 18, 60, 0.22);
  --mb-bg:
    repeating-linear-gradient(180deg, transparent 0 22px, rgba(190, 18, 60, 0.08) 22px 23px),
    linear-gradient(180deg, #fff5f6, #f4dce1);
}
[data-theme="caisse"] {
  --mb-fg: #f8e7c0;
  --mb-muted: rgba(248, 231, 192, 0.75);
  --mb-accent: #eab308;
  --mb-line: rgba(234, 179, 8, 0.35);
  --mb-bg:
    linear-gradient(160deg, #3f2a14, #1c140c);
}
[data-theme="touche2026"] {
  --mb-fg: #e8f4f2;
  --mb-muted: rgba(232, 244, 242, 0.72);
  --mb-accent: #3ee0c8;
  --mb-line: rgba(62, 224, 200, 0.32);
  --mb-bg:
    radial-gradient(circle at 80% 20%, rgba(255, 176, 32, 0.18), transparent 38%),
    linear-gradient(165deg, #062028, #031016);
}
[data-theme="hacking"] {
  --mb-fg: #d7ffe4;
  --mb-muted: rgba(215, 255, 228, 0.7);
  --mb-accent: #3dff8a;
  --mb-line: rgba(61, 255, 138, 0.28);
  --mb-bg:
    repeating-linear-gradient(180deg, rgba(61, 255, 138, 0.07) 0 1px, transparent 1px 5px),
    linear-gradient(165deg, #0c1510, #050806);
}

@media (max-width: 520px) {
  .mb-credit {
    right: auto;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
  }
}