/* MoonTik — skins « Tik360-like » partagés (aperçu galerie + widget OBS).
   Toutes les tailles sont en em : la racine .mts fixe l'échelle
   (widget : selon la largeur de la source ; aperçu : selon la carte). */
@font-face { font-family: "MT Luckiest"; src: url("/static/fonts/LuckiestGuy-Regular.ttf") format("truetype"); font-display: block; }
@font-face { font-family: "MT Bangers"; src: url("/static/fonts/Bangers-Regular.ttf") format("truetype"); font-display: block; }
@font-face { font-family: "MT Lilita"; src: url("/static/fonts/LilitaOne-Regular.ttf") format("truetype"); font-display: block; }
@font-face { font-family: "MT Pixel"; src: url("/static/fonts/PressStart2P-Regular.ttf") format("truetype"); font-display: block; }

.mts-fit { container-type: inline-size; width: 100%; height: 100%; display: grid; place-items: center; overflow: hidden; }
.mts-fit > .mts { font-size: 3.1cqw; }
.mts {
  --accent: #ff2d6f;
  --accent2: #ffd60a;
  --ink: #0b0b12;
  --o: 0.09em; /* épaisseur contour texte */
  position: relative;
  box-sizing: border-box;
  width: 30em;
  color: #fff;
  font-family: "MT Lilita", "Segoe UI", system-ui, sans-serif;
  line-height: 1.05;
  -webkit-font-smoothing: antialiased;
}
.mts *, .mts *::before, .mts *::after { box-sizing: border-box; }
.mts img { display: block; }
/* contour de texte robuste (text-shadow 8 directions + ombre dure) */
.mts .t-out {
  color: #fff;
  text-shadow:
    calc(var(--o) * -1) calc(var(--o) * -1) 0 var(--ink), var(--o) calc(var(--o) * -1) 0 var(--ink),
    calc(var(--o) * -1) var(--o) 0 var(--ink), var(--o) var(--o) 0 var(--ink),
    0 calc(var(--o) * -1.3) 0 var(--ink), 0 calc(var(--o) * 1.3) 0 var(--ink),
    calc(var(--o) * -1.3) 0 0 var(--ink), calc(var(--o) * 1.3) 0 0 var(--ink),
    0.06em 0.12em 0 var(--ink);
}
.mts .num { font-variant-numeric: tabular-nums; }
.mts .bump { animation: mtsBump 0.45s cubic-bezier(.2,1.6,.4,1); }
@keyframes mtsBump { 0% { transform: scale(1); } 40% { transform: scale(1.25); } 100% { transform: scale(1); } }
@keyframes mtsPulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.12); } }
@keyframes mtsFloat { 0%, 100% { transform: translateY(0) rotate(-4deg); } 50% { transform: translateY(-0.18em) rotate(4deg); } }
@keyframes mtsSpin { to { transform: rotate(360deg); } }
@keyframes mtsStripes { to { background-position: 2.2em 0; } }
@keyframes mtsShine { 0% { left: -40%; } 60%, 100% { left: 120%; } }
@keyframes mtsWobble { 0%, 100% { transform: rotate(-2deg); } 50% { transform: rotate(1.5deg); } }

/* ---------- éléments communs ---------- */
.mts-bar { position: relative; height: 1.5em; border-radius: 999px; overflow: hidden; background: rgba(255,255,255,0.14); }
.mts-bar > .fill {
  position: absolute; inset: 0 auto 0 0; width: var(--p, 0%);
  background: linear-gradient(90deg, var(--accent), var(--accent2));
  border-radius: inherit;
  transition: width 0.6s cubic-bezier(.2,.9,.3,1);
}
.mts-bar > .fill::after {
  content: ""; position: absolute; top: 0; bottom: 0; width: 30%; left: -40%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.55), transparent);
  animation: mtsShine 2.6s ease-in-out infinite;
}
.mts-bar.striped > .fill {
  background-image:
    repeating-linear-gradient(-45deg, rgba(255,255,255,0.28) 0 0.55em, transparent 0.55em 1.1em),
    linear-gradient(90deg, var(--accent), var(--accent2));
  background-size: 2.2em 100%, 100% 100%;
  animation: mtsStripes 0.9s linear infinite;
}
.mts-halftone {
  background-image: radial-gradient(circle, rgba(0,0,0,0.28) 0.13em, transparent 0.15em);
  background-size: 0.55em 0.55em;
}
.mts-burst {
  position: absolute; aspect-ratio: 1;
  clip-path: polygon(50% 0%, 59% 22%, 79% 6%, 74% 30%, 98% 26%, 80% 44%, 100% 58%, 76% 63%, 88% 86%, 64% 76%, 56% 100%, 46% 78%, 26% 94%, 30% 70%, 4% 76%, 20% 56%, 0% 40%, 24% 36%, 12% 12%, 38% 22%);
}
.mts-heart {
  display: inline-block; width: 1em; height: 1em; position: relative;
  background: var(--heart, #ff2d6f);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.3 10.6 20C5.4 15.4 2 12.3 2 8.5 2 5.4 4.4 3 7.5 3c1.7 0 3.4.8 4.5 2.1C13.1 3.8 14.8 3 16.5 3 19.6 3 22 5.4 22 8.5c0 3.8-3.4 6.9-8.6 11.5L12 21.3z'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.3 10.6 20C5.4 15.4 2 12.3 2 8.5 2 5.4 4.4 3 7.5 3c1.7 0 3.4.8 4.5 2.1C13.1 3.8 14.8 3 16.5 3 19.6 3 22 5.4 22 8.5c0 3.8-3.4 6.9-8.6 11.5L12 21.3z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.mts-logo { position: absolute; width: 1.6em; height: 1.6em; border-radius: 50%; object-fit: cover; opacity: 0.95; }

/* =====================================================================
   1) OBJECTIF CADEAU (goal_gift)
   ===================================================================== */
.mts-gg { display: flex; align-items: center; gap: 1em; padding: 0.9em 1.1em; }
.mts-gg .gift { position: relative; flex: 0 0 5.2em; height: 5.2em; display: grid; place-items: center; }
.mts-gg .gift img { width: 4.2em; height: 4.2em; object-fit: contain; position: relative; z-index: 2; animation: mtsFloat 3s ease-in-out infinite; }
.mts-gg .body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 0.45em; }
.mts-gg .head { display: flex; align-items: baseline; justify-content: space-between; gap: 0.5em; }
.mts-gg .title { font-size: 1.25em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mts-gg .count { font-size: 1.7em; white-space: nowrap; }
.mts-gg .count small { font-size: 0.6em; opacity: 0.85; }
.mts-gg .pct { font-size: 0.95em; }
.mts-gg .sub { display: flex; justify-content: space-between; font-size: 0.85em; opacity: 0.92; }
.mts-gg.done .bar-wrap::after { content: "✔"; }

/* Classique — carte sombre vitrée, halo accent */
.mts-gg.sk-classique {
  background: linear-gradient(135deg, rgba(16,18,34,0.94), rgba(38,22,58,0.92));
  border: 0.12em solid rgba(255,255,255,0.14);
  border-radius: 1.4em;
  box-shadow: 0 0.6em 1.6em rgba(0,0,0,0.45), inset 0 0 0 0.06em rgba(255,255,255,0.05);
  font-family: "MT Lilita", "Segoe UI", sans-serif;
}
.mts-gg.sk-classique .gift::before {
  content: ""; position: absolute; inset: 0; border-radius: 50%;
  background: radial-gradient(circle, color-mix(in srgb, var(--accent) 70%, transparent) 0%, transparent 68%);
  animation: mtsPulse 2.4s ease-in-out infinite;
}
.mts-gg.sk-classique .gift::after {
  content: ""; position: absolute; inset: 0.2em; border-radius: 50%;
  border: 0.14em dashed color-mix(in srgb, var(--accent2) 80%, transparent);
  animation: mtsSpin 12s linear infinite;
}
.mts-gg.sk-classique .title { color: #e9ddff; letter-spacing: 0.02em; }
.mts-gg.sk-classique .count { color: #fff; }
.mts-gg.sk-classique .count b { color: var(--accent2); }
.mts-gg.sk-classique .mts-bar { height: 1.15em; background: rgba(255,255,255,0.1); box-shadow: inset 0 0.1em 0.25em rgba(0,0,0,0.5); }

/* Contour — sans fond, texte blanc cerné noir, barre cerclée */
.mts-gg.sk-contour { font-family: "MT Lilita", sans-serif; --o: 0.1em; }
.mts-gg.sk-contour .gift img { filter: drop-shadow(0.12em 0 0 #fff) drop-shadow(-0.12em 0 0 #fff) drop-shadow(0 0.12em 0 #fff) drop-shadow(0 -0.12em 0 #fff) drop-shadow(0.1em 0.1em 0 var(--ink)); }
.mts-gg.sk-contour .title { font-size: 1.45em; text-transform: uppercase; }
.mts-gg.sk-contour .count { font-size: 2em; }
.mts-gg.sk-contour .mts-bar { height: 1.45em; background: rgba(0,0,0,0.55); border: 0.2em solid #fff; box-shadow: 0 0 0 0.12em var(--ink), 0.12em 0.2em 0 0.12em var(--ink); }
.mts-gg.sk-contour .mts-bar > .fill { border-radius: 999px; }

/* Manga Impact — case BD, trame, éclat, police Bangers */
.mts-gg.sk-manga {
  font-family: "MT Bangers", Impact, sans-serif; letter-spacing: 0.04em;
  background-color: #fff27a;
  border: 0.28em solid var(--ink);
  box-shadow: 0.55em 0.55em 0 var(--ink);
  transform: skewX(-6deg);
  --o: 0.08em;
}
.mts-gg.sk-manga::before { content: ""; position: absolute; inset: 0; pointer-events: none; }
.mts-gg.sk-manga > * { transform: skewX(6deg); }
.mts-gg.sk-manga .gift .mts-burst { inset: -0.6em; background: var(--accent); border: none; animation: mtsSpin 18s linear infinite; }
.mts-gg.sk-manga .gift .mts-burst.b2 { inset: -0.1em; background: #fff; animation-direction: reverse; }
.mts-gg.sk-manga .title { font-size: 1.6em; color: var(--ink); text-shadow: 0.06em 0.06em 0 #fff; }
.mts-gg.sk-manga .count { font-size: 2.3em; }
.mts-gg.sk-manga .count small { opacity: 1; }
.mts-gg.sk-manga .sub { color: var(--ink); opacity: 1; font-size: 1em; }
.mts-gg.sk-manga .mts-bar { height: 1.45em; border-radius: 0; background: #fff; border: 0.2em solid var(--ink); transform: skewX(-12deg); }
.mts-gg.sk-manga .mts-bar > .fill { border-radius: 0; background: repeating-linear-gradient(-60deg, var(--accent) 0 0.7em, color-mix(in srgb, var(--accent) 78%, #000) 0.7em 0.9em); }
.mts-gg.sk-manga .fx { position: absolute; right: 0.4em; top: -1.1em; font-size: 1.7em; color: var(--accent); transform: rotate(10deg) skewX(6deg); }
.mts-speed { position: absolute; inset: 0; pointer-events: none; overflow: hidden; }
.mts-speed i { position: absolute; height: 0.12em; right: -10%; background: rgba(0,0,0,0.35); }

/* Sticker — étiquette colorée, gros bord blanc, ombre portée, légère rotation */
.mts-gg.sk-sticker {
  font-family: "MT Luckiest", "MT Lilita", sans-serif;
  background: linear-gradient(160deg, var(--accent), color-mix(in srgb, var(--accent) 65%, #6a00ff));
  border: 0.42em solid #fff;
  border-radius: 1.5em;
  box-shadow: 0 0 0 0.08em rgba(0,0,0,0.15), 0.25em 0.45em 0 rgba(0,0,0,0.35);
  transform: rotate(-2deg);
  animation: mtsWobble 5s ease-in-out infinite;
  --ink: #2a0a3a; --o: 0.08em;
  padding-top: 1.1em;
}
.mts-gg.sk-sticker::before { /* morceau de scotch */
  content: ""; position: absolute; top: -0.85em; left: 50%; width: 5.5em; height: 1.4em; transform: translateX(-50%) rotate(3deg);
  background: rgba(255,255,255,0.72); box-shadow: 0 0.1em 0.2em rgba(0,0,0,0.2);
  clip-path: polygon(3% 0, 97% 6%, 100% 100%, 0 94%);
}
.mts-gg.sk-sticker .gift { background: #fff; border-radius: 50%; box-shadow: 0.12em 0.22em 0 rgba(0,0,0,0.25); }
.mts-gg.sk-sticker .gift img { width: 3.9em; height: 3.9em; }
.mts-gg.sk-sticker .title { font-size: 1.3em; padding-top: 0.1em; }
.mts-gg.sk-sticker .count { font-size: 1.9em; }
.mts-gg.sk-sticker .mts-bar { height: 1.4em; background: #fff; border: 0.16em solid #fff; box-shadow: inset 0 0.1em 0 rgba(0,0,0,0.12); }
.mts-gg.sk-sticker .mts-bar > .fill { background-image: repeating-linear-gradient(-45deg, rgba(255,255,255,0.35) 0 0.5em, transparent 0.5em 1em), linear-gradient(90deg, var(--accent2), #ff9f1c); background-size: 2.2em 100%, 100% 100%; animation: mtsStripes 0.9s linear infinite; }
.mts-gg.sk-sticker .sub { font-family: "MT Lilita", sans-serif; }

/* =====================================================================
   2) BARRE D'OBJECTIF (goal_bar)
   ===================================================================== */
.mts-gb { width: 34em; }
.mts-gb .row { display: flex; align-items: baseline; justify-content: space-between; gap: 0.6em; }
.mts-gb .title { font-size: 1.3em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mts-gb .vals { font-size: 1.3em; white-space: nowrap; }
.mts-gb .ico { display: inline-block; vertical-align: -0.12em; margin-right: 0.25em; }

/* Ligne — minimaliste mais soigné : fine ligne lumineuse + curseur */
.mts-gb.sk-ligne { font-family: "MT Lilita", sans-serif; padding: 0.4em 0.2em; --o: 0.06em; }
.mts-gb.sk-ligne .row { margin-bottom: 0.45em; }
.mts-gb.sk-ligne .title { font-size: 1.2em; letter-spacing: 0.06em; text-transform: uppercase; }
.mts-gb.sk-ligne .vals b { color: var(--accent2); }
.mts-gb.sk-ligne .track { position: relative; height: 0.42em; border-radius: 999px; background: rgba(255,255,255,0.22); box-shadow: 0 0 0 0.06em rgba(0,0,0,0.35); }
.mts-gb.sk-ligne .track .fill { position: absolute; inset: 0 auto 0 0; width: var(--p); border-radius: inherit; background: linear-gradient(90deg, var(--accent), var(--accent2)); box-shadow: 0 0 0.6em var(--accent); transition: width .6s; }
.mts-gb.sk-ligne .track .knob { position: absolute; top: 50%; left: var(--p); width: 1.1em; height: 1.1em; border-radius: 50%; background: #fff; transform: translate(-50%, -50%); box-shadow: 0 0 0 0.2em var(--accent), 0 0 0.9em var(--accent); transition: left .6s; }
.mts-gb.sk-ligne .ticks { display: flex; justify-content: space-between; margin-top: 0.35em; font-size: 0.75em; opacity: 0.75; font-family: "Segoe UI", sans-serif; font-weight: 700; }

/* Contour — grosse barre cerclée, texte au centre */
.mts-gb.sk-contour { font-family: "MT Lilita", sans-serif; --o: 0.09em; }
.mts-gb.sk-contour .bigbar { position: relative; height: 3.1em; border-radius: 999px; background: rgba(0,0,0,0.55); border: 0.25em solid #fff; box-shadow: 0 0 0 0.14em var(--ink), 0.15em 0.28em 0 0.14em var(--ink); overflow: hidden; }
.mts-gb.sk-contour .bigbar .fill { position: absolute; inset: 0 auto 0 0; width: var(--p); background: linear-gradient(180deg, color-mix(in srgb, var(--accent) 70%, #fff), var(--accent) 55%, color-mix(in srgb, var(--accent) 75%, #000)); transition: width .6s; }
.mts-gb.sk-contour .bigbar .fill::after { content: ""; position: absolute; left: 0.6em; right: 0.6em; top: 0.3em; height: 0.35em; border-radius: 999px; background: rgba(255,255,255,0.45); }
.mts-gb.sk-contour .label { position: absolute; inset: 0; display: flex; align-items: center; justify-content: space-between; padding: 0 1em; font-size: 1.35em; }
.mts-gb.sk-contour .ico-l { position: absolute; left: -1.1em; top: 50%; transform: translateY(-50%) rotate(-10deg); font-size: 2.4em; z-index: 3; filter: drop-shadow(0.05em 0.05em 0 var(--ink)); }

/* Manga Impact — parallélogramme, trame, éclat "OBJECTIF !" */
.mts-gb.sk-manga { font-family: "MT Bangers", Impact, sans-serif; letter-spacing: 0.05em; padding-top: 1.2em; --o: 0.08em; }
.mts-gb.sk-manga .panel { position: relative; height: 3.2em; background: #fff; border: 0.28em solid var(--ink); transform: skewX(-14deg); box-shadow: 0.5em 0.5em 0 var(--ink); overflow: hidden; }
.mts-gb.sk-manga .panel .fill { position: absolute; inset: 0 auto 0 0; width: var(--p); background-color: var(--accent); transition: width .6s; }
.mts-gb.sk-manga .panel .fill::before { content: ""; position: absolute; inset: 0; background-image: radial-gradient(circle, rgba(0,0,0,0.3) 0.14em, transparent 0.16em); background-size: 0.55em 0.55em; }
.mts-gb.sk-manga .panel .fill::after { content: ""; position: absolute; right: 0; top: 0; bottom: 0; width: 0.35em; background: var(--ink); }
.mts-gb.sk-manga .label { position: absolute; inset: 0; display: flex; align-items: center; justify-content: space-between; padding: 0 1.2em; transform: skewX(14deg); font-size: 1.6em; }
.mts-gb.sk-manga .tag { position: absolute; left: -0.4em; top: -0.5em; z-index: 3; padding: 0.15em 0.6em; font-size: 1.35em; background: var(--accent2); color: var(--ink); border: 0.18em solid var(--ink); transform: rotate(-6deg); box-shadow: 0.2em 0.2em 0 var(--ink); }
.mts-gb.sk-manga .boom { position: absolute; right: -0.6em; top: -0.2em; width: 4.2em; z-index: 3; display: grid; place-items: center; }
.mts-gb.sk-manga .boom .mts-burst { inset: 0; background: var(--ink); }
.mts-gb.sk-manga .boom .mts-burst.b2 { inset: 0.35em; background: var(--accent2); }
.mts-gb.sk-manga .boom span { position: relative; z-index: 2; color: var(--ink); font-size: 1.3em; transform: rotate(8deg); }
.mts-gb.sk-manga .speed { position: absolute; inset: 0; transform: skewX(14deg); }

/* Sticker — pilule bonbon à bord blanc + icône autocollant */
.mts-gb.sk-sticker { font-family: "MT Luckiest", sans-serif; padding: 0.6em 0 0 1.2em; --ink: #3b0a45; --o: 0.08em; }
.mts-gb.sk-sticker .pill { position: relative; height: 3.2em; border-radius: 999px; background: #3b0a45; border: 0.42em solid #fff; box-shadow: 0.22em 0.4em 0 rgba(0,0,0,0.35); overflow: hidden; transform: rotate(-1.5deg); }
.mts-gb.sk-sticker .pill .fill { position: absolute; inset: 0 auto 0 0; width: var(--p); border-radius: 999px; background-image: repeating-linear-gradient(-45deg, rgba(255,255,255,0.3) 0 0.6em, transparent 0.6em 1.2em), linear-gradient(90deg, var(--accent), var(--accent2)); background-size: 2.4em 100%, 100% 100%; animation: mtsStripes 0.9s linear infinite; transition: width .6s; }
.mts-gb.sk-sticker .label { position: absolute; inset: 0; display: flex; align-items: center; justify-content: space-between; padding: 0 1em 0 2.4em; font-size: 1.25em; padding-top: 0.12em; }
.mts-gb.sk-sticker .badge { position: absolute; left: -0.2em; top: 50%; z-index: 3; width: 3.6em; height: 3.6em; margin-top: -1.5em; border-radius: 50%; background: var(--accent2); border: 0.32em solid #fff; display: grid; place-items: center; font-size: 1em; box-shadow: 0.15em 0.3em 0 rgba(0,0,0,0.3); transform: rotate(-12deg); }
.mts-gb.sk-sticker .badge > * { font-size: 1.7em; }

/* =====================================================================
   3) COMPTEUR DE LIKES (counter_likes)
   ===================================================================== */
.mts-cl { width: auto; display: inline-flex; align-items: center; gap: 0.6em; }
.mts-cl .n { font-size: 3em; }
.mts-cl .lab { font-size: 1.2em; text-transform: uppercase; letter-spacing: 0.06em; }
.mts-cl .h { font-size: 3.2em; animation: mtsPulse 1.2s ease-in-out infinite; }

/* Classique — pilule vitrée, cœur rose pulsant */
.mts-cl.sk-classique { padding: 0.6em 1.6em 0.6em 0.8em; border-radius: 999px; background: linear-gradient(135deg, rgba(14,16,30,0.92), rgba(60,16,44,0.9)); border: 0.12em solid rgba(255,255,255,0.16); box-shadow: 0 0.6em 1.4em rgba(0,0,0,0.45); font-family: "MT Lilita", sans-serif; }
.mts-cl.sk-classique .h { --heart: linear-gradient(160deg, #ff8fb1, #ff2d6f 55%, #c9184a); filter: drop-shadow(0 0 0.35em rgba(255,45,111,0.8)); }
.mts-cl.sk-classique .txt { display: flex; flex-direction: column; }
.mts-cl.sk-classique .n { font-size: 2.6em; }
.mts-cl.sk-classique .lab { font-size: 0.9em; color: #ffb3c9; }

/* Contour — gros chiffres cerclés + cœur cerclé blanc */
.mts-cl.sk-contour { font-family: "MT Lilita", sans-serif; --o: 0.08em; }
.mts-cl.sk-contour .hwrap { position: relative; font-size: 3.4em; width: 1em; height: 1em; }
.mts-cl.sk-contour .hwrap .mts-heart { position: absolute; inset: 0; width: 1em; height: 1em; }
.mts-cl.sk-contour .hwrap .k { --heart: var(--ink); transform: scale(1.32) translate(0.03em, 0.05em); }
.mts-cl.sk-contour .hwrap .w { --heart: #fff; transform: scale(1.18); }
.mts-cl.sk-contour .hwrap .r { --heart: var(--accent); animation: mtsPulse 1.2s ease-in-out infinite; }
.mts-cl.sk-contour .n { font-size: 3.4em; --o: 0.06em; }
.mts-cl.sk-contour .lab { font-size: 1.3em; display: block; margin-top: -0.2em; }

/* Manga Impact — éclat géant, trame, "LIKES !!" */
.mts-cl.sk-manga { font-family: "MT Bangers", Impact, sans-serif; letter-spacing: 0.04em; padding: 1.4em 2.4em; --o: 0.07em; justify-content: center; }
.mts-cl.sk-manga .bg { position: absolute; inset: 0; z-index: 0; }
.mts-cl.sk-manga .bg .mts-burst { inset: -8% -2%; background: var(--ink); clip-path: polygon(50% 0%, 57% 25%, 72% 4%, 71% 30%, 93% 14%, 80% 40%, 100% 42%, 82% 56%, 98% 76%, 74% 70%, 74% 98%, 58% 78%, 46% 100%, 40% 76%, 18% 92%, 24% 66%, 0% 66%, 18% 50%, 2% 28%, 26% 34%, 22% 6%, 40% 26%); }
.mts-cl.sk-manga .bg .mts-burst.b2 { inset: 0 5%; background-color: var(--accent2); background-image: radial-gradient(circle, rgba(0,0,0,0.22) 0.13em, transparent 0.15em); background-size: 0.55em 0.55em; }
.mts-cl.sk-manga > :not(.bg) { position: relative; z-index: 1; }
.mts-cl.sk-manga .h { font-size: 2.6em; --heart: var(--accent); filter: drop-shadow(0.06em 0.06em 0 var(--ink)) drop-shadow(-0.04em -0.04em 0 var(--ink)); }
.mts-cl.sk-manga .n { font-size: 3.4em; transform: rotate(-4deg); }
.mts-cl.sk-manga .lab { font-size: 1.5em; color: var(--accent); --ink: #000; text-shadow: 0.06em 0.06em 0 #000, -0.03em -0.03em 0 #000, 0.03em -0.03em 0 #000, -0.03em 0.03em 0 #000; transform: rotate(-4deg); display: block; }

/* Sticker — cœur autocollant + étiquette blanche */
.mts-cl.sk-sticker { font-family: "MT Luckiest", sans-serif; --ink: #4a0a2a; --o: 0.07em; gap: 0; }
.mts-cl.sk-sticker .hs { position: relative; z-index: 2; font-size: 4.6em; width: 1em; height: 1em; transform: rotate(-12deg); filter: drop-shadow(0.03em 0.06em 0 rgba(0,0,0,0.35)); animation: mtsPulse 1.4s ease-in-out infinite; }
.mts-cl.sk-sticker .hs .mts-heart { position: absolute; inset: 0; width: 1em; height: 1em; }
.mts-cl.sk-sticker .hs .w { --heart: #fff; transform: scale(1.25); }
.mts-cl.sk-sticker .hs .r { --heart: linear-gradient(160deg, #ff9ec0, var(--accent)); }
.mts-cl.sk-sticker .hs .s { --heart: rgba(255,255,255,0.7); transform: scale(0.28) translate(-0.9em, -0.9em); }
.mts-cl.sk-sticker .lbl { margin-left: -0.9em; padding: 0.35em 1.1em 0.25em 1.4em; background: #fff; border-radius: 0.6em; box-shadow: 0.15em 0.3em 0 rgba(0,0,0,0.3); transform: rotate(2deg); color: var(--ink); }
.mts-cl.sk-sticker .lbl .n { font-size: 2.7em; color: var(--accent); --ink: #4a0a2a; }
.mts-cl.sk-sticker .lbl .lab { font-size: 1em; display: block; margin-top: -0.1em; color: var(--ink); }

/* aperçu galerie : décor discret pour donner un contexte */
.mts-fit.on-card { background: radial-gradient(circle at 30% 20%, #2a3550, #10131c 70%); }

/* --- ajustements AT-36 après captures --- */
.mts-gg .pct { font-size: 1.35em; }
.mts-gg .sub { font-size: 1em; align-items: baseline; }
.mts-gg.sk-manga .sub { color: #fff; font-size: 1.1em; }
.mts-gg.sk-manga .pct { font-size: 1.6em; }
.mts-gg.sk-sticker .pct, .mts-gg.sk-contour .pct { font-size: 1.5em; }
.mts-gb.sk-manga .boom { height: 4.2em; top: -1.3em; }
.mts-cl.sk-manga { font-size: 0.72em; padding: 1em 2.2em; }
.mts-fit > .mts-gb { font-size: 2.7cqw; }
.mts-fit > .mts-cl { font-size: 3.4cqw; }
.mts-fit > .mts-cl.sk-manga { font-size: 2.6cqw; }

/* =====================================================================
   4) CLASSEMENT GAMING / TIKTOK — Classique, Antenne, Pastille, Contour, Carte officielle
   Sélecteurs doubles : widget (.tt-*) et aperçu galerie (.ov-tt-*).
   ===================================================================== */
:is(.tt-board, .ov-prev-tt):is(.skin-tclassique, .skin-antenne, .skin-pastille, .skin-contour, .skin-officielle) :is(.tt-pseudo, .ov-tt-pseudo, .tt-value, .ov-tt-value, .tt-title, .ov-tt-title) {
  font-family: "MT Lilita", "Segoe UI", sans-serif !important; -webkit-text-stroke: 0 !important;
}
:is(.tt-board, .ov-prev-tt):is(.skin-tclassique, .skin-antenne, .skin-pastille, .skin-contour, .skin-officielle) :is(.tt-rank, .ov-tt-rank) { font-family: "MT Lilita", sans-serif; font-weight: 400; }

/* Classique */
:is(.tt-board, .ov-prev-tt).skin-tclassique.has-frame { background: linear-gradient(160deg, rgba(14,16,30,0.94), rgba(30,18,48,0.92)); border: 1px solid rgba(255,255,255,0.12); border-radius: 18px; box-shadow: 0 12px 30px rgba(0,0,0,0.45); }
:is(.tt-board, .ov-prev-tt).skin-tclassique :is(.tt-row, .ov-tt-row) { background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.08); border-radius: 12px; border-left: 4px solid rgba(255,255,255,0.18); }
:is(.tt-board, .ov-prev-tt).skin-tclassique :is(.tt-row, .ov-tt-row).rank-1 { border-left-color: #ffd23f; background: linear-gradient(90deg, rgba(255,210,63,0.22), rgba(255,255,255,0.04)); }
:is(.tt-board, .ov-prev-tt).skin-tclassique :is(.tt-row, .ov-tt-row).rank-2 { border-left-color: #cfd8e3; background: linear-gradient(90deg, rgba(207,216,227,0.18), rgba(255,255,255,0.04)); }
:is(.tt-board, .ov-prev-tt).skin-tclassique :is(.tt-row, .ov-tt-row).rank-3 { border-left-color: #e08a4a; background: linear-gradient(90deg, rgba(224,138,74,0.2), rgba(255,255,255,0.04)); }
:is(.tt-board, .ov-prev-tt).skin-tclassique :is(.tt-value, .ov-tt-value) { color: var(--tt-trophy) !important; }

/* Antenne — habillage TV : bandeau « EN DIRECT », lignes blanches, rang en biseau */
:is(.tt-board, .ov-prev-tt).skin-antenne { padding-top: 34px !important; }
:is(.tt-board, .ov-prev-tt).skin-antenne::before {
  content: "📡 EN DIRECT"; position: absolute; top: 4px; left: 10px; z-index: 3;
  font: 13px/1 "MT Bangers", Impact, sans-serif; letter-spacing: 0.08em; color: #fff;
  background: #ff1f4b; padding: 6px 12px 5px; transform: skewX(-12deg); box-shadow: 4px 4px 0 #0b0b12;
}
:is(.tt-board, .ov-prev-tt).skin-antenne.has-frame { background: rgba(8,10,20,0.88); border: 3px solid #0b0b12; border-radius: 4px; box-shadow: 0 0 0 2px #ff1f4b, 8px 8px 0 rgba(0,0,0,0.4); }
:is(.tt-board, .ov-prev-tt).skin-antenne :is(.tt-head, .ov-tt-head) { justify-content: flex-start; }
:is(.tt-board, .ov-prev-tt).skin-antenne :is(.tt-title, .ov-tt-title) { text-transform: uppercase; letter-spacing: 0.04em; }
:is(.tt-board, .ov-prev-tt).skin-antenne :is(.tt-row, .ov-tt-row) { background: #fff; border: 0; border-radius: 0; padding-left: 0; overflow: visible; clip-path: polygon(0 0, 100% 0, 97% 100%, 0 100%); }
:is(.tt-board, .ov-prev-tt).skin-antenne :is(.tt-rank, .ov-tt-rank) { align-self: stretch; display: grid; place-items: center; width: 44px; margin: -8px 0; background: #0b0b12; color: #fff; clip-path: polygon(0 0, 100% 0, 80% 100%, 0 100%); font-size: 17px; }
:is(.tt-board, .ov-prev-tt).skin-antenne :is(.tt-row, .ov-tt-row).rank-1 :is(.tt-rank, .ov-tt-rank) { background: #ff1f4b; }
:is(.tt-board, .ov-prev-tt).skin-antenne :is(.tt-pseudo, .ov-tt-pseudo) { color: #0b0b12 !important; text-transform: uppercase; }
:is(.tt-board, .ov-prev-tt).skin-antenne :is(.tt-handle, .ov-tt-handle) { color: #555; opacity: 1; }
:is(.tt-board, .ov-prev-tt).skin-antenne :is(.tt-value, .ov-tt-value) { color: #ff1f4b !important; font-size: 17px; }
:is(.tt-board, .ov-prev-tt).skin-antenne :is(.tt-value-wrap, .ov-tt-value-wrap) { padding-right: 14px; }
:is(.tt-board, .ov-prev-tt).skin-antenne :is(.tt-avatar, .ov-tt-avatar) { border-radius: 4px; border-color: #0b0b12; }

/* Pastille — pilules dégradées, rang en pastille ronde qui déborde */
:is(.tt-board, .ov-prev-tt).skin-pastille.has-frame { background: transparent; border: 0; }
:is(.tt-board, .ov-prev-tt).skin-pastille :is(.tt-row, .ov-tt-row) { margin-left: 18px; padding-left: 26px; border: 0; border-radius: 999px; background: linear-gradient(90deg, #fe2c55, #b026ff); box-shadow: 0 6px 14px rgba(0,0,0,0.35), inset 0 2px 0 rgba(255,255,255,0.25); }
:is(.tt-board, .ov-prev-tt).skin-pastille :is(.tt-row, .ov-tt-row):nth-child(even) { background: linear-gradient(90deg, #7b2ff7, #25c9f4); }
:is(.tt-board, .ov-prev-tt).skin-pastille :is(.tt-rank, .ov-tt-rank) { position: absolute; left: -18px; top: 50%; transform: translateY(-50%); width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; background: #fff; color: #2a0a3a; font-size: 16px; border: 3px solid #2a0a3a; box-shadow: 2px 3px 0 rgba(0,0,0,0.35); }
:is(.tt-board, .ov-prev-tt).skin-pastille :is(.tt-row, .ov-tt-row).rank-1 :is(.tt-rank, .ov-tt-rank) { background: #ffd23f; }
:is(.tt-board, .ov-prev-tt).skin-pastille :is(.tt-row, .ov-tt-row).rank-2 :is(.tt-rank, .ov-tt-rank) { background: #e5ecf4; }
:is(.tt-board, .ov-prev-tt).skin-pastille :is(.tt-row, .ov-tt-row).rank-3 :is(.tt-rank, .ov-tt-rank) { background: #f0a36b; }
:is(.tt-board, .ov-prev-tt).skin-pastille :is(.tt-avatar, .ov-tt-avatar) { border: 3px solid #fff; }
:is(.tt-board, .ov-prev-tt).skin-pastille :is(.tt-value, .ov-tt-value) { background: rgba(0,0,0,0.28); padding: 3px 10px; border-radius: 999px; }
:is(.tt-board, .ov-prev-tt).skin-pastille :is(.tt-crown, .ov-tt-crown) { left: 10px; top: -12px; font-size: 18px; }

/* Contour — sans fond, lignes cerclées blanc + ombre dure, texte cerné */
:is(.tt-board, .ov-prev-tt).skin-contour.has-frame { background: transparent; border: 0; }
:is(.tt-board, .ov-prev-tt).skin-contour :is(.tt-row, .ov-tt-row) { background: rgba(0,0,0,0.25); border: 3px solid #fff; border-radius: 14px; box-shadow: 0 0 0 2px #0b0b12, 4px 5px 0 2px #0b0b12; }
:is(.tt-board, .ov-prev-tt).skin-contour :is(.tt-pseudo, .ov-tt-pseudo, .tt-value, .ov-tt-value, .tt-title, .ov-tt-title, .tt-rank, .ov-tt-rank, .tt-gap, .ov-tt-gap-line, .tt-end, .ov-tt-end, .tt-rewarded, .ov-tt-rewarded) {
  color: #fff !important;
  text-shadow: -2px -2px 0 #0b0b12, 2px -2px 0 #0b0b12, -2px 2px 0 #0b0b12, 2px 2px 0 #0b0b12, 0 3px 0 #0b0b12, 2px 4px 0 #0b0b12;
}
:is(.tt-board, .ov-prev-tt).skin-contour :is(.tt-avatar, .ov-tt-avatar) { border: 3px solid #fff; box-shadow: 0 0 0 2px #0b0b12; }
:is(.tt-board, .ov-prev-tt).skin-contour :is(.tt-title, .ov-tt-title) { font-size: 22px !important; text-transform: uppercase; }

/* Carte officielle — carte blanche type appli, bandeau dégradé rose / cyan */
:is(.tt-board, .ov-prev-tt).skin-officielle { background: #fff !important; border: 0 !important; border-radius: 18px !important; padding: 0 0 10px !important; overflow: hidden; box-shadow: 0 14px 34px rgba(0,0,0,0.45); color: #161823; }
:is(.tt-board, .ov-prev-tt).skin-officielle :is(.tt-head, .ov-tt-head) { margin: 0 0 6px; padding: 12px; background: linear-gradient(100deg, #fe2c55 0%, #ff5d8f 45%, #25f4ee 130%); }
:is(.tt-board, .ov-prev-tt).skin-officielle :is(.tt-title, .ov-tt-title) { color: #fff !important; font-size: 18px !important; }
:is(.tt-board, .ov-prev-tt).skin-officielle :is(.tt-list, .ov-tt-list) { padding: 0 10px; gap: 0; }
:is(.tt-board, .ov-prev-tt).skin-officielle :is(.tt-row, .ov-tt-row) { background: transparent; border: 0; border-bottom: 1px solid #eceef2; border-radius: 0; }
:is(.tt-board, .ov-prev-tt).skin-officielle :is(.tt-row, .ov-tt-row).is-self { outline: 0; box-shadow: none; background: #fff0f4; border-radius: 10px; }
:is(.tt-board, .ov-prev-tt).skin-officielle :is(.tt-pseudo, .ov-tt-pseudo) { color: #161823 !important; }
:is(.tt-board, .ov-prev-tt).skin-officielle :is(.tt-handle, .ov-tt-handle) { color: #8a8b91; opacity: 1; }
:is(.tt-board, .ov-prev-tt).skin-officielle :is(.tt-value, .ov-tt-value) { color: #fe2c55 !important; }
:is(.tt-board, .ov-prev-tt).skin-officielle :is(.tt-rank, .ov-tt-rank) { color: #8a8b91; }
:is(.tt-board, .ov-prev-tt).skin-officielle :is(.tt-rewarded, .ov-tt-rewarded, .tt-gap, .ov-tt-gap-line, .tt-end, .ov-tt-end) { color: #57585f !important; padding: 0 12px; }
:is(.tt-board, .ov-prev-tt).skin-officielle :is(.tt-pin, .ov-tt-pin) { margin: 8px 10px 0; border-top-color: #e3e5ea; }
:is(.tt-board, .ov-prev-tt).skin-officielle :is(.tt-live, .ov-tt-live) { background: #fe2c55; }

/* =====================================================================
   5–6) CLASSEMENTS Pièces / Likes / alterné — Classique, Contour, GOAT, Manga Impact, Sticker
   (widget .lb-* + aperçu .ov-lb-*). Les styles d'origine restent dans les templates ; ceci les renforce.
   ===================================================================== */
:is(.lb-board, .ov-prev-lb) :is(.lb-pseudo, .ov-lb-pseudo, .lb-value, .ov-lb-value, .lb-title, .ov-lb-title) { font-family: "MT Lilita", "Segoe UI", sans-serif !important; -webkit-text-stroke: 0 !important; }
:is(.lb-board, .ov-prev-lb) :is(.lb-rank, .ov-lb-rank) { font-family: "MT Lilita", sans-serif; font-weight: 400; }

/* Classique */
:is(.lb-board, .ov-prev-lb).skin-classic.frame-bg :is(.lb-row, .ov-lb-row) { background: linear-gradient(100deg, rgba(14,16,30,0.94), rgba(34,22,52,0.9)); border: 1px solid rgba(255,255,255,0.12); border-left: 5px solid var(--accent); border-radius: 14px; box-shadow: 0 8px 18px rgba(0,0,0,0.35); }
:is(.lb-board, .ov-prev-lb).skin-classic :is(.lb-row, .ov-lb-row).rank-1 { box-shadow: 0 0 0 1px var(--accent), 0 0 18px color-mix(in srgb, var(--accent) 45%, transparent); }
:is(.lb-board, .ov-prev-lb).skin-classic :is(.lb-value, .ov-lb-value) { color: var(--accent) !important; }

/* Contour */
:is(.lb-board, .ov-prev-lb).skin-contour :is(.lb-row, .ov-lb-row) { background: rgba(0,0,0,0.2); border: 3px solid #fff; border-radius: 14px; box-shadow: 0 0 0 2px #0b0b12, 4px 5px 0 2px #0b0b12; }
:is(.lb-board, .ov-prev-lb).skin-contour :is(.lb-pseudo, .ov-lb-pseudo, .lb-value, .ov-lb-value, .lb-title, .ov-lb-title, .lb-rank, .ov-lb-rank) {
  color: #fff !important;
  text-shadow: -2px -2px 0 #0b0b12, 2px -2px 0 #0b0b12, -2px 2px 0 #0b0b12, 2px 2px 0 #0b0b12, 0 3px 0 #0b0b12, 2px 4px 0 #0b0b12;
}
:is(.lb-board, .ov-prev-lb).skin-contour :is(.lb-title, .ov-lb-title) { font-size: 24px !important; text-transform: uppercase; }
:is(.lb-board, .ov-prev-lb).skin-contour :is(.lb-avatar, .ov-lb-avatar) { border-radius: 50%; border: 3px solid #fff; box-shadow: 0 0 0 2px #0b0b12; }

/* GOAT — or & noir, lauriers */
:is(.lb-board, .ov-prev-lb).skin-goat :is(.lb-title, .ov-lb-title) {
  font-family: "MT Luckiest", sans-serif !important; font-size: 24px !important; letter-spacing: 0.04em;
  background: linear-gradient(180deg, #fff7c2, #ffd23f 45%, #b8860b); -webkit-background-clip: text; background-clip: text; color: transparent !important;
  filter: drop-shadow(0 2px 0 #3b2a0a) drop-shadow(0 0 8px rgba(255,210,63,0.5));
}
:is(.lb-board, .ov-prev-lb).skin-goat :is(.lb-row, .ov-lb-row) { background: linear-gradient(100deg, #120c02, #3a2706 50%, #120c02); border: 2px solid #e8c25a; border-radius: 999px; box-shadow: inset 0 1px 0 rgba(255,236,170,0.4), 0 6px 16px rgba(0,0,0,0.45); }
:is(.lb-board, .ov-prev-lb).skin-goat :is(.lb-row, .ov-lb-row).rank-1 { background: linear-gradient(100deg, #3a2706, #b8860b 50%, #3a2706); border-color: #fff1a8; box-shadow: 0 0 22px rgba(255,210,63,0.6), inset 0 1px 0 rgba(255,255,255,0.5); }
:is(.lb-board, .ov-prev-lb).skin-goat :is(.lb-value, .ov-lb-value) { color: #ffe27a !important; }
:is(.lb-board, .ov-prev-lb).skin-goat :is(.lb-avatar, .ov-lb-avatar) { border: 2px solid #ffd23f; box-shadow: 0 0 0 2px #120c02, 0 0 10px rgba(255,210,63,0.6); }

/* Manga Impact — cases BD blanches, trame, ombre accent, Bangers */
:is(.lb-board, .ov-prev-lb).skin-manga :is(.lb-row, .ov-lb-row) {
  background-color: #fff; background-image: radial-gradient(circle, rgba(0,0,0,0.14) 1.1px, transparent 1.4px); background-size: 6px 6px;
  border: 3px solid #0b0b12; border-radius: 0; box-shadow: 6px 6px 0 var(--accent), 6px 6px 0 3px #0b0b12; transform: skewX(-6deg);
  clip-path: none;
}
:is(.lb-board, .ov-prev-lb).skin-manga :is(.lb-row, .ov-lb-row) > * { transform: skewX(6deg); }
:is(.lb-board, .ov-prev-lb).skin-manga :is(.lb-pseudo, .ov-lb-pseudo, .lb-value, .ov-lb-value, .lb-rank, .ov-lb-rank) { font-family: "MT Bangers", Impact, sans-serif !important; letter-spacing: 0.05em; color: #0b0b12 !important; text-shadow: none; }
:is(.lb-board, .ov-prev-lb).skin-manga :is(.lb-value, .ov-lb-value) { font-size: 22px !important; color: #e0002a !important; }
:is(.lb-board, .ov-prev-lb).skin-manga :is(.lb-title, .ov-lb-title) {
  display: inline-block !important; font-family: "MT Bangers", Impact, sans-serif !important; font-size: 26px !important; color: #0b0b12 !important; letter-spacing: 0.06em;
  background: var(--accent2, #ffd60a); padding: 4px 14px; border: 3px solid #0b0b12; transform: rotate(-3deg); box-shadow: 4px 4px 0 #0b0b12;
}
:is(.lb-board, .ov-prev-lb).skin-manga { text-align: center; }
:is(.lb-board, .ov-prev-lb).skin-manga :is(.lb-list, .ov-lb-list) { text-align: left; margin-top: 6px; }
:is(.lb-board, .ov-prev-lb).skin-manga :is(.lb-avatar, .ov-lb-avatar) { border: 3px solid #0b0b12; border-radius: 0; }
:is(.lb-board, .ov-prev-lb).skin-manga :is(.speed-lines, .ov-lb-speed) i { background: rgba(0,0,0,0.25); }

/* Sticker — étiquettes colorées à gros bord blanc */
:is(.lb-board, .ov-prev-lb).skin-sticker :is(.lb-row, .ov-lb-row) {
  background: linear-gradient(160deg, var(--accent), color-mix(in srgb, var(--accent) 60%, #6a00ff)); color: #fff;
  border: 4px solid #fff; border-radius: 18px; box-shadow: 3px 5px 0 rgba(0,0,0,0.35);
}
:is(.lb-board, .ov-prev-lb).skin-sticker :is(.lb-row, .ov-lb-row):nth-child(odd) { transform: rotate(-1.2deg); }
:is(.lb-board, .ov-prev-lb).skin-sticker :is(.lb-row, .ov-lb-row):nth-child(even) { transform: rotate(1deg); background: linear-gradient(160deg, #7b2ff7, #25b4f4); }
:is(.lb-board, .ov-prev-lb).skin-sticker :is(.lb-pseudo, .ov-lb-pseudo, .lb-value, .ov-lb-value, .lb-rank, .ov-lb-rank) {
  font-family: "MT Luckiest", sans-serif !important; color: #fff !important; letter-spacing: 0.02em;
  text-shadow: -1.5px -1.5px 0 #2a0a3a, 1.5px -1.5px 0 #2a0a3a, -1.5px 1.5px 0 #2a0a3a, 1.5px 1.5px 0 #2a0a3a, 0 3px 0 #2a0a3a;
}
:is(.lb-board, .ov-prev-lb).skin-sticker :is(.lb-title, .ov-lb-title) {
  display: inline-block !important; font-family: "MT Luckiest", sans-serif !important; color: #2a0a3a !important; font-size: 20px !important;
  background: #fff; padding: 6px 16px 3px; border-radius: 12px; transform: rotate(-2deg); box-shadow: 3px 4px 0 rgba(0,0,0,0.3);
}
:is(.lb-board, .ov-prev-lb).skin-sticker { text-align: center; }
:is(.lb-board, .ov-prev-lb).skin-sticker :is(.lb-list, .ov-lb-list) { text-align: left; margin-top: 8px; }
:is(.lb-board, .ov-prev-lb).skin-sticker :is(.lb-avatar, .ov-lb-avatar) { border: 3px solid #fff; box-shadow: 0 2px 0 rgba(0,0,0,0.3); }
:is(.lb-board, .ov-prev-lb).skin-sticker :is(.lb-delta, .ov-lb-delta) { color: #fff !important; background: rgba(0,0,0,0.25); padding: 1px 6px; border-radius: 999px; }

/* =====================================================================
   8) ALERTE CADEAU — Classique, Contour, Manga Impact, Sticker (widget .alert-root / aperçu .ov-prev-alertc)
   ===================================================================== */
:is(.alert-root, .ov-prev-alertc) :is(.kicker, .ov-ac-kicker) { display: none; }
:is(.alert-root, .ov-prev-alertc):is(.skin-aclassique, .skin-contour, .skin-manga, .skin-sticker) :is(.kicker, .ov-ac-kicker) { display: block; position: relative; z-index: 3; }
:is(.alert-root, .ov-prev-alertc):is(.skin-aclassique, .skin-contour, .skin-manga, .skin-sticker) :is(.info, .ov-ac-info) { font-family: "MT Lilita", "Segoe UI", sans-serif !important; -webkit-text-stroke: 0 !important; }
.alert-root:is(.skin-aclassique, .skin-contour, .skin-manga, .skin-sticker) .kicker { order: -1; }
:is(.alert-root, .ov-prev-alertc) .mt-rays { display: none; }
:is(.alert-root, .ov-prev-alertc):is(.skin-aclassique, .skin-manga) .mt-rays { display: block; position: absolute; left: 50%; top: 50%; width: 420px; height: 420px; margin: -260px 0 0 -210px; z-index: 0; border-radius: 50%; animation: mtsSpin 9s linear infinite; pointer-events: none; }
.ov-prev-alertc .mt-rays { width: 200px !important; height: 200px !important; margin: -130px 0 0 -100px !important; }

/* Classique — carte sombre vitrée, rayons lumineux */
:is(.alert-root, .ov-prev-alertc).skin-aclassique .mt-rays { background: repeating-conic-gradient(color-mix(in srgb, var(--accent) 38%, transparent) 0 10deg, transparent 10deg 30deg); -webkit-mask: radial-gradient(circle, #000 25%, transparent 68%); mask: radial-gradient(circle, #000 25%, transparent 68%); }
:is(.alert-root, .ov-prev-alertc).skin-aclassique :is(.kicker, .ov-ac-kicker) { font: 14px/1 "MT Lilita", sans-serif; letter-spacing: 0.18em; text-transform: uppercase; color: #fff; background: var(--accent); padding: 6px 14px 5px; border-radius: 999px; box-shadow: 0 0 18px color-mix(in srgb, var(--accent) 60%, transparent); }
:is(.alert-root, .ov-prev-alertc).skin-aclassique :is(.info, .ov-ac-info) { background: linear-gradient(135deg, rgba(14,16,30,0.94), rgba(40,18,52,0.92)); border: 1px solid rgba(255,255,255,0.16); border-radius: 18px; padding: 12px 22px; box-shadow: 0 10px 30px rgba(0,0,0,0.45), 0 0 0 2px color-mix(in srgb, var(--accent) 50%, transparent); }

/* Contour — texte blanc cerné, cadeau détouré blanc */
:is(.alert-root, .ov-prev-alertc).skin-contour :is(.info, .ov-ac-info) { background: transparent !important; border: 0 !important; box-shadow: none !important; color: #fff !important; font-size: 26px !important;
  text-shadow: -3px -3px 0 #0b0b12, 3px -3px 0 #0b0b12, -3px 3px 0 #0b0b12, 3px 3px 0 #0b0b12, 0 4px 0 #0b0b12, 0 -4px 0 #0b0b12, 4px 0 0 #0b0b12, -4px 0 0 #0b0b12, 3px 6px 0 #0b0b12; }
:is(.alert-root, .ov-prev-alertc).skin-contour :is(.hero-gift, .ov-ac-hero) { filter: drop-shadow(4px 0 0 #fff) drop-shadow(-4px 0 0 #fff) drop-shadow(0 4px 0 #fff) drop-shadow(0 -4px 0 #fff) drop-shadow(3px 4px 0 #0b0b12); }
:is(.alert-root, .ov-prev-alertc).skin-contour :is(.kicker, .ov-ac-kicker) { font: 20px/1 "MT Lilita", sans-serif; text-transform: uppercase; color: var(--accent); letter-spacing: 0.06em;
  text-shadow: -2px -2px 0 #0b0b12, 2px -2px 0 #0b0b12, -2px 2px 0 #0b0b12, 2px 2px 0 #0b0b12, 0 3px 0 #0b0b12; }

/* Manga Impact — éclat, case BD tramée, onomatopée */
:is(.alert-root, .ov-prev-alertc).skin-manga .mt-rays { border-radius: 0; animation-duration: 24s; background: var(--accent2, #ffd60a); width: 300px; height: 300px; margin: -210px 0 0 -150px;
  clip-path: polygon(50% 0%, 59% 22%, 79% 6%, 74% 30%, 98% 26%, 80% 44%, 100% 58%, 76% 63%, 88% 86%, 64% 76%, 56% 100%, 46% 78%, 26% 94%, 30% 70%, 4% 76%, 20% 56%, 0% 40%, 24% 36%, 12% 12%, 38% 22%);
  box-shadow: none; filter: drop-shadow(0 0 0 #000); }
:is(.alert-root, .ov-prev-alertc).skin-manga :is(.info, .ov-ac-info) { font-family: "MT Bangers", Impact, sans-serif !important; letter-spacing: 0.05em; font-size: 24px !important; color: #0b0b12 !important; text-shadow: none !important;
  background-color: #fff !important; background-image: radial-gradient(circle, rgba(0,0,0,0.14) 1.1px, transparent 1.4px); background-size: 6px 6px;
  border: 4px solid #0b0b12 !important; border-radius: 0 !important; transform: skewX(-8deg) !important; box-shadow: 7px 7px 0 var(--accent), 7px 7px 0 4px #0b0b12 !important; padding: 10px 22px !important; }
:is(.alert-root, .ov-prev-alertc).skin-manga :is(.kicker, .ov-ac-kicker) { font: 34px/1 "MT Bangers", Impact, sans-serif; letter-spacing: 0.06em; color: var(--accent); transform: rotate(-8deg);
  text-shadow: -3px -3px 0 #0b0b12, 3px -3px 0 #0b0b12, -3px 3px 0 #0b0b12, 3px 3px 0 #0b0b12, 5px 6px 0 #0b0b12; }
:is(.alert-root, .ov-prev-alertc).skin-manga :is(.hero-gift, .ov-ac-hero) { filter: drop-shadow(3px 3px 0 #0b0b12) drop-shadow(-2px -2px 0 #0b0b12); }

/* Sticker — étiquette colorée bord blanc + cadeau en pastille + scotch */
:is(.alert-root, .ov-prev-alertc).skin-sticker :is(.hero-gift, .ov-ac-hero) { background: #fff; border-radius: 50%; padding: 10px; box-shadow: 4px 6px 0 rgba(0,0,0,0.3); transform: rotate(-6deg); }
:is(.alert-root, .ov-prev-alertc).skin-sticker :is(.info, .ov-ac-info) { font-family: "MT Luckiest", sans-serif !important; color: #fff !important; font-size: 22px !important;
  background: linear-gradient(160deg, var(--accent), color-mix(in srgb, var(--accent) 60%, #6a00ff)) !important; border: 5px solid #fff !important; border-radius: 20px !important; padding: 12px 22px 8px !important;
  box-shadow: 4px 6px 0 rgba(0,0,0,0.35) !important; transform: rotate(2deg) !important;
  text-shadow: -2px -2px 0 #2a0a3a, 2px -2px 0 #2a0a3a, -2px 2px 0 #2a0a3a, 2px 2px 0 #2a0a3a, 0 4px 0 #2a0a3a !important; }
:is(.alert-root, .ov-prev-alertc).skin-sticker :is(.kicker, .ov-ac-kicker) { font: 16px/1 "MT Luckiest", sans-serif; color: #2a0a3a; background: #fff; padding: 7px 14px 4px; border-radius: 10px; transform: rotate(-3deg); box-shadow: 3px 4px 0 rgba(0,0,0,0.3); }
:is(.alert-root, .ov-prev-alertc).skin-sticker :is(.kicker, .ov-ac-kicker)::before { content: ""; position: absolute; left: 50%; top: -10px; width: 54px; height: 16px; transform: translateX(-50%) rotate(4deg); background: rgba(255,255,255,0.7); }
/* aperçu : tailles réduites */
.ov-prev-alertc:is(.skin-aclassique, .skin-contour, .skin-manga, .skin-sticker) { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; overflow: hidden; }
.ov-prev-alertc:is(.skin-aclassique, .skin-contour, .skin-manga, .skin-sticker) .ov-ac-info { font-size: 12px !important; padding: 6px 10px !important; position: relative; z-index: 2; }
.ov-prev-alertc:is(.skin-aclassique, .skin-contour, .skin-manga, .skin-sticker) .ov-ac-kicker { font-size: 11px !important; }
.ov-prev-alertc.skin-manga .ov-ac-kicker { font-size: 18px !important; }
.ov-prev-alertc .ov-ac-hero { position: relative; z-index: 2; }
.alert-root:is(.skin-aclassique, .skin-contour, .skin-manga, .skin-sticker) .info { white-space: nowrap; }
.ov-prev-alertc .ov-ac-kicker { align-self: center; width: auto !important; max-width: 92%; white-space: nowrap; }

/* =====================================================================
   9) TOP COMBO — Classique, Contour, Manga Impact, Sticker (widget .top-card / aperçu .ov-tl-card)
   ===================================================================== */
:is(.top-card, .ov-prev-top .ov-tl-card):is(.skin-cclassique, .skin-contour, .skin-manga, .skin-sticker),
.ov-prev-top:is(.skin-cclassique, .skin-contour, .skin-manga, .skin-sticker) .ov-tl-card { font-family: "MT Lilita", "Segoe UI", sans-serif; }
:is(.top-card:is(.skin-cclassique, .skin-contour, .skin-manga, .skin-sticker), .ov-prev-top:is(.skin-cclassique, .skin-contour, .skin-manga, .skin-sticker) .ov-tl-card) :is(.label, .pseudo, .count, .ov-tl-label, .ov-tl-pseudo, .ov-tl-count) { font-family: inherit !important; -webkit-text-stroke: 0 !important; }
:is(.top-card, .ov-tl-card) :is(.count, .ov-tl-count) { font-size: 30px !important; }
.ov-tl-card :is(.ov-tl-count) { font-size: 16px !important; }

/* Classique */
:is(.top-card.skin-cclassique, .ov-prev-top.skin-cclassique .ov-tl-card) { background: linear-gradient(135deg, rgba(14,16,30,0.95), rgba(52,20,30,0.92)); border: 1px solid rgba(255,255,255,0.14); border-radius: 18px; box-shadow: 0 10px 26px rgba(0,0,0,0.45), 0 0 0 2px color-mix(in srgb, var(--accent) 45%, transparent); }
:is(.top-card.skin-cclassique, .ov-prev-top.skin-cclassique .ov-tl-card) :is(.label, .ov-tl-label) { color: var(--accent) !important; letter-spacing: 0.14em; text-transform: uppercase; font-size: 13px !important; }
:is(.top-card.skin-cclassique, .ov-prev-top.skin-cclassique .ov-tl-card) :is(.count, .ov-tl-count) { background: linear-gradient(180deg, #fff3a0, var(--accent) 60%, #c2410c); -webkit-background-clip: text; background-clip: text; color: transparent !important; }
:is(.top-card.skin-cclassique, .ov-prev-top.skin-cclassique .ov-tl-card) :is(.count-bubble, .ov-tl-bubble) { background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.15); }

/* Contour */
:is(.top-card.skin-contour, .ov-prev-top.skin-contour .ov-tl-card) { background: transparent; border: 0; }
:is(.top-card.skin-contour, .ov-prev-top.skin-contour .ov-tl-card) :is(.label, .pseudo, .count, .combo-mark, .ov-tl-label, .ov-tl-pseudo, .ov-tl-count) { color: #fff !important;
  text-shadow: -2px -2px 0 #0b0b12, 2px -2px 0 #0b0b12, -2px 2px 0 #0b0b12, 2px 2px 0 #0b0b12, 0 3px 0 #0b0b12, 3px 5px 0 #0b0b12; }
:is(.top-card.skin-contour, .ov-prev-top.skin-contour .ov-tl-card) :is(.label, .ov-tl-label) { color: var(--accent) !important; text-transform: uppercase; }
:is(.top-card.skin-contour, .ov-prev-top.skin-contour .ov-tl-card) :is(.count-bubble, .ov-tl-bubble) { background: transparent; border: 0; padding: 0; }
:is(.top-card.skin-contour, .ov-prev-top.skin-contour .ov-tl-card) :is(.gift-img, .ov-tl-gift) { filter: drop-shadow(3px 0 0 #fff) drop-shadow(-3px 0 0 #fff) drop-shadow(0 3px 0 #fff) drop-shadow(0 -3px 0 #fff) drop-shadow(3px 4px 0 #0b0b12); }
:is(.top-card.skin-contour, .ov-prev-top.skin-contour .ov-tl-card) :is(.avatar, .ov-tl-avatar) { border: 3px solid #fff; box-shadow: 0 0 0 2px #0b0b12; }

/* Manga Impact */
:is(.top-card.skin-manga, .ov-prev-top.skin-manga .ov-tl-card) { font-family: "MT Bangers", Impact, sans-serif !important; letter-spacing: 0.05em;
  background-color: #fff27a; background-image: radial-gradient(circle, rgba(0,0,0,0.2) 1.2px, transparent 1.5px); background-size: 7px 7px;
  border: 4px solid #0b0b12; border-radius: 0; box-shadow: 7px 7px 0 #0b0b12; transform: skewX(-7deg) scale(var(--size, 1)); }
:is(.top-card.skin-manga, .ov-prev-top.skin-manga .ov-tl-card) > * { transform: skewX(7deg); }
:is(.top-card.skin-manga, .ov-prev-top.skin-manga .ov-tl-card) :is(.label, .pseudo, .ov-tl-label, .ov-tl-pseudo) { color: #0b0b12 !important; text-shadow: none !important; }
:is(.top-card.skin-manga, .ov-prev-top.skin-manga .ov-tl-card) :is(.label, .ov-tl-label) { font-size: 18px !important; background: #0b0b12; color: #fff !important; padding: 2px 8px; align-self: flex-start; }
:is(.top-card.skin-manga, .ov-prev-top.skin-manga .ov-tl-card) :is(.count, .ov-tl-count) { color: var(--accent) !important; font-size: 40px !important; transform: rotate(-6deg); display: inline-block;
  text-shadow: -3px -3px 0 #0b0b12, 3px -3px 0 #0b0b12, -3px 3px 0 #0b0b12, 3px 3px 0 #0b0b12, 5px 6px 0 #0b0b12 !important; }
.ov-prev-top.skin-manga .ov-tl-card .ov-tl-count { font-size: 20px !important; }
:is(.top-card.skin-manga, .ov-prev-top.skin-manga .ov-tl-card) :is(.count-bubble, .ov-tl-bubble) { background: transparent; border: 0; }
:is(.top-card.skin-manga, .ov-prev-top.skin-manga .ov-tl-card) :is(.gift-glow, .ov-tl-glow) { display: block !important; inset: -16px; border-radius: 0; filter: none; background: #fff;
  clip-path: polygon(50% 0%, 59% 22%, 79% 6%, 74% 30%, 98% 26%, 80% 44%, 100% 58%, 76% 63%, 88% 86%, 64% 76%, 56% 100%, 46% 78%, 26% 94%, 30% 70%, 4% 76%, 20% 56%, 0% 40%, 24% 36%, 12% 12%, 38% 22%); animation: mtsSpin 16s linear infinite; }
:is(.top-card.skin-manga, .ov-prev-top.skin-manga .ov-tl-card) :is(.combo-mark) { color: #0b0b12; font-size: 14px; opacity: 1; }
:is(.top-card.skin-manga, .ov-prev-top.skin-manga .ov-tl-card) :is(.avatar, .ov-tl-avatar) { border: 3px solid #0b0b12; border-radius: 0; }

/* Sticker */
:is(.top-card.skin-sticker, .ov-prev-top.skin-sticker .ov-tl-card) { font-family: "MT Luckiest", sans-serif !important;
  background: linear-gradient(160deg, var(--accent), color-mix(in srgb, var(--accent) 55%, #d6006b)); border: 5px solid #fff; border-radius: 22px; box-shadow: 4px 7px 0 rgba(0,0,0,0.35); transform: rotate(-2deg) scale(var(--size, 1)); padding-right: 54px; }
:is(.top-card.skin-sticker, .ov-prev-top.skin-sticker .ov-tl-card) :is(.label, .pseudo, .ov-tl-label, .ov-tl-pseudo, .combo-mark) { color: #fff !important;
  text-shadow: -1.5px -1.5px 0 #2a0a3a, 1.5px -1.5px 0 #2a0a3a, -1.5px 1.5px 0 #2a0a3a, 1.5px 1.5px 0 #2a0a3a, 0 3px 0 #2a0a3a !important; }
:is(.top-card.skin-sticker, .ov-prev-top.skin-sticker .ov-tl-card) :is(.count-bubble, .ov-tl-bubble) { position: absolute; right: -26px; top: 50%; width: 76px; height: 76px; margin-top: -38px; border-radius: 50%; background: #fff; border: 0; padding: 0; transform: rotate(10deg); box-shadow: 3px 5px 0 rgba(0,0,0,0.3); }
.ov-prev-top.skin-sticker .ov-tl-card .ov-tl-bubble { width: 44px; height: 44px; margin-top: -22px; right: -16px; display: grid; place-items: center; }
:is(.top-card.skin-sticker, .ov-prev-top.skin-sticker .ov-tl-card) :is(.count, .ov-tl-count) { color: var(--accent) !important; font-size: 28px !important; }
:is(.top-card.skin-sticker, .ov-prev-top.skin-sticker .ov-tl-card) :is(.gift-wrap, .ov-tl-gift-wrap) { background: #fff; border-radius: 50%; box-shadow: 2px 4px 0 rgba(0,0,0,0.25); }
:is(.top-card.skin-sticker, .ov-prev-top.skin-sticker .ov-tl-card) :is(.gift-glow, .ov-tl-glow) { display: none !important; }
:is(.top-card.skin-sticker, .ov-prev-top.skin-sticker .ov-tl-card) :is(.avatar, .ov-tl-avatar) { border: 4px solid #fff; }
.ov-prev-top:is(.skin-cclassique, .skin-contour, .skin-manga, .skin-sticker) { display: grid; place-items: center; }
.ov-cat-preview .ov-prev-top:is(.skin-cclassique, .skin-contour, .skin-manga, .skin-sticker) .ov-tl-card { zoom: 0.62; }
.ov-cat-preview .ov-prev-top.skin-sticker .ov-tl-card { zoom: 0.55; margin-right: 18px; }

/* =====================================================================
   10) BANDEAU DÉFILANT — Classique, Chantier, Sport, Contour, Manga Impact, Sticker, Pixel
   widget (.bd-row.skin-X) + aperçu (.ov-prev-bandeau.skin-X .ov-bd-row)
   ===================================================================== */
:is(.bd-row, .ov-bd-row) :is(.bd-text, .ov-bd-text) { will-change: transform; }
/* Classique — journal TV propre : pastille rouge + bande blanche */
:is(.bd-row.skin-bclassique, .ov-prev-bandeau.skin-bclassique .ov-bd-row) { border-radius: 10px; overflow: hidden; box-shadow: 0 8px 22px rgba(0,0,0,0.4); }
:is(.bd-row.skin-bclassique, .ov-prev-bandeau.skin-bclassique .ov-bd-row) :is(.bd-live, .ov-bd-live) { background: linear-gradient(180deg, #ff3b5c, #d90429); color: #fff; font-family: "MT Lilita", sans-serif; font-weight: 400; clip-path: polygon(0 0, 100% 0, 88% 100%, 0 100%); padding-right: 26px; }
:is(.bd-row.skin-bclassique, .ov-prev-bandeau.skin-bclassique .ov-bd-row) :is(.bd-live-dot, .ov-bd-live-dot) { background: #fff; }
:is(.bd-row.skin-bclassique, .ov-prev-bandeau.skin-bclassique .ov-bd-row) :is(.bd-track, .ov-bd-track) { background: linear-gradient(180deg, #ffffff, #e9edf3); margin-left: -14px; padding-left: 14px; }
:is(.bd-row.skin-bclassique, .ov-prev-bandeau.skin-bclassique .ov-bd-row) :is(.bd-text, .ov-bd-text) { color: #0f172a; font-family: "MT Lilita", sans-serif; font-weight: 400; }

/* Chantier — rubalise jaune/noir */
:is(.bd-row.skin-chantier, .ov-prev-bandeau.skin-chantier .ov-bd-row) { border: 4px solid #0b0b12; border-radius: 0; background: repeating-linear-gradient(-45deg, #ffd000 0 18px, #0b0b12 18px 36px); padding: 6px; box-shadow: 0 6px 0 rgba(0,0,0,0.35); }
:is(.bd-row.skin-chantier, .ov-prev-bandeau.skin-chantier .ov-bd-row) :is(.bd-live, .ov-bd-live) { background: #0b0b12; color: #ffd000; font-family: "MT Bangers", Impact, sans-serif; font-weight: 400; font-size: 18px; letter-spacing: 0.08em; border: 3px solid #ffd000; }
:is(.bd-row.skin-chantier, .ov-prev-bandeau.skin-chantier .ov-bd-row) :is(.bd-live, .ov-bd-live)::before { content: "⚠"; margin-right: 4px; }
:is(.bd-row.skin-chantier, .ov-prev-bandeau.skin-chantier .ov-bd-row) :is(.bd-live-dot, .ov-bd-live-dot) { display: none; }
:is(.bd-row.skin-chantier, .ov-prev-bandeau.skin-chantier .ov-bd-row) :is(.bd-track, .ov-bd-track) { background: #ffd000; border: 3px solid #0b0b12; margin-left: 6px; }
:is(.bd-row.skin-chantier, .ov-prev-bandeau.skin-chantier .ov-bd-row) :is(.bd-text, .ov-bd-text) { color: #0b0b12; font-family: "MT Bangers", Impact, sans-serif; font-weight: 400; font-size: 22px; letter-spacing: 0.06em; text-transform: uppercase; }

/* Sport — bandeau incliné, dégradé bleu/rouge, Bangers italique */
:is(.bd-row.skin-sport, .ov-prev-bandeau.skin-sport .ov-bd-row) { transform: skewX(-12deg); border-radius: 0; box-shadow: 6px 6px 0 rgba(0,0,0,0.4); overflow: hidden; }
:is(.bd-row.skin-sport, .ov-prev-bandeau.skin-sport .ov-bd-row) :is(.bd-live, .ov-bd-live) { background: linear-gradient(180deg, #ff2d2d, #b80000); color: #fff; font-family: "MT Bangers", Impact, sans-serif; font-weight: 400; font-size: 19px; letter-spacing: 0.08em; }
:is(.bd-row.skin-sport, .ov-prev-bandeau.skin-sport .ov-bd-row) :is(.bd-live-dot, .ov-bd-live-dot) { background: #fff; }
:is(.bd-row.skin-sport, .ov-prev-bandeau.skin-sport .ov-bd-row) :is(.bd-track, .ov-bd-track) { background: linear-gradient(90deg, #0a2a8f, #1e4fd8 60%, #0a2a8f); border-top: 4px solid #ffd000; border-bottom: 4px solid #ffd000; }
:is(.bd-row.skin-sport, .ov-prev-bandeau.skin-sport .ov-bd-row) :is(.bd-text, .ov-bd-text) { color: #fff; font-family: "MT Bangers", Impact, sans-serif; font-weight: 400; font-size: 24px; letter-spacing: 0.06em; text-transform: uppercase; font-style: italic; text-shadow: 2px 2px 0 #000; }

/* Contour — sans fond, texte blanc cerné noir */
:is(.bd-row.skin-contour, .ov-prev-bandeau.skin-contour .ov-bd-row) { background: transparent; }
:is(.bd-row.skin-contour, .ov-prev-bandeau.skin-contour .ov-bd-row) :is(.bd-live, .ov-bd-live) { background: #ff2d6f; color: #fff; font-family: "MT Lilita", sans-serif; font-weight: 400; border: 3px solid #fff; border-radius: 999px; box-shadow: 0 0 0 2px #0b0b12, 3px 4px 0 2px #0b0b12; margin: 4px 0; }
:is(.bd-row.skin-contour, .ov-prev-bandeau.skin-contour .ov-bd-row) :is(.bd-live-dot, .ov-bd-live-dot) { background: #fff; }
:is(.bd-row.skin-contour, .ov-prev-bandeau.skin-contour .ov-bd-row) :is(.bd-track, .ov-bd-track) { background: transparent; }
:is(.bd-row.skin-contour, .ov-prev-bandeau.skin-contour .ov-bd-row) :is(.bd-text, .ov-bd-text) { color: #fff; font-family: "MT Lilita", sans-serif; font-weight: 400; font-size: 26px;
  text-shadow: -3px -3px 0 #0b0b12, 3px -3px 0 #0b0b12, -3px 3px 0 #0b0b12, 3px 3px 0 #0b0b12, 0 4px 0 #0b0b12, 3px 6px 0 #0b0b12; padding-top: 4px; padding-bottom: 8px; }

/* Manga Impact — bande BD tramée, onomatopée */
:is(.bd-row.skin-manga, .ov-prev-bandeau.skin-manga .ov-bd-row) { background-color: #fff; background-image: radial-gradient(circle, rgba(0,0,0,0.16) 1.2px, transparent 1.5px); background-size: 7px 7px; border: 4px solid #0b0b12; box-shadow: 6px 6px 0 #0b0b12; transform: rotate(-1deg); }
:is(.bd-row.skin-manga, .ov-prev-bandeau.skin-manga .ov-bd-row) :is(.bd-live, .ov-bd-live) { background: #ffd60a; color: #0b0b12; font-family: "MT Bangers", Impact, sans-serif; font-weight: 400; font-size: 20px; letter-spacing: 0.08em; border-right: 4px solid #0b0b12; clip-path: polygon(0 0, 100% 0, 90% 50%, 100% 100%, 0 100%); padding-right: 26px; }
:is(.bd-row.skin-manga, .ov-prev-bandeau.skin-manga .ov-bd-row) :is(.bd-live, .ov-bd-live)::after { content: "!!"; color: #e0002a; margin-left: 2px; }
:is(.bd-row.skin-manga, .ov-prev-bandeau.skin-manga .ov-bd-row) :is(.bd-live-dot, .ov-bd-live-dot) { background: #e0002a; }
:is(.bd-row.skin-manga, .ov-prev-bandeau.skin-manga .ov-bd-row) :is(.bd-track, .ov-bd-track) { background: transparent; }
:is(.bd-row.skin-manga, .ov-prev-bandeau.skin-manga .ov-bd-row) :is(.bd-text, .ov-bd-text) { color: #0b0b12; font-family: "MT Bangers", Impact, sans-serif; font-weight: 400; font-size: 24px; letter-spacing: 0.05em; text-transform: uppercase; }

/* Sticker — bande rose à gros bord blanc + étiquette */
:is(.bd-row.skin-sticker, .ov-prev-bandeau.skin-sticker .ov-bd-row) { background: linear-gradient(90deg, #ff2d6f, #b026ff); border: 5px solid #fff; border-radius: 999px; box-shadow: 4px 6px 0 rgba(0,0,0,0.35); overflow: visible; }
:is(.bd-row.skin-sticker, .ov-prev-bandeau.skin-sticker .ov-bd-row) :is(.bd-live, .ov-bd-live) { background: #fff; color: #ff2d6f; font-family: "MT Luckiest", sans-serif; font-weight: 400; border-radius: 999px; margin: 5px; transform: rotate(-4deg); box-shadow: 2px 3px 0 rgba(0,0,0,0.25); }
:is(.bd-row.skin-sticker, .ov-prev-bandeau.skin-sticker .ov-bd-row) :is(.bd-live-dot, .ov-bd-live-dot) { background: #ff2d6f; }
:is(.bd-row.skin-sticker, .ov-prev-bandeau.skin-sticker .ov-bd-row) :is(.bd-track, .ov-bd-track) { background: transparent; border-radius: 999px; }
:is(.bd-row.skin-sticker, .ov-prev-bandeau.skin-sticker .ov-bd-row) :is(.bd-text, .ov-bd-text) { color: #fff; font-family: "MT Luckiest", sans-serif; font-weight: 400; font-size: 22px; padding-top: 4px;
  text-shadow: -2px -2px 0 #2a0a3a, 2px -2px 0 #2a0a3a, -2px 2px 0 #2a0a3a, 2px 2px 0 #2a0a3a, 0 4px 0 #2a0a3a; }

/* Pixel — rétro 8 bits */
:is(.bd-row.skin-pixel, .ov-prev-bandeau.skin-pixel .ov-bd-row) { background: #1a1446; border: 4px solid #fff; border-radius: 0; box-shadow: 0 0 0 4px #000, 8px 8px 0 4px #000; image-rendering: pixelated; }
:is(.bd-row.skin-pixel, .ov-prev-bandeau.skin-pixel .ov-bd-row) :is(.bd-live, .ov-bd-live) { background: #ff004d; color: #fff; font-family: "MT Pixel", monospace; font-weight: 400; font-size: 11px; letter-spacing: 0; border-right: 4px solid #fff; }
:is(.bd-row.skin-pixel, .ov-prev-bandeau.skin-pixel .ov-bd-row) :is(.bd-live-dot, .ov-bd-live-dot) { border-radius: 0; background: #ffec27; animation: mtsBlink 0.8s steps(1) infinite; }
@keyframes mtsBlink { 50% { opacity: 0; } }
:is(.bd-row.skin-pixel, .ov-prev-bandeau.skin-pixel .ov-bd-row) :is(.bd-track, .ov-bd-track) { background: repeating-linear-gradient(0deg, #1a1446 0 4px, #231a5c 4px 8px); }
:is(.bd-row.skin-pixel, .ov-prev-bandeau.skin-pixel .ov-bd-row) :is(.bd-text, .ov-bd-text) { color: #ffec27; font-family: "MT Pixel", monospace; font-weight: 400; font-size: 14px; text-shadow: 3px 3px 0 #ff004d; animation-timing-function: steps(160, end); }
/* aperçu */
.ov-cat-preview .ov-prev-bandeau:is(.skin-bclassique, .skin-chantier, .skin-sport, .skin-contour, .skin-manga, .skin-sticker, .skin-pixel) .ov-bd-text { font-size: 12px !important; }
.ov-cat-preview .ov-prev-bandeau.skin-pixel .ov-bd-text { font-size: 8px !important; }
.ov-cat-preview .ov-prev-bandeau.skin-pixel .ov-bd-live { font-size: 7px; }
.ov-prev-bandeau:is(.skin-bclassique, .skin-chantier, .skin-sport, .skin-contour, .skin-manga, .skin-sticker, .skin-pixel) { align-items: center; }
.ov-prev-bandeau:is(.skin-bclassique, .skin-chantier, .skin-sport, .skin-contour, .skin-manga, .skin-sticker, .skin-pixel) .ov-bd-text { animation-name: mtsBdPrev; }
@keyframes mtsBdPrev { from { transform: translateX(0); } to { transform: translateX(-100%); } }
.ov-cat-preview .ov-prev-bandeau:is(.skin-chantier, .skin-sport, .skin-manga, .skin-contour, .skin-sticker, .skin-bclassique) .ov-bd-live { font-size: 9px; padding: 0 7px; border-width: 2px; }
.ov-cat-preview .ov-prev-bandeau.skin-chantier .ov-bd-row { padding: 3px; border-width: 2px; background-size: auto; }
.ov-cat-preview .ov-prev-bandeau.skin-chantier .ov-bd-track { border-width: 2px; margin-left: 3px; }
.ov-cat-preview .ov-prev-bandeau.skin-manga .ov-bd-row { border-width: 2px; box-shadow: 3px 3px 0 #0b0b12; }
.ov-cat-preview .ov-prev-bandeau.skin-manga .ov-bd-live { padding-right: 14px; }
.ov-cat-preview .ov-prev-bandeau.skin-sticker .ov-bd-row { border-width: 3px; }
.ov-cat-preview .ov-prev-bandeau.skin-sticker .ov-bd-live { margin: 3px; }
.ov-cat-preview .ov-prev-bandeau.skin-pixel .ov-bd-row { border-width: 2px; box-shadow: 0 0 0 2px #000, 4px 4px 0 2px #000; }
.ov-cat-preview .ov-prev-bandeau.skin-contour .ov-bd-text { text-shadow: -1.5px -1.5px 0 #0b0b12, 1.5px -1.5px 0 #0b0b12, -1.5px 1.5px 0 #0b0b12, 1.5px 1.5px 0 #0b0b12, 0 2.5px 0 #0b0b12; }
.ov-cat-preview .ov-prev-bandeau.skin-sport .ov-bd-track { border-width: 2px; }
.ov-cat-preview .ov-prev-bandeau.skin-pixel .ov-bd-live { font-size: 6px !important; padding: 0 5px; border-right-width: 2px; }

/* =====================================================================
   11) CARTE MEMBRE — Carte à collectionner, Contour, Manga Impact, Sticker
   widget (.member-card.skin-X) + aperçu (.ov-prev-carte.skin-X .ov-cm-card)
   ===================================================================== */
/* Carte à collectionner — carte holographique façon TCG */
:is(.member-card.skin-collection, .ov-prev-carte.skin-collection .ov-cm-card) { width: 15.5em; min-width: 0; padding: 2.4em 1em 1em; gap: .7em; border-radius: 1em; font-size: 16px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.18), transparent 30%),
    linear-gradient(160deg, var(--card-bg), #0b0820 75%);
  border: .45em solid transparent;
  background-clip: padding-box;
  box-shadow: 0 0 0 .2em #fff6, 0 0 0 .45em var(--accent), 0 0 0 .55em #0b0820, 0 1.4em 2.6em rgba(0,0,0,.55), 0 0 2.4em color-mix(in srgb, var(--accent) 55%, transparent);
  overflow: hidden; }
:is(.member-card.skin-collection, .ov-prev-carte.skin-collection .ov-cm-card)::before { content: "★ MEMBRE ★"; position: absolute; top: 0; left: 0; right: 0; padding: .45em 0; text-align: center;
  font-family: "MT Lilita", sans-serif; font-size: .8em; letter-spacing: .25em; color: #0b0820;
  background: linear-gradient(90deg, #fde68a, var(--accent), #fde68a); }
:is(.member-card.skin-collection, .ov-prev-carte.skin-collection .ov-cm-card)::after { content: ""; position: absolute; inset: -40%; pointer-events: none; mix-blend-mode: screen; opacity: .55;
  background: linear-gradient(115deg, transparent 38%, rgba(255,0,170,.35) 44%, rgba(0,230,255,.35) 50%, rgba(255,240,0,.3) 56%, transparent 62%);
  animation: mtsHolo 4.5s ease-in-out infinite; }
@keyframes mtsHolo { 0%,100% { transform: translateX(-30%); } 50% { transform: translateX(30%); } }
:is(.member-card.skin-collection, .ov-prev-carte.skin-collection .ov-cm-card) :is(.member-avatar, .ov-cm-avatar) { width: 100%; height: 8.6em; border-radius: .6em; border: .22em solid #fde68a; box-shadow: inset 0 0 0 .2em #0006, 0 .4em 1em rgba(0,0,0,.4); object-fit: cover; }
.ov-prev-carte.skin-collection .ov-cm-avatar { background-size: 60% 100%, 100% 100%; background-position: center; background-repeat: no-repeat; }
:is(.member-card.skin-collection, .ov-prev-carte.skin-collection .ov-cm-card) :is(.member-pseudo, .ov-cm-pseudo) { font-family: "MT Lilita", sans-serif !important; font-weight: 400 !important; font-size: 1.5em !important; width: 100%;
  padding: .2em 0; border-radius: .3em; background: rgba(0,0,0,.45); border: 1px solid #fde68a66; letter-spacing: .02em; }
:is(.member-card.skin-collection, .ov-prev-carte.skin-collection .ov-cm-card) :is(.member-bubbles, .ov-cm-bubbles) { display: grid; grid-template-columns: 1fr; gap: .3em; }
:is(.member-card.skin-collection, .ov-prev-carte.skin-collection .ov-cm-card) :is(.member-bubble, .ov-cm-bubble) { border-radius: .35em; justify-content: space-between; font-size: .78em; background: rgba(255,255,255,.08); border: 0; border-left: .3em solid var(--accent); padding: .35em .7em; }
:is(.member-card.skin-collection, .ov-prev-carte.skin-collection .ov-cm-card) :is(.member-bubble, .ov-cm-bubble) :is(.accent, em) { color: #fde68a; font-family: "MT Lilita", sans-serif; font-weight: 400; font-size: 1.15em; }
:is(.member-card.skin-collection, .ov-prev-carte.skin-collection .ov-cm-card) :is(.member-top-badge, .ov-cm-top) { top: auto; bottom: .5em; right: .6em; z-index: 3; background: #fde68a; color: #0b0820; font-family: "MT Lilita", sans-serif; font-weight: 400; }

/* Contour — sans fond, tout en lettrage blanc cerné */
:is(.member-card.skin-contour, .ov-prev-carte.skin-contour .ov-cm-card) { background: transparent; border: 0; box-shadow: none; gap: .6em; font-size: 16px; }
:is(.member-card.skin-contour, .ov-prev-carte.skin-contour .ov-cm-card) :is(.member-avatar, .ov-cm-avatar) { width: 6em; height: 6em; border: .3em solid #fff; box-shadow: 0 0 0 .22em #0b0b12, .25em .35em 0 .22em #0b0b12; }
:is(.member-card.skin-contour, .ov-prev-carte.skin-contour .ov-cm-card) :is(.member-pseudo, .ov-cm-pseudo) { font-family: "MT Lilita", sans-serif !important; font-weight: 400 !important; font-size: 2.2em !important; color: #fff !important;
  text-shadow: -.09em -.09em 0 #0b0b12, .09em -.09em 0 #0b0b12, -.09em .09em 0 #0b0b12, .09em .09em 0 #0b0b12, 0 .14em 0 #0b0b12, .1em .2em 0 #0b0b12 !important; }
:is(.member-card.skin-contour, .ov-prev-carte.skin-contour .ov-cm-card) :is(.member-bubble, .ov-cm-bubble) { background: #fff; color: #0b0b12; border: .18em solid #0b0b12; box-shadow: .15em .2em 0 #0b0b12; font-family: "MT Lilita", sans-serif; font-weight: 400; font-size: .85em; }
:is(.member-card.skin-contour, .ov-prev-carte.skin-contour .ov-cm-card) :is(.member-bubble, .ov-cm-bubble) :is(.accent, em) { color: var(--accent); font-weight: 400; -webkit-text-stroke: .02em #0b0b12; }
:is(.member-card.skin-contour, .ov-prev-carte.skin-contour .ov-cm-card) :is(.member-top-badge, .ov-cm-top) { background: var(--accent); color: #fff; border: .15em solid #0b0b12; font-family: "MT Lilita", sans-serif; font-weight: 400; }

/* Manga Impact — case de BD tramée, cadre noir, éclat */
:is(.member-card.skin-manga, .ov-prev-carte.skin-manga .ov-cm-card) { font-size: 16px; padding: 1.3em 1.4em 1.1em; gap: .6em; transform: rotate(calc(var(--tilt) - 1.5deg));
  background-color: #fff; background-image: radial-gradient(circle, rgba(0,0,0,.15) 1.3px, transparent 1.6px); background-size: 7px 7px;
  border: .3em solid #0b0b12; box-shadow: .5em .5em 0 #0b0b12; color: #0b0b12; }
:is(.member-card.skin-manga, .ov-prev-carte.skin-manga .ov-cm-card)::before { content: "!!"; position: absolute; top: -.35em; left: -.25em; font-family: "MT Bangers", Impact, sans-serif; font-size: 2.6em; color: #e0002a;
  text-shadow: -.05em -.05em 0 #0b0b12, .05em -.05em 0 #0b0b12, -.05em .05em 0 #0b0b12, .05em .05em 0 #0b0b12; transform: rotate(-12deg); }
:is(.member-card.skin-manga, .ov-prev-carte.skin-manga .ov-cm-card) :is(.member-avatar, .ov-cm-avatar) { width: 5.6em; height: 5.6em; border-radius: .2em; border: .25em solid #0b0b12; transform: rotate(3deg); box-shadow: .25em .25em 0 #ffd60a; }
:is(.member-card.skin-manga, .ov-prev-carte.skin-manga .ov-cm-card) :is(.member-pseudo, .ov-cm-pseudo) { font-family: "MT Bangers", Impact, sans-serif !important; font-weight: 400 !important; font-size: 2.2em !important; letter-spacing: .04em; text-transform: uppercase;
  color: #0b0b12 !important; background: #ffd60a; padding: .05em .4em; border: .1em solid #0b0b12; transform: skewX(-8deg); text-shadow: none !important; }
:is(.member-card.skin-manga, .ov-prev-carte.skin-manga .ov-cm-card) :is(.member-bubble, .ov-cm-bubble) { border-radius: 0; background: #0b0b12; color: #fff; border: 0; font-family: "MT Bangers", Impact, sans-serif; font-weight: 400; letter-spacing: .05em; font-size: .9em; transform: skewX(-8deg); }
:is(.member-card.skin-manga, .ov-prev-carte.skin-manga .ov-cm-card) :is(.member-bubble, .ov-cm-bubble) :is(.accent, em) { color: #ffd60a; font-weight: 400; }
:is(.member-card.skin-manga, .ov-prev-carte.skin-manga .ov-cm-card) :is(.member-top-badge, .ov-cm-top) { background: #e0002a; color: #fff; border-radius: 0; border: .15em solid #0b0b12; font-family: "MT Bangers", Impact, sans-serif; font-weight: 400; letter-spacing: .06em; transform: rotate(4deg); }

/* Sticker — autocollant rose à gros liseré blanc */
:is(.member-card.skin-sticker, .ov-prev-carte.skin-sticker .ov-cm-card) { font-size: 16px; padding: 1.2em 1.4em 1.1em; gap: .6em; border-radius: 1.6em; transform: rotate(calc(var(--tilt) - 2deg));
  background: linear-gradient(160deg, var(--accent), #ff2d6f); border: .4em solid #fff; box-shadow: .3em .5em 0 rgba(0,0,0,.35), 0 .8em 1.6em rgba(0,0,0,.35); }
:is(.member-card.skin-sticker, .ov-prev-carte.skin-sticker .ov-cm-card) :is(.member-avatar, .ov-cm-avatar) { width: 5.6em; height: 5.6em; border: .3em solid #fff; box-shadow: .15em .25em 0 rgba(0,0,0,.3); }
:is(.member-card.skin-sticker, .ov-prev-carte.skin-sticker .ov-cm-card) :is(.member-pseudo, .ov-cm-pseudo) { font-family: "MT Luckiest", sans-serif !important; font-weight: 400 !important; font-size: 1.9em !important; color: #fff !important; padding-top: .1em;
  text-shadow: -.07em -.07em 0 #2a0a3a, .07em -.07em 0 #2a0a3a, -.07em .07em 0 #2a0a3a, .07em .07em 0 #2a0a3a, 0 .12em 0 #2a0a3a !important; }
:is(.member-card.skin-sticker, .ov-prev-carte.skin-sticker .ov-cm-card) :is(.member-bubble, .ov-cm-bubble) { background: #fff; color: #2a0a3a; border: 0; box-shadow: .1em .2em 0 rgba(0,0,0,.25); font-family: "MT Lilita", sans-serif; font-weight: 400; font-size: .85em; }
:is(.member-card.skin-sticker, .ov-prev-carte.skin-sticker .ov-cm-card) :is(.member-bubble, .ov-cm-bubble) :is(.accent, em) { color: #ff2d6f; font-weight: 400; }
:is(.member-card.skin-sticker, .ov-prev-carte.skin-sticker .ov-cm-card) :is(.member-top-badge, .ov-cm-top) { background: #ffd60a; color: #2a0a3a; border: .15em solid #fff; font-family: "MT Luckiest", sans-serif; font-weight: 400; transform: rotate(6deg); }

/* aperçus (vignettes) */
.ov-prev-carte:is(.skin-collection, .skin-contour, .skin-manga, .skin-sticker) { overflow: hidden; }
.ov-prev-carte:is(.skin-collection, .skin-contour, .skin-manga, .skin-sticker) .ov-cm-avatar { flex-shrink: 0; }
.ov-cat-preview .ov-prev-carte:is(.skin-contour, .skin-manga, .skin-sticker) .ov-cm-card { zoom: .5; }
.ov-cat-preview .ov-prev-carte.skin-collection .ov-cm-card { zoom: .34; }
#ovPersoLivePreview .ov-prev-carte:is(.skin-contour, .skin-manga, .skin-sticker, .skin-collection) .ov-cm-card { zoom: .75; }
:is(.member-card.skin-collection, .ov-prev-carte.skin-collection .ov-cm-card) :is(.member-bubble, .ov-cm-bubble) { justify-content: flex-start; gap: .35em; }
.ov-cat-preview .ov-prev-carte:is(.skin-contour, .skin-manga, .skin-sticker) .ov-cm-card { zoom: .4; }

/* =====================================================================
   12) PANNEAU « VARIABLES DISPONIBLES »
   ===================================================================== */
.mtv-panel .mtv-search { width: 100%; margin-bottom: 10px; box-sizing: border-box; }
.mtv-groups { display: flex; flex-direction: column; gap: 10px; }
.mtv-group[hidden], .mtv-chip[hidden] { display: none !important; }
.mtv-group-title { font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--muted, #94a3b8); margin-bottom: 6px; }
.mtv-chips { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 6px; }
.mtv-chip { display: flex; align-items: center; gap: 8px; text-align: left; padding: 7px 10px; border-radius: 9px; cursor: pointer;
  background: rgba(255,255,255,.04); border: 1px solid var(--border-soft, rgba(255,255,255,.1)); color: var(--text, #e5e7eb); font-size: 12px;
  transition: background .15s, border-color .15s, transform .1s; }
.mtv-chip:hover { background: rgba(45,212,191,.1); border-color: var(--accent, #2dd4bf); }
.mtv-chip:active { transform: scale(.98); }
.mtv-chip code { flex: 0 0 auto; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 11.5px; font-weight: 700;
  color: var(--accent, #2dd4bf); background: rgba(45,212,191,.1); padding: 2px 6px; border-radius: 6px; }
.mtv-chip span { color: var(--muted, #94a3b8); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mtv-chip.is-done { border-color: #22c55e; background: rgba(34,197,94,.14); }
.mtv-chip.is-done code::after { content: " ✓"; color: #22c55e; }
.mtv-hint { margin: 10px 0 0; font-size: 11.5px; color: var(--dim, #64748b); }
.mtv-pop { margin: 6px 0 10px; padding: 12px; border-radius: 12px; border: 1px solid var(--border-soft, rgba(255,255,255,.1)); background: var(--bg, #0b0f14); }
.mtv-pop[hidden] { display: none !important; }
.mtv-pop-head { font-size: 13px; font-weight: 650; margin-bottom: 10px; }
.sp-var-chip.is-open { border-color: var(--accent, #2dd4bf); color: var(--accent, #2dd4bf); }
#cbVarsBody.mtv-panel .mtv-groups { max-height: 340px; overflow: auto; padding-right: 4px; }

/* =====================================================================
   13–14) SCÈNES — liste + modale « Nouvelle scène »
   ===================================================================== */
.mts-scene-table td { vertical-align: middle; }
.mts-scene-table tr.is-active td { background: rgba(45,212,191,.05); }
.mts-scene-table tr[data-scene-id] { cursor: default; }
.mts-scene-thumb { width: 88px; height: 50px; border-radius: 10px; overflow: hidden; flex-shrink: 0; font-size: 20px; font-weight: 800; color: #fff;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08); }
.mts-scene-thumb.has-img { background: #0b0f14; }
.mts-scene-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.mts-scene-meta { min-width: 0; }
.mts-scene-title { font-weight: 650; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.mts-scene-sub { font-size: 12px; color: var(--muted); font-weight: 400; margin-top: 3px; }
.mts-scene-badge { font-size: 10.5px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; padding: 2px 7px; border-radius: 999px;
  color: #2dd4bf; background: rgba(45,212,191,.12); border: 1px solid rgba(45,212,191,.35); }
.mts-scene-date { color: var(--muted); white-space: nowrap; font-size: 13px; }
.mts-scene-actions { display: flex; align-items: center; gap: 6px; justify-content: flex-end; }
.mts-scene-actions .icon-btn { width: 32px; height: 32px; border-radius: 8px; display: inline-grid; place-items: center; font-size: 14px; }
.mts-scene-actions .icon-btn:disabled { opacity: .35; cursor: not-allowed; }
.mts-scene-actions .mts-danger:not(:disabled):hover { color: #f87171; border-color: rgba(248,113,113,.5); }
.mts-scene-empty { text-align: center; color: var(--muted); padding: 28px 12px !important; }
.mts-scene-modal { width: min(520px, 94vw); }
.mts-scene-modal-body { padding: 4px 14px 0; display: flex; flex-direction: column; gap: 6px; }
.mts-scene-modal-body .field { display: flex; flex-direction: column; gap: 6px; }
.mts-scene-err { color: #f87171 !important; margin: 0; }
.mts-scene-err[hidden] { display: none !important; }
.mts-scene-drop { position: relative; height: 180px; border-radius: 12px; border: 1.5px dashed var(--border, rgba(255,255,255,.18)); background: rgba(255,255,255,.025);
  display: grid; place-items: center; cursor: pointer; overflow: hidden; transition: border-color .15s, background .15s; }
.mts-scene-drop:hover, .mts-scene-drop.is-over, .mts-scene-drop:focus-visible { border-color: var(--accent, #2dd4bf); background: rgba(45,212,191,.06); outline: none; }
.mts-scene-drop.has-img { border-style: solid; }
.mts-scene-drop img { width: 100%; height: 100%; object-fit: cover; }
.mts-scene-drop img[hidden], .mts-scene-drop-empty[hidden] { display: none !important; }
.mts-scene-drop-empty { display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; font-size: 13px; color: var(--text); padding: 0 16px; }
.mts-scene-drop-ico { font-size: 30px; }
.mts-scene-drop-actions { display: flex; gap: 8px; }
.mts-scene-drop-actions [hidden] { display: none !important; }