@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,600;12..96,700;12..96,800&family=Inter:wght@400;450;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap');

/* ═══════════════════════════════════════════════════════════════════════
   SpaceBump — « Kiln »
   Identité chaude faite main : fond brun-prune (pas un noir neutre), argile
   cuite pour l'action, sauge pour le vivant, laiton pour le premium, pervenche
   pour l'élite. Grain papier discret, Bricolage Grotesque assumé en titrage,
   monospace en « relevé d'atelier » pour tous les chiffres.
   Chargée en dernier : c'est elle qui fixe le ton du site.
   ───────────────────────────────────────────────────────────────────────
   Règle de tenue : la couleur sert le sens (action / état), jamais la déco.
   Pas de dégradé sur le texte, pas de halo, pas de verre dépoli. Ce sont les
   filets de 1px et la typo qui structurent — l'ombre reste neutre et rare.
   ═══════════════════════════════════════════════════════════════════════ */

:root{
  /* Terres — surfaces chaudes, faible écart entre les niveaux */
  --bg:     #15100d;
  --bg-2:   #1b1511;
  --surf:   #221a14;
  --surf-2: #2a2018;
  --raise:  #352820;
  --deep:   #100b09;

  /* Argile cuite — action, lien, « bump », état actif */
  --acc:    #cc6a41;
  --acc-h:  #e07e54;
  --acc-d:  #a4502e;
  --acc-w:  rgba(204,106,65,0.10);

  /* Sauge — en ligne / vérifié / réussite (vert chaud, jamais néon) */
  --green:  #7fa98e;
  --green-w:rgba(127,169,142,0.10);
  /* Laiton — premium (jaune-or, distinct de l'argile) */
  --gold:   #c9a14e;
  --gold-w: rgba(201,161,78,0.10);
  /* Pervenche — élite (le pendant froid du laiton) */
  --blue:   #8093d6;
  --blue-w: rgba(128,147,214,0.10);
  --red:    #ce5c4f;

  /* Encre */
  --tx:     #efe7dc;
  --tx-2:   #c0b3a2;
  --mut:    #8c8071;
  --faint:  #574c40;

  /* Filets — la vraie structure de la page */
  --ln:     rgba(239,231,220,0.08);
  --ln-2:   rgba(239,231,220,0.14);

  /* Rayons — nets, faibles */
  --r-xs: 3px; --r-sm: 6px; --r: 8px; --r-lg: 11px;

  /* Ombres — neutres, discrètes, jamais colorées */
  --sh-s: 0 1px 2px rgba(0,0,0,0.32);
  --sh:   0 2px 9px rgba(0,0,0,0.38);
  --sh-l: 0 10px 30px rgba(0,0,0,0.50);

  --t: 0.15s ease;

  --f-d: 'Bricolage Grotesque','Segoe UI',system-ui,sans-serif;
  --f:   'Inter','Segoe UI',system-ui,-apple-system,sans-serif;
  --f-m: 'JetBrains Mono',ui-monospace,'SF Mono','Cascadia Code',Menlo,Consolas,monospace;
}

/* ── Remap des alias utilisés par les vieilles feuilles (toutes pages) ──
   Posé sur body avec !important et chargé après spacebump-pro.css → gagne. */
body{
  --bg-main:var(--bg)!important; --bg-card:var(--surf)!important;
  --bg-elevated:var(--surf-2)!important; --bg0:var(--deep)!important;
  --bg1:var(--bg)!important; --bg2:var(--surf)!important;
  --panel:var(--surf)!important; --panel2:var(--surf-2)!important;
  --card:var(--surf)!important; --card2:var(--surf-2)!important;
  --accent:var(--acc)!important; --acc:var(--acc)!important; --brand:var(--acc)!important;
  --theme-a:var(--acc)!important; --theme-b:var(--acc-h)!important; --theme-c:var(--acc-h)!important;
  --accent2:var(--acc-d)!important; --accent-soft:var(--acc-w)!important;
  --text-main:var(--tx)!important; --txt:var(--tx)!important; --muted2:var(--tx)!important;
  --text-muted:var(--mut)!important; --mut:var(--mut)!important; --muted:var(--mut)!important;
  --border:var(--ln)!important; --border-muted:var(--ln)!important;
  --border2:var(--ln-2)!important; --line:var(--ln)!important;
  --success:var(--green)!important; --good:var(--green)!important;
  --danger:var(--red)!important; --bad:var(--red)!important;
  --gold:var(--gold)!important; --premium-gold:var(--gold)!important;
  --vip-gold:var(--gold)!important; --adv-gold:var(--gold)!important;
  --shadow-1:var(--sh-s)!important; --shadow-2:var(--sh)!important;
  --radius-2:var(--r-lg)!important; --r:var(--r)!important;
  --card-radius:var(--r)!important; --btn-radius:var(--r-sm)!important;
  --tag-radius:var(--r-sm)!important; --sb-radius:var(--r)!important;
}

*,*::before,*::after{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }

body{
  margin:0;
  font-family:var(--f);
  font-size:15px;
  line-height:1.62;
  letter-spacing:-0.004em;
  color:var(--tx)!important;
  background-color:var(--bg)!important;
  /* Halo d'argile très léger en haut — statique, aucun blob animé */
  background-image:
    radial-gradient(130% 90% at 50% -25%, rgba(204,106,65,0.05), transparent 46%)!important;
  background-attachment:fixed!important;
  -webkit-font-smoothing:antialiased;
}

/* Grain papier : la signature tactile. Fixe, immobile, presque invisible. */
body::after{
  content:"";
  position:fixed; inset:0; z-index:0; pointer-events:none;
  opacity:0.045;
  mix-blend-mode:soft-light;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* Contenu au-dessus du grain */
body > *{ position:relative; z-index:1; }
body > div:not([class*="modal"]):not([class*="overlay"]):not([class*="topbar"]):not([class*="top-action"]):not([class*="support"]):not([class*="announcement"]):not([class*="loader"]),
body > main,[class*="page-wrap"],[class*="page-body"],[class*="main-content"],[class*="site-wrap"],[class*="sb-wrap"]{
  background-color:transparent!important;
}

/* ── Typographie ── */
h1,h2,h3,h4,h5,h6{
  font-family:var(--f-d)!important;
  color:var(--tx)!important;
  letter-spacing:-0.022em;
  line-height:1.14;
  font-weight:700;
}
h1{ font-weight:800; letter-spacing:-0.03em; }
a{ color:var(--acc); text-decoration:none; transition:color var(--t); }
a:hover{ color:var(--acc-h); }

/* Chiffres et libellés techniques → monospace tabulaire (le « relevé ») */
.stat-value,[class*="stat-value"],[class*="-number"],[class*="count-"],
.member-weekly-trend,.rating-count,.stat-chip,.server-id,
.card-stats .stat,.stat-ico + *{
  font-family:var(--f-m)!important; font-variant-numeric:tabular-nums; letter-spacing:-0.01em;
}

/* Petits intitulés en capitales → tracking mono, ton atelier */
.label-small,.stat-label,.mini,.eyebrow{
  font-family:var(--f)!important;
  text-transform:uppercase; letter-spacing:0.07em;
  color:var(--faint)!important; font-weight:600;
}

/* ═══════════ Barres système (haut de page) ═══════════ */
.top-actions-bar{ background:var(--deep)!important; border-bottom:1px solid var(--ln)!important; }
.top-action-btn{
  background:transparent!important; border:1px solid var(--ln-2)!important;
  color:var(--mut)!important; font-size:12px!important; font-weight:500!important;
  border-radius:var(--r-sm)!important; padding:6px 13px!important; letter-spacing:0;
  box-shadow:none!important; transition:all var(--t)!important;
}
.top-action-btn:hover{ background:var(--surf)!important; border-color:var(--ln-2)!important; color:var(--tx-2)!important; transform:none!important; }
.top-action-btn-pub{ border-color:rgba(201,161,78,0.32)!important; color:var(--gold)!important; background:transparent!important; }

.support-bar{ background:var(--deep)!important; border-bottom:1px solid var(--ln)!important; font-size:13px; }
.support-phone,.support-bar a{ color:var(--acc)!important; font-weight:600!important; font-family:var(--f-m)!important; letter-spacing:-0.02em; }
.support-btn{ background:transparent!important; border:1px solid var(--ln-2)!important; color:var(--mut)!important; border-radius:var(--r-sm)!important; font-size:12px!important; font-weight:500!important; box-shadow:none!important; transition:all var(--t)!important; }
.support-btn:hover{ background:var(--surf)!important; color:var(--tx-2)!important; transform:none!important; }
.support-btn-live{ border-color:rgba(127,169,142,0.34)!important; color:var(--green)!important; }

.announcement-bar{ background:var(--surf)!important; border-bottom:1px solid var(--ln)!important; color:var(--tx-2)!important; font-weight:500!important; font-size:12.5px!important; letter-spacing:0!important; text-align:left!important; background-image:none!important; }
.announcement-bar strong{ color:var(--acc)!important; font-weight:700!important; }

/* ═══════════ Barre de navigation ═══════════ */
.topbar{
  background:rgba(21,16,13,0.90)!important; border-bottom:1px solid var(--ln)!important;
  backdrop-filter:blur(9px)!important; position:sticky!important; top:0; z-index:100!important;
}
.topbar::after{ display:none!important; }

.brand-logo{ background:var(--surf-2)!important; border:1px solid var(--ln-2)!important; border-radius:var(--r-sm)!important; box-shadow:none!important; overflow:hidden!important; }
.brand-logo img{ width:100%!important; height:100%!important; object-fit:cover!important; }
.brand-title{ font-family:var(--f-d)!important; font-weight:800!important; font-size:16.5px!important; letter-spacing:-0.03em!important; color:var(--tx)!important; background:none!important; -webkit-text-fill-color:currentColor!important; }
.brand-sub{ color:var(--faint)!important; font-size:11px!important; font-family:var(--f-m)!important; letter-spacing:0.02em!important; text-transform:lowercase; }

.nav-link{ position:relative!important; background:transparent!important; border:none!important; color:var(--mut)!important; font-family:var(--f)!important; font-size:13px!important; font-weight:500!important; padding:5px 1px!important; margin:0 9px!important; border-radius:0!important; transition:color var(--t)!important; }
.nav-link::after{ content:''; position:absolute; left:0; bottom:-5px; height:2px; width:0; background:var(--acc); transition:width var(--t); }
.nav-link:hover{ color:var(--tx)!important; transform:none!important; }
.nav-link:hover::after{ width:100%; }

.nav-btn{ border-radius:var(--r-sm)!important; font-weight:600!important; font-size:13px!important; background:transparent!important; border:1px solid var(--ln-2)!important; color:var(--tx)!important; box-shadow:none!important; transition:all var(--t)!important; }
.nav-btn:hover{ transform:none!important; background:var(--surf)!important; border-color:var(--ln-2)!important; filter:none!important; }
.nav-btn-primary{ background:var(--acc)!important; border:1px solid var(--acc)!important; color:#1a1006!important; box-shadow:none!important; }
.nav-btn-primary:hover{ background:var(--acc-h)!important; border-color:var(--acc-h)!important; filter:none!important; transform:none!important; }
.nav-btn-strong{ border-color:var(--acc)!important; color:var(--acc)!important; }

.subbar{ background:var(--deep)!important; border-top:1px solid var(--ln)!important; }
.user-pill{ background:var(--surf)!important; border:1px solid var(--ln)!important; border-radius:var(--r-sm)!important; box-shadow:none!important; }
.user-pill .mini-admin{ background:var(--acc)!important; border:none!important; color:#1a1006!important; box-shadow:none!important; border-radius:var(--r-xs)!important; }

.nav-link-cta{ background:var(--acc-w)!important; border:1px solid rgba(204,106,65,0.32)!important; color:var(--acc-h)!important; border-radius:var(--r-sm)!important; padding:5px 11px!important; font-weight:600!important; }
.nav-link-cta::after{ display:none!important; }
.nav-link-cta:hover{ background:var(--acc)!important; border-color:var(--acc)!important; color:#1a1006!important; }

/* ═══════════ Boutons ═══════════ (plats, sans halo, sans translateY) */
.btn{ border-radius:var(--r-sm)!important; font-weight:600!important; font-size:13.5px!important; padding:10px 18px!important; display:inline-flex!important; align-items:center!important; gap:7px!important; transition:all var(--t)!important; font-family:var(--f)!important; box-shadow:none!important; }
.btn-primary{ background:var(--acc)!important; border:1px solid var(--acc)!important; color:#1a1006!important; }
.btn-primary:hover{ background:var(--acc-h)!important; border-color:var(--acc-h)!important; transform:none!important; box-shadow:none!important; filter:none!important; color:#1a1006!important; }
.btn-ghost{ background:transparent!important; border:1px solid var(--ln-2)!important; color:var(--tx)!important; }
.btn-ghost:hover{ background:var(--surf)!important; border-color:var(--mut)!important; transform:none!important; }
.hero-actions .btn::after{ display:none!important; }

/* ═══════════ Hero ═══════════ (texte plein, un filet « cuit » sous le titre) */
.hero{ background:transparent!important; border:none!important; box-shadow:none!important; padding:58px 0 40px!important; position:relative; }
.hero-main-title{
  font-family:var(--f-d)!important;
  font-size:clamp(30px,5.1vw,52px)!important;
  font-weight:800!important; letter-spacing:-0.035em!important;
  color:var(--tx)!important; line-height:1.05!important; margin-bottom:18px!important;
}
.hero-highlight{
  display:inline!important; color:var(--acc)!important; background:none!important;
  -webkit-text-fill-color:var(--acc)!important; border:none!important; box-shadow:none!important;
  padding:0!important; border-radius:0!important;
  /* trait « tiré au pinceau » sous le mot-clé */
  background-image:linear-gradient(var(--acc),var(--acc))!important;
  background-repeat:no-repeat!important;
  background-position:0 92%!important;
  background-size:100% 2px!important;
}
.hero-subtitle{ color:var(--tx-2)!important; font-size:15px!important; line-height:1.68!important; max-width:620px; margin-bottom:26px!important; }
.hero-subtitle strong{ color:var(--tx)!important; font-weight:600!important; }
.hero-note{ color:var(--mut)!important; font-size:12.5px!important; line-height:1.6!important; margin-top:18px!important; font-family:var(--f-m)!important; }
.hero-actions{ display:flex!important; gap:10px!important; flex-wrap:wrap!important; }

/* ═══════════ Statistiques ═══════════ (relevé bordé, chiffres mono) */
.stats-card{ background:var(--surf)!important; border:1px solid var(--ln)!important; border-radius:var(--r)!important; box-shadow:none!important; padding:20px!important; }
.stats-grid{ display:grid!important; grid-template-columns:1fr 1fr!important; gap:1px!important; background:var(--ln)!important; border:1px solid var(--ln)!important; border-radius:var(--r-sm)!important; overflow:hidden!important; }
.stat-item{ background:var(--surf)!important; border:none!important; border-radius:0!important; padding:16px!important; transition:background var(--t)!important; }
.stat-item:hover{ background:var(--surf-2)!important; transform:none!important; }
.stat-label{ font-size:10.5px!important; font-weight:600!important; text-transform:uppercase!important; letter-spacing:0.07em!important; color:var(--faint)!important; margin-bottom:6px!important; font-family:var(--f)!important; }
.stat-value{ font-family:var(--f-m)!important; font-size:24px!important; font-weight:600!important; color:var(--tx)!important; letter-spacing:-0.02em!important; line-height:1!important; margin-bottom:5px!important; }
.stat-chip{ font-size:10.5px!important; color:var(--faint)!important; font-weight:400!important; }
.vip-info,.vip-info *{ font-size:12.5px!important; color:var(--mut)!important; line-height:1.6; }

/* ═══════════ Recherche & filtres ═══════════ */
.filters-bar{ background:var(--surf)!important; border:1px solid var(--ln)!important; border-radius:var(--r)!important; padding:14px!important; }
.search-group{ display:flex!important; gap:9px!important; flex-wrap:wrap!important; align-items:stretch!important; }
.input-text{ background:var(--deep)!important; border:1px solid var(--ln-2)!important; border-radius:var(--r-sm)!important; color:var(--tx)!important; font-family:var(--f)!important; font-size:14px!important; padding:11px 14px!important; flex:1 1 240px!important; min-width:0; }

/* ═══════════ Cartes serveur ═══════════
   « Tuiles pressées » : surface plate, filet fin. Au survol, un cachet
   d'argile de 2px apparaît en tête de tuile (la marque de l'atelier).
   Spécificité composée pour battre le bloc inline (.server-card.server-card-v2). */
.server-card,.server-card-v2,
.server-card.server-card-v2{
  position:relative!important; background:var(--surf)!important;
  border:1px solid var(--ln)!important; border-radius:var(--r)!important;
  box-shadow:none!important; overflow:hidden!important;
  transition:border-color var(--t), background var(--t)!important;
}
.server-card.server-card-v2::before{
  content:""; position:absolute; top:0; left:0; right:0; height:2px;
  background:var(--acc); transform:scaleX(0); transform-origin:left;
  transition:transform var(--t); z-index:4; pointer-events:none;
}
.server-card:hover,.server-card-v2:hover,
.server-card.server-card-v2:hover{
  background:var(--surf-2)!important; border-color:var(--ln-2)!important;
  box-shadow:none!important; transform:none!important;
}
.server-card.server-card-v2:hover::before{ transform:scaleX(1); }

.server-card-elite,
.server-card.server-card-v2.server-card-elite{ border-color:rgba(128,147,214,0.30)!important; background:#191726!important; }
.server-card-elite:hover,
.server-card.server-card-v2.server-card-elite:hover{ border-color:rgba(128,147,214,0.50)!important; background:#1d1b2e!important; }
.server-card.server-card-v2.server-card-elite::before{ background:var(--blue); }

.server-card-banner{ height:88px!important; overflow:hidden!important; position:relative!important; border-bottom:1px solid var(--ln)!important; }
.server-card-banner img{ width:100%!important; height:100%!important; object-fit:cover!important; display:block!important; }
.server-card-banner::after{ content:''; position:absolute; inset:0; background:linear-gradient(to bottom,transparent 48%,rgba(34,26,20,0.82)); }
img[src=""],img[src="null"],img[src="undefined"],img:not([src]){ display:none!important; width:0!important; height:0!important; }

.server-card.server-card-v2 .card-top{ display:flex!important; align-items:flex-start!important; gap:13px!important; padding:14px 15px 9px!important; }
.server-card.server-card-v2 .server-icon{ flex:0 0 50px!important; width:50px!important; height:50px!important; border-radius:var(--r-sm)!important; overflow:hidden!important; background:var(--raise)!important; border:1px solid var(--ln-2)!important; }
.server-card.server-card-v2 .server-icon img{ width:100%!important; height:100%!important; object-fit:cover!important; }
.server-card.server-card-v2 .server-icon-fallback{ font-size:22px!important; opacity:.9!important; }
.server-card.server-card-v2 .server-name{ font-family:var(--f-d)!important; font-size:16px!important; font-weight:700!important; color:var(--tx)!important; letter-spacing:-0.018em!important; line-height:1.18!important; margin:0 0 2px!important; }
.server-card.server-card-v2 .card-stats{ display:flex!important; flex-wrap:wrap!important; gap:6px 14px!important; margin-top:8px!important; opacity:1!important; }
.server-card.server-card-v2 .card-stats .stat{ display:inline-flex!important; align-items:center!important; gap:6px!important; font-size:12px!important; font-weight:500!important; color:var(--mut)!important; font-family:var(--f-m)!important; }
.server-card.server-card-v2 .card-stats .stat-ico{ opacity:.85!important; font-size:11px!important; }
.server-card.server-card-v2 .card-meta{ padding:0 15px; }

/* ═══════════ Étiquettes & puces ═══════════ (plates, rectangulaires) */
[class*="tag"]{ display:inline-flex!important; align-items:center!important; background:transparent!important; border:1px solid var(--ln-2)!important; color:var(--mut)!important; font-size:11px!important; font-weight:500!important; padding:3px 8px!important; border-radius:var(--r-xs)!important; letter-spacing:0!important; font-family:var(--f-m)!important; transition:all var(--t)!important; }
[class*="tag"]:hover{ background:var(--surf-2)!important; border-color:var(--mut)!important; color:var(--tx-2)!important; }
.tag-icon{ color:var(--faint)!important; }

[class*="chip"],[class*="filter"]{ background:transparent!important; border:1px solid var(--ln-2)!important; color:var(--mut)!important; font-size:12px!important; font-weight:500!important; padding:6px 12px!important; border-radius:var(--r-sm)!important; transition:all var(--t)!important; cursor:pointer; }
[class*="chip"]:hover,[class*="filter"]:hover{ background:var(--surf-2)!important; color:var(--tx-2)!important; border-color:var(--mut)!important; }
[class*="chip"].active,[class*="filter"].active{ background:var(--acc)!important; border-color:var(--acc)!important; color:#1a1006!important; box-shadow:none!important; }

/* ═══════════ Badges sémantiques ═══════════ (lavis légers, jamais saturés) */
.premium-pill{ position:absolute!important; top:9px!important; left:10px!important; z-index:3!important; background:var(--gold-w)!important; border:1px solid rgba(201,161,78,0.38)!important; color:var(--gold)!important; font-size:10.5px!important; font-weight:600!important; padding:3px 9px!important; border-radius:var(--r-xs)!important; display:inline-flex!important; align-items:center!important; gap:4px!important; letter-spacing:0.02em!important; backdrop-filter:none!important; box-shadow:none!important; font-family:var(--f-m)!important; }
.premium-pill.premium-pill-elite{ background:var(--blue-w)!important; border-color:rgba(128,147,214,0.50)!important; color:#c7d0f2!important; box-shadow:none!important; }
[class*="vip-badge"],[class*="premium-badge"]{ background:var(--gold-w)!important; border:1px solid rgba(201,161,78,0.36)!important; color:var(--gold)!important; box-shadow:none!important; }
[class*="elite"]:not(img):not([class*="content"]):not([class*="text"]):not([class*="wrap"]):not([class*="section"]):not(.server-card-elite):not(.premium-pill-elite){ background:var(--blue-w)!important; background-image:none!important; border:1px solid rgba(128,147,214,0.42)!important; color:var(--blue)!important; box-shadow:none!important; }
[class*="verif"]:not(input):not(form):not([class*="section"]):not([class*="btn-"]){ background:var(--green-w)!important; border:1px solid rgba(127,169,142,0.28)!important; color:var(--green)!important; }
[class*="partenaire"]:not([class*="section"]):not([class*="content"]){ background:var(--gold-w)!important; border:1px solid rgba(201,161,78,0.32)!important; color:var(--gold)!important; }
[class*="recommand"]:not([class*="corner-ribbon"]),[class*="recommend"]:not([class*="corner-ribbon"]){ background:var(--acc-d)!important; background-image:none!important; color:#fff!important; }
[class*="join-btn"],[class*="btn-join"],a[href*="discord.com/invite"]{ background:var(--acc)!important; background-image:none!important; color:#1a1006!important; border:1px solid var(--acc)!important; border-radius:var(--r-sm)!important; font-weight:600!important; box-shadow:none!important; }
[class*="star"],[class*="rating"]{ color:var(--gold)!important; }
.rating-count{ color:var(--mut)!important; }

/* ═══════════ Rubans de coin ═══════════
   On retire les dégradés brillants (signature « générée ») au profit d'un
   aplat franc : sauge pour « Recommandé », laiton pour les millésimes. */
.card-corner-ribbon__label{
  background:var(--green)!important; background-image:none!important;
  color:#11251a!important; box-shadow:none!important;
  border-top:1px solid rgba(255,255,255,0.22)!important; border-bottom:none!important;
  text-shadow:none!important; font-weight:800!important;
}
.card-corner-ribbon::after{ display:none!important; }
.card-corner-ribbon.is-recommended .card-corner-ribbon__label{ background:var(--green)!important; background-image:none!important; color:#11251a!important; }
.card-corner-ribbon.is-recommended .card-corner-ribbon__fold--top{ border-color:transparent transparent #4f6b58 transparent!important; }
.card-corner-ribbon.is-recommended .card-corner-ribbon__fold--bottom{ border-color:#4f6b58 transparent transparent transparent!important; }
.card-corner-ribbon.is-year .card-corner-ribbon__label,
.card-corner-ribbon.is-year-2025 .card-corner-ribbon__label,
.card-corner-ribbon.is-year-2026 .card-corner-ribbon__label{ background:var(--gold)!important; background-image:none!important; color:#2a1f08!important; }
.card-corner-ribbon.is-year-2025 .card-corner-ribbon__fold--top,
.card-corner-ribbon.is-year-2026 .card-corner-ribbon__fold--top{ border-color:transparent transparent #8a6c2b transparent!important; }
.card-corner-ribbon.is-year-2025 .card-corner-ribbon__fold--bottom,
.card-corner-ribbon.is-year-2026 .card-corner-ribbon__fold--bottom{ border-color:#8a6c2b transparent transparent transparent!important; }

/* ═══════════ Sections & titres ═══════════ */
.section-title{ font-family:var(--f-d)!important; font-weight:800!important; letter-spacing:-0.028em!important; color:var(--tx)!important; }
.ultimate-section,[class*="section"]{ background:transparent!important; }

/* ═══════════ Formulaires ═══════════ */
input[type="text"],input[type="search"],input[type="email"],input[type="password"],input[type="url"],input[type="number"],select,textarea{ background:var(--deep)!important; border:1px solid var(--ln-2)!important; border-radius:var(--r-sm)!important; color:var(--tx)!important; font-family:var(--f)!important; font-size:14px!important; padding:10px 13px!important; outline:none!important; transition:border-color var(--t)!important; }
input:focus,select:focus,textarea:focus{ border-color:var(--acc)!important; box-shadow:none!important; }
input::placeholder,textarea::placeholder{ color:var(--faint)!important; }
label{ font-size:12.5px!important; color:var(--tx-2)!important; font-weight:500; }

/* ═══════════ Panneaux, alertes, flash ═══════════ */
[class*="panel"]:not([class*="server"]):not([class*="banner"]):not([class*="media"]){ background:var(--surf)!important; border:1px solid var(--ln)!important; border-radius:var(--r)!important; box-shadow:none!important; }
[class*="alert"],[class*="notice"],[class*="message-box"],.flash{ background:var(--surf)!important; border:1px solid var(--ln-2)!important; border-left:2px solid var(--acc)!important; border-radius:var(--r-xs)!important; padding:11px 14px!important; font-size:13.5px; color:var(--tx)!important; }
.flash-success{ border-left-color:var(--green)!important; }
.flash-error{ border-left-color:var(--red)!important; }

/* ═══════════ Discord, avatars, tables, footer ═══════════ */
a[href*="auth_discord"],button[class*="discord"],a[class*="discord-btn"]{ background:#5865f2!important; color:#fff!important; border:none!important; border-radius:var(--r-sm)!important; font-weight:600!important; padding:11px 22px!important; display:inline-flex!important; align-items:center!important; gap:8px!important; box-shadow:none!important; transition:filter var(--t)!important; }
a[href*="auth_discord"]:hover,button[class*="discord"]:hover{ filter:brightness(1.07)!important; transform:none!important; }
img[class*="avatar"],[class*="avatar"] img{ border-radius:50%!important; border:1px solid var(--ln-2)!important; object-fit:cover; }
table{ width:100%; border-collapse:collapse; font-size:13.5px; }
th{ font-size:11px; font-weight:600; letter-spacing:0.05em; text-transform:uppercase; color:var(--faint); font-family:var(--f); padding:9px 12px; border-bottom:1px solid var(--ln-2); text-align:left; }
td{ padding:10px 12px; border-bottom:1px solid var(--ln); font-family:var(--f); }
td:first-child{ font-family:var(--f-m); color:var(--tx-2); }
tr:hover td{ background:var(--surf); }
footer,[class*="footer"]{ background:var(--deep)!important; border-top:1px solid var(--ln)!important; }

/* ═══════════ Modales, progress ═══════════ */
[class*="modal"],[class*="overlay"],[class*="dialog"]{ background:rgba(8,6,4,0.80)!important; backdrop-filter:blur(4px)!important; z-index:1000!important; }
[class*="modal-content"],[class*="modal-inner"],[class*="dialog-inner"]{ background:var(--surf)!important; border:1px solid var(--ln-2)!important; border-radius:var(--r-lg)!important; box-shadow:var(--sh-l)!important; }
[class*="progress"]{ background:var(--raise)!important; border-radius:99px!important; overflow:hidden; }
[class*="progress"]>*{ background:var(--acc)!important; border-radius:99px!important; box-shadow:none!important; }

/* ═══════════ Détails système ═══════════ */
::-webkit-scrollbar{ width:9px; height:9px; }
::-webkit-scrollbar-track{ background:transparent; }
::-webkit-scrollbar-thumb{ background:var(--ln-2); border-radius:99px; border:2px solid transparent; background-clip:padding-box; }
::-webkit-scrollbar-thumb:hover{ background:var(--mut); background-clip:padding-box; }
::selection{ background:rgba(204,106,65,0.26); color:var(--tx); }
:focus-visible{ outline:2px solid var(--acc)!important; outline-offset:1px!important; border-radius:var(--r-xs)!important; }

/* ═══════════ Mode clair ═══════════ (parchemin chaud, jamais blanc froid) */
body.theme-light{
  --bg:#f3ede3; --bg-2:#ece5d9; --surf:#fbf7ef; --surf-2:#f3ede3;
  --raise:#ece5d9; --deep:#e7e0d3;
  --ln:rgba(32,24,16,0.10); --ln-2:rgba(32,24,16,0.16);
  --tx:#1d1610; --tx-2:#4f463a; --mut:#6c6354; --faint:#a39a8a;
}
body.theme-light{ background-color:#f3ede3!important; background-image:radial-gradient(130% 90% at 50% -25%,rgba(204,106,65,0.06),transparent 46%)!important; }
body.theme-light::after{ mix-blend-mode:multiply; opacity:0.05; }
body.theme-light .topbar{ background:rgba(243,237,227,0.92)!important; }
body.theme-light .nav-btn-primary,
body.theme-light .btn-primary,
body.theme-light [class*="join-btn"]{ color:#fff!important; }

/* ═══════════ Entrée : un seul fondu discret, pas de stagger ═══════════ */
@keyframes sbFade{ from{ opacity:0; } to{ opacity:1; } }
.server-card,.server-card-v2{ animation:sbFade .2s ease both; }
@media (prefers-reduced-motion: reduce){
  .server-card,.server-card-v2{ animation:none; }
  .server-card.server-card-v2::before{ transition:none; }
  html{ scroll-behavior:auto; }
}