/* ============================================================
   CETTE SEMAINE — maquette validée brandnew/drafts/defis-02-qg.html
   La bande de 3 tuiles de l'accueil (js/semaine.js) et les cartes
   BOUCAN / MOT / PASSE de l'onglet DÉFIS.
   Rayon 0, ombres dures, couleur = case d'emoji en aplat (jamais de bordure colorée).
   ============================================================ */
.sem { flex: none; display: flex; flex-direction: column; gap: 8px; margin-bottom: 16px; }
.sem .semh { display: flex; align-items: center; justify-content: space-between; font-family: var(--font-d, 'Anton', sans-serif); font-size: 13px; letter-spacing: 1.3px; color: color-mix(in srgb, var(--ink) 55%, transparent); }
.sem .semh span { color: var(--ink); font-size: 12px; cursor: pointer; }
.sem .sem-g { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; padding: 0 4px 4px 0; }
.sem .sem-tu { all: unset; box-sizing: border-box; cursor: pointer; border: 3px solid #0A0A0A; box-shadow: 4px 4px 0 #0A0A0A; background: var(--paper, #FFFEF7); color: var(--ink, #0A0A0A); padding: 8px 8px 9px; display: flex; flex-direction: column; gap: 5px; min-width: 0; transition: transform .08s, box-shadow .08s; }
.sem .sem-tu:active { transform: translate(3px, 3px); box-shadow: 1px 1px 0 #0A0A0A; }
.sem .sem-tu .eb { width: 32px; height: 32px; border: 3px solid #0A0A0A; box-shadow: 2px 2px 0 #0A0A0A; display: grid; place-items: center; }
.sem .sem-tu .eb .nemoji { width: 22px; height: 22px; }
.sem .sem-tu .k { font-family: var(--font-d, 'Anton', sans-serif); font-size: 13px; letter-spacing: .5px; line-height: 1.05; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sem .sem-tu .v { font-family: var(--font-m, 'IBM Plex Mono', monospace); font-size: 9px; font-weight: 700; letter-spacing: .3px; color: color-mix(in srgb, var(--ink) 60%, transparent); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sem .sem-tu .v b { color: var(--ink); font-weight: 700; }

/* néon / sombre : tuiles violettes, ombre magenta (jamais noir sur noir) */
html[data-skin="neon"] .sem .sem-tu, html[data-theme="abime"] .sem .sem-tu, html[data-theme="nuit"] .sem .sem-tu { background: #221430; color: #FFFEF7; box-shadow: 4px 4px 0 var(--magenta, #FF2E93); }
html[data-skin="neon"] .sem .sem-tu .v b, html[data-theme="abime"] .sem .sem-tu .v b, html[data-theme="nuit"] .sem .sem-tu .v b { color: #FFFEF7; }
html[data-skin="neon"] .sem .sem-tu .v, html[data-theme="abime"] .sem .sem-tu .v, html[data-theme="nuit"] .sem .sem-tu .v { color: #CFC3CE; }

/* le boucan EN DIRECT, compact (samedi 20 h-21 h) */
.bcn-carte.direct { gap: 8px; padding: 12px; }
.bcn-carte.direct .t { font-size: 26px; }
.bcn-carte.direct .d { font-family: var(--font-m, 'IBM Plex Mono', monospace); font-size: 9.5px; font-weight: 700; letter-spacing: .5px; opacity: .85; }

/* ── l'onglet DÉFIS ── */
#sec-defis .df-carte { cursor: pointer; }
#sec-defis .df-carte .emoji-box .nemoji { width: 30px; height: 30px; }
#sec-defis .df-carte .name { font-size: 17px; }
#sec-defis .df-carte .btn { flex: none; }
#sec-defis .df-mini { display: flex; gap: 3px; margin-top: 5px; }
#sec-defis .df-mini i { width: 15px; height: 15px; border: 2px solid #0A0A0A; background: #FFFEF7; display: grid; place-items: center; font-style: normal; font-family: var(--font-d, 'Anton', sans-serif); font-size: 9px; color: #0A0A0A; }
#sec-defis .df-mini i.v { background: var(--green, #5BE885); } #sec-defis .df-mini i.j { background: var(--yellow, #FFD600); } #sec-defis .df-mini i.g { background: #9A9A9A; }
#sec-defis .df-jauge { height: 10px; border: 3px solid #0A0A0A; background: #FFFEF7; margin-top: 5px; }
#sec-defis .df-jauge i { display: block; height: 100%; background: var(--magenta, #FF2E93); }
/* les onglets donnent aux liens la couleur du texte (blanc en néon) : le bouton jaune garde son encre */
#sec-accueil[data-s2] a.bcn-cta, #sec-defis[data-s2] a.bcn-cta { color: #0A0A0A; }