/* Banques — bibliothèque Fockstar, 22 octobre 2026.
   Tous les styles restent limités à cette page et aux trois thèmes existants. */
.page:has(.bq){max-width:1280px;padding:32px 40px 48px}
.bq{--bq-gouttiere:30px;max-width:1160px;margin:auto}
.bq-tete{align-items:center;padding:8px 0 28px;border:0;gap:24px}
.bq-surtitre{font-size:10px;letter-spacing:.16em;margin-bottom:12px;color:var(--brand-t)}
.bq-titre{font-size:42px;line-height:1.08;letter-spacing:-.045em}
.bq-chapo{max-width:48ch;font-size:14px;line-height:1.6;margin-top:12px;color:var(--ink2)}
.bq-chiffres{gap:24px}
.bq-chiffres div{padding-left:20px;gap:6px}
.bq-chiffres dd{font-size:28px;font-weight:600}
.bq-chiffres dt{font-size:11px;white-space:normal;max-width:125px;line-height:1.5;color:var(--ink2)}
.bq-bloc{padding-top:0;margin-top:26px}
.bq-bloc-tete{margin-bottom:16px}
.bq-bloc-tete>div{display:flex;align-items:center;gap:10px}
.bq-index{font:500 10px/1 var(--mono);color:var(--ink3);border:1px solid var(--line);padding:5px;border-radius:5px}
.bq-bloc-tete h2{font:600 18px/1.3 var(--ui);letter-spacing:-.025em}
.bq-bloc-tete p{font-size:12.5px;margin-top:6px;color:var(--ink2)}
.bq-demarrer{margin-top:0}
.bq-tuiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.bq-tuiles .bq-tuile:nth-child(3){grid-column:auto}
.bq-tuile{padding:20px;border-radius:14px;gap:10px;border-color:color-mix(in srgb,var(--line) 70%,var(--card));box-shadow:none}
.bq-tuile:first-child{background:color-mix(in srgb,var(--brand) 5%,var(--card));border-color:color-mix(in srgb,var(--brand) 25%,var(--line))}
.bq-tuile-tete{gap:10px}
.bq-tuile-tete h3{font-size:15px;font-weight:600}
.bq-tuile-ico{width:32px;height:32px;border-radius:9px}
.bq-tuile-texte{font-size:12.5px;line-height:1.6;max-width:38ch;min-height:40px}
.bq-tuile-bas{gap:10px;padding-top:4px}
.bq-mesure{font-size:11px;gap:5px}
.bq-mesure b{font-size:20px;font-weight:600}
.bq-tuile .bar{height:4px}
.bq-tuile .btn{min-height:36px;padding:8px 12px;font-size:12px;gap:7px;border-radius:8px;box-shadow:none;width:100%;justify-content:center}
.bq-tuile .btn.pri{background:var(--brand);color:white;border:1px solid var(--brand)}
.bq-btn-note{margin-left:3px;padding-left:7px;font-size:11px;color:var(--ink2)}
.bq-gang-aide{display:block;font-size:10px;line-height:1.3;min-height:4px;color:var(--ink3)}
.bq-gang-choix{padding:20px;margin-top:12px;border:1px solid var(--line);border-radius:14px;background:var(--card)}
.bq-gang-intro{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:10px;font-size:13px}
.bq-gang-intro span{font-size:12px;color:var(--ink2)}
.bq-gangs{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:5px 20px}
.bq-gang{min-height:50px;border-bottom-color:var(--paper2)}
.bq-gang[disabled]{opacity:.6}
.bq-gang-etat{color:var(--ink2)}
.bq-parcours{background:var(--card);border:1px solid var(--line);border-radius:12px;margin:0 0 20px}
.bq-parcours>summary{cursor:pointer;display:flex;align-items:center;gap:10px;padding:14px 16px;font-size:12px;list-style:none}
.bq-parcours>summary::-webkit-details-marker{display:none}
.bq-parcours>summary>span{margin-left:auto;display:flex;align-items:center;gap:8px;color:var(--ink2)}
.bq-parcours .etages{border:0;box-shadow:none;margin-bottom:0}
.bq-bibliotheque{padding-top:28px;margin-top:30px;border-top:1px solid var(--line)}
.bq-onglets.seg{gap:24px;overflow-x:auto;scrollbar-width:thin;white-space:nowrap;margin-bottom:18px}
.bq-onglets.seg button{font-size:12px;padding:11px 0;flex-shrink:0;color:var(--ink2)}
.bq-onglets.seg button.on{color:var(--brand-t);border-bottom-color:var(--brand-t)}
.bq-onglets .count{font-size:10px;min-width:17px;height:17px}
.bq-outils{display:grid;grid-template-columns:minmax(180px,1fr) minmax(155px,200px) minmax(155px,200px);gap:10px;align-items:end}
.bq-outils .search{align-self:end;min-width:0}
.bq-outils .inp{font-size:12px;height:42px;border-radius:9px;box-shadow:none;background:var(--card);border-color:var(--line)}
.bq-outils .search>.inp{padding-left:38px}
.bq-outils .search>svg{left:12px}
.bq-select{display:flex;flex-direction:column;gap:5px;min-width:0}
.bq-select>span{font-size:10px;color:var(--ink2);padding-left:2px}
.bq-select .inp{width:100%;max-width:none;padding:8px 28px 8px 11px;text-overflow:ellipsis}
.bq .filtres-rayons{mask-image:none;gap:6px;padding:14px 0 16px;flex-wrap:wrap;overflow:visible}
.bq .filtres-rayons .chip{font-size:11px;height:29px;padding:0 11px;border-radius:7px;background:transparent;border-color:transparent;color:var(--ink2)}
.bq .filtres-rayons .chip:hover{background:var(--paper2)}
.bq .filtres-rayons .chip.on{background:var(--brand-s);color:var(--brand-t);border-color:transparent;font-weight:600}
.bq-resultats-barre{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 0;border-top:1px solid var(--line);font-size:12px}
.bq-resultats-nombre{display:flex;align-items:center;gap:5px;color:var(--ink2);flex-wrap:wrap}
.bq-resultats-nombre b{color:var(--ink);font-weight:600}
.bq-effacer{font-size:10px;color:var(--brand-t);padding:4px 8px;text-decoration:underline;text-underline-offset:3px}
.bq-resultats-actions{display:flex;align-items:center;gap:18px;flex-shrink:0}
.bq-dispo{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--ink2);padding:6px 8px;border-radius:6px;border:1px solid var(--line)}
.bq-dispo i{display:block;width:11px;height:11px;border-radius:3px;border:1px solid var(--ink3)}
.bq-dispo.on{background:var(--green-s);color:var(--green);border-color:var(--green)}
.bq-dispo.on i{background:var(--green);border-color:var(--green);box-shadow:inset 0 0 0 2px var(--card)}
.bq-tri{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--ink2)}
.bq-tri select{font:600 11px var(--ui);color:var(--ink);background:transparent;border:0;max-width:116px;padding:5px 0;cursor:pointer}
.bq-tri select option{background:var(--card);color:var(--ink)}
.bq .grille-idc{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.bq .idc{border-radius:12px;border-color:color-mix(in srgb,var(--line) 70%,var(--card));box-shadow:0 2px 4px #00000004;transition:border-color .18s,box-shadow .18s,transform .18s;min-width:0}
.bq .idc:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--brand) 55%,var(--line));box-shadow:0 8px 20px #0000000d}
.bq .idc-photo{aspect-ratio:1/1.06;background:var(--paper2)}
.bq .idc-photo img{object-position:50% 22%}
.bq .idc-photo.cover img{object-fit:cover;object-position:center}
.bq .idc-corps{padding:12px;gap:5px}
.bq .idc-nom{font-size:13px;line-height:1.35;min-height:35px}
.bq .idc-region,.bq .idc-zone-absente{font-size:10px;font-weight:500;color:var(--ink2)}
.bq .idc-accroche{font-size:11px;line-height:1.5;min-height:33px;color:var(--ink2)}
.bq .idc-sous{display:none}
.bq .idc-badges{gap:3px}
.bq .idc-badges .badge{font-size:9px;padding:3px 5px}
.bq .idc-coin{top:8px;left:8px;right:8px}
.bq .idc-nouveau,.bq .idc-alerte{font-size:9px;padding:4px 6px;box-shadow:0 1px 3px #0000000d}
.bq .idc-bas{padding-top:10px;gap:8px}
.bq .idc-progres{font-size:10px;gap:5px;color:var(--ink2)}
.bq .idc-progres-label svg{width:11px;height:11px}
.bq .idc-jauge{height:4px}
.bq .idc-part{font-size:10px;line-height:1.4;min-height:14px;color:var(--ink2)}
.bq .idc-part>span:first-child{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bq-suite{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;padding:26px 0 10px;font-size:11px;color:var(--ink2)}
.bq-suite p{margin:0}
.bq-suite>span{font-size:10px;color:var(--ink3)}
.bq-suite .btn{font-size:12px;min-width:180px;box-shadow:none;border-radius:8px}
.bq .bibli-legende{justify-content:center;margin:20px 0 0;padding-top:18px;border-top:1px solid var(--line);font-size:10px;color:var(--ink2);gap:16px}
.bq .bibli-dot{width:6px;height:6px}
.bq button:focus-visible,.bq select:focus-visible,.bq input:focus-visible,.bq summary:focus-visible{outline:2px solid var(--brand-t);outline-offset:3px}
.bq-onglets.seg{overflow-y:hidden;scrollbar-width:none}
.bq-onglets.seg::-webkit-scrollbar{display:none}
@media(min-width:1500px){.bq .grille-idc{gap:18px}.bq .idc-nom{font-size:14px}}
@media(max-width:1180px){.page:has(.bq){padding:28px}.bq-chiffres{gap:16px}.bq-chiffres div{padding-left:14px}.bq-tuiles{gap:10px}.bq-tuile{padding:16px}.bq-tuile .btn{padding:8px;font-size:11px}.bq .grille-idc{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:960px){.bq-tete{align-items:flex-start}.bq-chiffres{flex-direction:column;gap:12px}.bq-chiffres div{gap:3px}.bq-chiffres dd{font-size:24px}.bq-chiffres dt{font-size:10px}.bq-titre{font-size:38px}.bq-outils{grid-template-columns:1fr 1fr}.bq-outils .search{grid-column:1/-1}.bq .grille-idc{grid-template-columns:repeat(3,minmax(0,1fr))}.bq-tuiles{grid-template-columns:1fr 1fr}.bq-tuiles .bq-tuile:nth-child(3){grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:4px 20px}.bq-tuiles .bq-tuile:nth-child(3) .bq-tuile-texte{grid-column:1;min-height:0}.bq-tuiles .bq-tuile:nth-child(3) .bq-tuile-bas{grid-column:2;grid-row:1/3;padding-top:0}}
@media(max-width:760px){.page:has(.bq){padding:24px 18px 108px}.bq-tete{flex-direction:row;align-items:flex-start;padding:0 0 26px;gap:20px}.bq-titre{font-size:36px}.bq-chapo{font-size:13px;max-width:32ch}.bq-chiffres{min-width:95px}.bq-chiffres dt{max-width:100px}.bq .grille-idc{grid-template-columns:repeat(3,minmax(0,1fr))}.bq-tuiles{grid-template-columns:repeat(3,minmax(0,1fr))}.bq-tuiles .bq-tuile:nth-child(3){grid-column:auto;display:flex}.bq-tuile .btn{font-size:11px}.bq-tuiles .bq-tuile:nth-child(3) .bq-tuile-bas{padding-top:4px}}
@media(max-width:620px){.bq-tete{flex-direction:column;gap:18px}.bq-titre{font-size:36px}.bq-surtitre{font-size:9px;margin-bottom:10px}.bq-chapo{max-width:35ch;margin-top:10px}.bq-chiffres{flex-direction:row;gap:28px;width:100%}.bq-chiffres div{padding-left:12px;gap:4px}.bq-chiffres dt{max-width:130px;font-size:10px}.bq-chiffres dd{font-size:23px}.bq-tuiles{grid-template-columns:1fr;gap:10px}.bq-tuile{display:grid;grid-template-columns:1fr auto;padding:16px;gap:8px 12px}.bq-tuile-tete{grid-column:1/-1}.bq-tuile-texte{grid-column:1/-1;min-height:0;max-width:none;font-size:12px}.bq-tuile-bas{grid-column:1/-1;grid-template-columns:1fr auto;align-items:center;gap:8px 12px}.bq-tuile-bas>.bq-mesure{grid-column:1;grid-row:1}.bq-tuile-bas>[role=progressbar],.bq-tuile-bas>.bq-gang-aide{grid-column:1;grid-row:2}.bq-tuile-bas>.btn{grid-column:2;grid-row:1/3;width:auto;min-height:38px;font-size:11px;padding:8px 10px}.bq-mesure b{font-size:18px}.bq-mesure{font-size:10px}.bq-tuiles .bq-tuile:nth-child(3){display:grid}.bq-tuile-ico{width:28px;height:28px}.bq-tuile-tete h3{font-size:14px}.bq-gang-aide{font-size:9px;max-width:125px}.bq-btn-note{display:none}.bq-bloc-tete h2{font-size:17px}.bq-bloc-tete p{font-size:12px}.bq-bibliotheque{margin-top:26px;padding-top:24px}.bq-onglets.seg{gap:20px}.bq-outils{gap:10px}.bq-outils .inp{font-size:11px;height:40px}.bq .filtres-rayons{flex-wrap:nowrap;overflow-x:auto;padding:14px 0;scrollbar-width:none}.bq .filtres-rayons .chip{font-size:11px;flex:none}.bq-resultats-barre{align-items:flex-start;gap:10px;padding:14px 0;flex-direction:column}.bq-resultats-actions{justify-content:space-between;width:100%}.bq .grille-idc{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.bq .idc-corps{padding:11px}.bq .idc-nom{font-size:12px;min-height:33px}.bq .idc-photo{aspect-ratio:1/1.1}.bq .idc-accroche{font-size:10.5px;min-height:32px}.bq .bibli-legende{justify-content:flex-start;gap:8px 12px;font-size:9px}.bq-parcours>summary{flex-wrap:wrap}.bq-parcours>summary>span{font-size:10px}.bq-gangs{grid-template-columns:1fr}.bq-suite{padding-top:22px}}
@media(max-width:359px){.page:has(.bq){padding-right:12px;padding-left:12px}.bq-tuile-bas{grid-template-columns:1fr}.bq-tuile-bas>.btn{grid-column:1;grid-row:3;width:100%}.bq .idc-corps{padding:9px}.bq .grille-idc{gap:9px}}
@media(max-width:620px){.bq-tuiles .bq-tuile:nth-child(3) .bq-tuile-texte{grid-column:1/-1}.bq-tuiles .bq-tuile:nth-child(3) .bq-tuile-bas{grid-column:1/-1;grid-row:auto}}
@media(prefers-reduced-motion:reduce){.bq .idc,.bq .idc-photo img{transition:none}.bq .idc:hover{transform:none}}

/* La maquette approuvée : personnages du jeu en pied, aucun décor photographique. */
.page:has(.bq-scene){max-width:1480px;padding:30px 32px 48px}
.bq-scene{max-width:1300px}
.scene-header{padding:0 12px 24px}
.scene-header>p{font-size:10px;font-weight:700;letter-spacing:.19em;text-transform:uppercase;color:var(--brand-t);margin:0 0 12px}
.scene-header h1{font:700 clamp(32px,3.7vw,50px)/1.08 var(--disp);letter-spacing:-.05em;margin:0 0 10px;color:var(--ink)}
.scene-header>div{font-size:14px;color:var(--ink2);line-height:1.5}
.scene-selection{scroll-margin-top:85px}
.scene-ordre{display:flex;align-items:center;gap:10px;padding:0 12px 12px;color:var(--brand-t)}
.scene-ordre h2{font:600 13px/1.4 var(--ui);margin:0;color:var(--ink)}
.scene-ordre>span{font-size:11px;color:var(--ink2);border-left:1px solid var(--line);padding-left:12px}
.scene-ordre>small{margin-left:auto;font-size:10px;color:var(--ink3)}
.scene-lineup{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding:12px 10px 0;isolation:isolate;align-items:start;overflow-x:clip}
.scene-lineup::before{content:'';position:absolute;z-index:-1;inset:30% -15px -14px;background:radial-gradient(ellipse 60% 18% at 50% 93%,color-mix(in srgb,var(--brand) 6%,transparent),transparent);pointer-events:none}
.scene-personnage{display:flex;flex-direction:column;position:relative;min-width:0;width:100%;padding:0;margin:0;border:0;background:transparent;box-shadow:none;cursor:pointer;color:var(--ink);text-align:center;outline-offset:5px;border-radius:12px;-webkit-tap-highlight-color:transparent}
.scene-panneau{display:flex;flex-direction:column;justify-content:center;position:relative;width:100%;height:82px;padding:12px 10px;border:1px solid color-mix(in srgb,var(--brand) 16%,var(--line));border-radius:13px;background:color-mix(in srgb,var(--card) 94%,transparent);box-shadow:0 10px 18px -14px #152a5555;transform:perspective(800px) rotateX(2deg);transition:transform .2s,border-color .2s,box-shadow .2s;z-index:2}
.scene-panneau::after{content:'';position:absolute;left:50%;top:100%;height:13px;width:1px;background:color-mix(in srgb,var(--brand) 48%,transparent)}
.scene-nom{font:600 13px/1.3 var(--ui);letter-spacing:-.02em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.scene-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:11px;line-height:1.45;margin-top:5px;color:var(--ink2)}
.scene-corps{display:block;position:relative;height:clamp(330px,40vh,430px);width:100%;margin-top:12px;perspective:900px}
.scene-modele{position:absolute;left:-20%;bottom:0;display:block;width:140%;max-width:none;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 9px 5px #1a213529);transition:transform .25s,filter .25s;pointer-events:none;z-index:1;transform-origin:center 80%}
.scene-modele[hidden]{display:none}
.scene-sol{position:absolute;bottom:15px;left:8%;width:84%;height:30px;border-radius:50%;background:radial-gradient(ellipse,#24344d26,transparent 68%);transform:rotateX(16deg);transition:box-shadow .25s,background .25s,border-color .25s;border:2px solid transparent;z-index:0}
.scene-personnage.choisi .scene-sol{border-color:color-mix(in srgb,#5aafff 75%,var(--card));background:radial-gradient(ellipse,#7fc6ff35,transparent 70%);box-shadow:0 0 0 3px #69b8ff12,0 0 18px #63adff50,inset 0 0 10px #72bfff33}
.scene-personnage.choisi .scene-panneau{border-color:color-mix(in srgb,var(--brand) 40%,var(--line));box-shadow:0 12px 22px -15px #0055a460;transform:perspective(800px) rotateX(2deg) translateY(-2px)}
.scene-personnage:hover .scene-modele{transform:translateY(-4px) rotateY(-3deg);filter:drop-shadow(0 13px 8px #1a21352b)}
.scene-personnage:hover .scene-panneau{transform:perspective(800px) rotateX(2deg) translateY(-3px)}
.scene-jauge{position:absolute;left:-5px;right:-5px;bottom:91px;display:flex;flex-direction:column;gap:7px;padding:10px 11px;border:1px solid color-mix(in srgb,var(--brand) 20%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--card) 94%,transparent);backdrop-filter:blur(8px);box-shadow:0 10px 24px -18px #203b7470;z-index:3;text-align:left;font-variant-numeric:tabular-nums}
.scene-jauge-haut{display:flex;align-items:center;gap:10px}
.scene-jauge-haut>b{font:700 18px/1 var(--ui);white-space:nowrap;letter-spacing:-.045em}
.scene-barre{display:block;flex:1;height:10px;overflow:hidden;border-radius:3px;background:var(--paper2);position:relative}
.scene-barre>i{display:block;height:100%;background:linear-gradient(180deg,#30d476,#17b457);border-radius:3px;box-shadow:inset 0 1px #ffffff50}
.scene-barre::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(12.5% - 2px),color-mix(in srgb,var(--card) 85%,transparent) calc(12.5% - 2px),color-mix(in srgb,var(--card) 85%,transparent) 12.5%);pointer-events:none}
.scene-jauge-bas{display:flex;align-items:baseline;justify-content:space-between;gap:5px;font-size:10px;color:var(--ink2);line-height:1.3}
.scene-jauge-bas strong{font-weight:600;color:var(--ink)}
.scene-jauge-bas>span:last-child{white-space:nowrap}
.scene-pastille{position:absolute;bottom:0;left:50%;transform:translateX(-50%);background:var(--brand);color:#fff;padding:4px 9px;border-radius:6px;white-space:nowrap;font-size:9px;line-height:1.3;font-weight:600;box-shadow:0 3px 9px #0055a440;opacity:0;transition:opacity .2s;z-index:2}
.scene-personnage.choisi .scene-pastille{opacity:1}
.scene-rendu-absent{position:absolute;inset:15% 12% 35%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--ink3);gap:8px;font-size:10px}
.scene-rendu-absent svg{height:100%;max-height:180px;opacity:.25}
.scene-rendu-absent[hidden]{display:none}
.scene-action{margin:18px 4px 0;padding:18px 8px 16px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:82px}
.scene-action h3{font:600 17px/1.3 var(--ui);letter-spacing:-.03em;margin:0 0 5px}
.scene-action p{font-size:12px;color:var(--ink2);line-height:1.4;margin:0}
.scene-action .btn{height:44px;font-size:13px;padding:0 22px;border-radius:10px;box-shadow:0 7px 16px -11px #0055a490;flex:none;min-width:190px}
.scene-pagination{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:3px 10px 12px;font-size:11px;color:var(--ink2)}
.scene-pagination>span{text-align:center;font-variant-numeric:tabular-nums}
.scene-pagination small{display:block;font-size:9px;color:var(--ink3);margin-top:4px}
.scene-page{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 4px;min-height:36px;font-size:11px;color:var(--ink2)}
.scene-page:disabled{opacity:.35;cursor:default}
.scene-page:hover:not(:disabled){color:var(--brand-t)}
.scene-autres,.scene-occupees,.scene-referent{margin:14px 4px 0;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--card) 60%,transparent)}
.scene-autres>summary,.scene-occupees>summary,.scene-referent>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;list-style:none;padding:15px 16px;font-size:12px;font-weight:500}
.scene-autres>summary::-webkit-details-marker,.scene-occupees>summary::-webkit-details-marker,.scene-referent>summary::-webkit-details-marker{display:none}
.scene-autres>summary>span,.scene-autres>summary>small{display:flex;align-items:center;gap:8px}
.scene-autres>summary>small{font-size:10px;color:var(--ink2)}
.scene-autres[open]>summary{border-bottom:1px solid var(--line)}
.scene-autres-contenu{padding:20px}
.scene-autres .bq-onglets{margin-bottom:22px}
.scene-autres .bq-tuiles{margin-top:12px}
.scene-cj-lien{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding:14px 0;border-bottom:1px solid var(--line);font-size:13px}
.scene-cj-lien .btn{box-shadow:none;font-size:11px}
.scene-radios{margin-top:24px;scroll-margin-top:80px}
.scene-radios h2{font:600 18px/1.3 var(--ui);margin:0 0 6px}
.scene-radios>p{font-size:12px;color:var(--ink2);margin-bottom:18px}
.scene-radios .grille-idc{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.scene-occupees{border-color:transparent;background:none;margin-top:6px}
.scene-occupees>summary{padding:10px 8px;font-size:10px;color:var(--ink3)}
.scene-liste-occupees{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 20px;padding:8px}
.scene-liste-occupees>button{display:flex;align-items:center;gap:8px;padding:12px 0;text-align:left;border-bottom:1px solid var(--line);font-size:11px;min-width:0}
.scene-liste-occupees>button>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1}
.scene-liste-occupees small{font-size:9px;color:var(--ink3);white-space:nowrap}
.scene-referent .row{font-size:12px}
.scene-cj-direct>.scene-page{margin-bottom:14px}
.scene-chargement{height:450px;display:grid;place-items:center;font-size:13px;color:var(--ink2)}
.bq-scene button:focus-visible,.bq-scene summary:focus-visible{outline:2px solid var(--brand-t);outline-offset:4px}
@media(min-width:1500px){.scene-lineup{gap:28px}.scene-nom{font-size:15px}.scene-description{font-size:12px}.scene-corps{height:440px}.scene-jauge-bas{font-size:11px}.scene-jauge-haut>b{font-size:20px}.scene-jauge{bottom:115px}.scene-action h3{font-size:19px}}
@media(max-width:1150px){.page:has(.bq-scene){padding:26px 24px 40px}.scene-lineup{gap:14px}.scene-jauge{left:-3px;right:-3px;padding:10px 8px}.scene-jauge-haut{gap:7px}.scene-jauge-haut>b{font-size:16px}.scene-jauge-bas{font-size:8px}.scene-nom{font-size:12px}.scene-description{font-size:10px}.scene-header h1{font-size:40px}}
@media(max-width:900px){.page:has(.bq-scene){padding-bottom:104px}.scene-modele{width:150%;left:-25%}.scene-header h1{font-size:40px}}
@media(max-width:700px){.page:has(.bq-scene){padding:22px 16px 106px}.scene-header{padding:0 2px 20px}.scene-header h1{font-size:34px;letter-spacing:-.045em}.scene-header>div{font-size:12px;max-width:40ch}.scene-header>p{font-size:9px;margin-bottom:10px}.scene-ordre{padding:0 2px 6px;gap:7px;flex-wrap:wrap}.scene-ordre h2{font-size:12px}.scene-ordre>span{font-size:10px;padding-left:8px}.scene-ordre>small{display:none}.scene-lineup{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:min(74vw,270px);overflow-x:auto;overflow-y:hidden;gap:20px;padding:14px 8px 4px;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;scroll-padding-inline:8px}.scene-lineup::-webkit-scrollbar{display:none}.scene-lineup::before{display:none}.scene-personnage{scroll-snap-align:center}.scene-corps{height:330px;margin-top:13px}.scene-panneau{min-height:66px;padding:10px}.scene-nom{font-size:13px}.scene-description{font-size:11px}.scene-modele{width:140%;left:-20%}.scene-jauge{left:0;right:0;bottom:83px;padding:10px}.scene-jauge-haut>b{font-size:19px}.scene-jauge-bas{font-size:10px}.scene-pastille{font-size:9px}.scene-action{gap:12px;align-items:flex-start;margin-top:14px;padding:15px 2px;flex-direction:column}.scene-action h3{font-size:16px}.scene-action p{font-size:11px}.scene-action .btn{width:100%;height:42px;min-width:0;font-size:12px}.scene-pagination{padding:1px 0 12px;gap:8px}.scene-pagination>span{font-size:10px}.scene-pagination small{font-size:8px;max-width:135px}.scene-page{font-size:10px;gap:2px}.scene-autres{margin-left:0;margin-right:0}.scene-autres>summary{gap:8px;flex-wrap:wrap;padding:13px}.scene-autres>summary>small{font-size:9px}.scene-autres-contenu{padding:14px}.scene-liste-occupees{grid-template-columns:1fr}.scene-cj-lien{align-items:flex-start;flex-direction:column}.scene-cj-lien .btn{width:100%}.scene-radios .grille-idc{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.scene-modele,.scene-panneau,.scene-sol,.scene-pastille{transition:none}.scene-personnage:hover .scene-modele{transform:none}.scene-personnage:hover .scene-panneau{transform:none}.scene-lineup{scroll-snap-type:none}}

/* Carrousel continu — identités de personnages, typographies locales et couleurs du canon. */
.scene-header h1{font-family:'Pricedown',Impact,sans-serif;font-weight:400;letter-spacing:.012em;font-size:52px}
.scene-header>div{font-family:'Montserrat',var(--ui);font-size:12px;font-weight:500;line-height:1.7}
.scene-viewport{position:relative;min-width:0}
.bq-scene .scene-lineup{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 60px)/4);gap:20px;overflow-x:auto;overflow-y:hidden;padding:12px 10px 8px;scrollbar-width:none;scroll-snap-type:x proximity;scroll-padding-inline:10px;overscroll-behavior-x:contain}
.scene-lineup::-webkit-scrollbar{display:none}
.scene-lineup::before{display:none}
.scene-personnage{--scene-accent:#0055a4;--scene-dessus:#fff;--scene-encre:color-mix(in srgb,var(--scene-accent) 70%,#132139);scroll-snap-align:start;scroll-margin-inline:10px}
.bq-scene .scene-panneau{height:118px;min-height:118px;padding:12px 13px;align-items:stretch;text-align:left;border:1px solid color-mix(in srgb,var(--scene-accent) 25%,var(--line));border-top:3px solid var(--scene-accent);border-radius:13px 5px 13px 13px;background:radial-gradient(ellipse 110% 95% at 100% 0%,color-mix(in srgb,var(--scene-accent) 15%,transparent),transparent 80%),var(--card);box-shadow:0 9px 15px -12px color-mix(in srgb,var(--scene-accent) 55%,transparent);transform:perspective(800px) rotateX(2deg);justify-content:flex-start;gap:0;overflow:hidden}
.scene-panneau::after{background:var(--scene-accent);height:14px;opacity:.6}
.scene-univers{display:flex;align-items:center;gap:5px;font:700 9px/1.3 'Montserrat',var(--ui);text-transform:uppercase;letter-spacing:.08em;color:var(--scene-encre);min-width:0;margin-bottom:8px}
.scene-univers>svg{flex:none}
.scene-univers>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.scene-univers>small{margin-left:auto;font:500 9px/1 var(--mono);letter-spacing:0;color:var(--ink3);flex:none;padding-left:4px}
.bq-scene .scene-nom{font-family:var(--chalet);font-size:21px;line-height:1.04;font-weight:400;text-transform:uppercase;letter-spacing:-.005em;color:var(--scene-encre);-webkit-line-clamp:2;max-height:44px;flex:none}
.bq-scene .scene-type-gta .scene-nom{font-family:'Pricedown',Impact,sans-serif;font-size:25px;letter-spacing:.012em;line-height:.95;max-height:48px;text-shadow:0 1px var(--card)}
.bq-scene .scene-description{font:italic 500 10px/1.5 'Montserrat',var(--ui);margin-top:6px;color:var(--ink2);letter-spacing:-.005em;-webkit-line-clamp:2;min-height:15px}
.bq-scene .scene-corps{height:clamp(320px,38vh,420px)}
.scene-personnage.choisi .scene-panneau{border-color:var(--scene-accent);box-shadow:0 12px 24px -16px color-mix(in srgb,var(--scene-accent) 65%,transparent)}
.scene-personnage.choisi .scene-sol{border-color:color-mix(in srgb,var(--scene-accent) 75%,var(--card));background:radial-gradient(ellipse,color-mix(in srgb,var(--scene-accent) 15%,transparent),transparent 70%);box-shadow:0 0 0 3px color-mix(in srgb,var(--scene-accent) 7%,transparent),0 0 18px color-mix(in srgb,var(--scene-accent) 30%,transparent),inset 0 0 10px color-mix(in srgb,var(--scene-accent) 15%,transparent)}
.scene-personnage .scene-pastille{background:var(--scene-accent);color:var(--scene-dessus);box-shadow:0 3px 9px color-mix(in srgb,var(--scene-accent) 30%,transparent);font-family:'Montserrat',var(--ui);font-size:8px;font-weight:700}
.scene-personnage.choisi .scene-jauge{border-color:color-mix(in srgb,var(--scene-accent) 45%,var(--line))}
.scene-fleche{position:absolute;top:57%;z-index:5;display:none;align-items:center;justify-content:center;width:38px;height:44px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--card) 96%,transparent);backdrop-filter:blur(6px);box-shadow:0 5px 15px #14213418;color:var(--brand-t);transition:background .2s,opacity .2s,transform .2s}
.scene-fleche-g{left:-13px}
.scene-fleche-d{right:-13px}
.scene-fleche:hover:not(:disabled){background:var(--brand-s);transform:translateY(-2px)}
.scene-fleche:disabled{opacity:.25;cursor:default;box-shadow:none}
.scene-fleche[hidden]{display:none!important}
.scene-defilement{display:flex;align-items:center;gap:18px;padding:14px 12px 4px;font-size:10px;color:var(--ink2)}
.scene-defilement[hidden]{display:none}
.scene-position{font-variant-numeric:tabular-nums;min-width:100px;font-weight:500;white-space:nowrap}
.scene-glisser{display:flex;align-items:center;gap:5px;font-size:9px;color:var(--ink3);white-space:nowrap}
#scene-scrollbar{--avance:0%;appearance:none;-webkit-appearance:none;display:block;flex:1;width:100%;min-width:40px;height:8px;margin:8px 0;padding:0;border:0;border-radius:10px;background:linear-gradient(to right,color-mix(in srgb,var(--brand-t) 40%,var(--line)) 0 var(--avance),var(--line) var(--avance) 100%);cursor:ew-resize;touch-action:pan-y;box-shadow:none}
#scene-scrollbar::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:58px;height:13px;border-radius:6px;border:2px solid var(--card);background:var(--brand-t);box-shadow:0 1px 5px #13213926;cursor:grab}
#scene-scrollbar::-webkit-slider-thumb:active{cursor:grabbing;background:var(--brand-d)}
#scene-scrollbar::-moz-range-thumb{width:54px;height:10px;border-radius:6px;border:2px solid var(--card);background:var(--brand-t);cursor:grab}
.scene-action{margin-top:12px}
.scene-action-univers{font:700 8px/1.3 'Montserrat',var(--ui);text-transform:uppercase;letter-spacing:.12em;display:block;margin-bottom:5px}
.scene-action h3{font-family:var(--chalet);font-size:23px;font-weight:400;line-height:1.1;letter-spacing:0}
.scene-action p{font-family:'Montserrat',var(--ui);font-size:10px;font-weight:500}
.scene-legende{text-align:center;font-size:9px;color:var(--ink3);margin:0 0 12px}
.scene-radios h2{font-family:'Pricedown',Impact,sans-serif;font-size:25px;color:var(--orange);font-weight:400;letter-spacing:.015em}
.scene-radios .idc-nom{font-family:var(--chalet);font-weight:400;font-size:16px}
html[data-skin="anthracite"] .scene-personnage,html[data-skin="noir"] .scene-personnage{--scene-encre:color-mix(in srgb,var(--scene-accent) 62%,#fff)}
html[data-skin="anthracite"] .scene-panneau,html[data-skin="noir"] .scene-panneau{background:radial-gradient(ellipse 110% 95% at 100% 0%,color-mix(in srgb,var(--scene-accent) 18%,transparent),transparent 80%),var(--card)}
@media(min-width:900px){.scene-fleche{display:flex}}
@media(min-width:1500px){.bq-scene .scene-lineup{gap:28px;grid-auto-columns:calc((100% - 84px)/4)}.bq-scene .scene-corps{height:420px}.bq-scene .scene-nom{font-size:24px}.bq-scene .scene-type-gta .scene-nom{font-size:29px}.bq-scene .scene-description{font-size:11px}.bq-scene .scene-panneau{height:125px;min-height:125px}}
@media(max-width:1100px) and (min-width:701px){.bq-scene .scene-lineup{gap:16px;grid-auto-columns:calc((100% - 32px)/3)}.scene-panneau{padding:12px}}
@media(max-width:700px){.scene-header h1{font-size:37px}.scene-header>div{font-size:10px;line-height:1.8}.bq-scene .scene-lineup{grid-auto-columns:min(76vw,280px);gap:18px;padding:14px 8px 8px;scroll-snap-type:x proximity}.bq-scene .scene-panneau{height:116px;min-height:116px;padding:12px 13px}.bq-scene .scene-nom{font-size:23px}.bq-scene .scene-type-gta .scene-nom{font-size:28px}.bq-scene .scene-description{font-size:11px}.bq-scene .scene-corps{height:315px}.scene-defilement{gap:12px;padding:12px 4px 0;flex-wrap:wrap}.scene-position{font-size:9px;min-width:95px}#scene-scrollbar{flex:1;min-width:90px}.scene-glisser{display:none}.scene-action{margin-top:10px}.scene-action h3{font-size:23px}.scene-action p{font-size:10px}.scene-legende{font-size:8px}.scene-univers{font-size:9px}}
.bq-scene .scene-lineup{scroll-snap-type:none}
.bq-scene .scene-panneau{overflow:visible}
.bq-scene .scene-description{font-size:11px}
@media(prefers-reduced-motion:reduce){.scene-fleche{transition:none}}

/* Pastilles discrètes à côté du titre ; familles de gangs contiguës. */
.scene-header>.scene-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;max-width:none;font-size:inherit;line-height:normal;margin-bottom:10px}
.scene-title-row h1{margin:0;font-size:clamp(34px,3.3vw,46px);flex-shrink:0}
.scene-categories{display:flex;align-items:center;flex-wrap:wrap;gap:5px;max-width:100%}
.scene-categorie{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:5px 8px;border:1px solid transparent;border-radius:18px;font:600 10px/1.3 'Montserrat',var(--ui);color:var(--ink2);background:transparent;white-space:nowrap;transition:background .15s,border-color .15s,box-shadow .15s}
.scene-categorie>i{display:block;width:6px;height:6px;border-radius:50%;flex:none;background:var(--cat-couleur);box-shadow:0 0 0 3px color-mix(in srgb,var(--cat-couleur) 9%,transparent)}
.scene-categorie:hover{background:color-mix(in srgb,var(--cat-couleur) 6%,var(--card));border-color:color-mix(in srgb,var(--cat-couleur) 18%,var(--line))}
.scene-categorie.active{background:var(--card);border-color:color-mix(in srgb,var(--cat-couleur) 35%,var(--line));color:var(--ink);box-shadow:0 3px 10px -7px color-mix(in srgb,var(--cat-couleur) 80%,transparent)}
.scene-categorie.active>i{box-shadow:0 0 0 3px color-mix(in srgb,var(--cat-couleur) 18%,transparent),0 0 7px color-mix(in srgb,var(--cat-couleur) 35%,transparent)}
.scene-categorie>small{font:500 9px/1 var(--mono);padding:2px 4px;border-radius:5px;background:var(--paper2);color:var(--ink2)}
.bq-scene .scene-lineup.scene-avec-groupes{padding-top:44px}
.scene-groupe-entete{position:absolute;top:-27px;left:0;display:flex;align-items:center;gap:6px;white-space:nowrap;font:700 9px/1.2 'Montserrat',var(--ui);text-transform:uppercase;letter-spacing:.04em;color:var(--scene-encre);max-width:100%}
.scene-groupe-entete>i{width:6px;height:6px;border-radius:2px;display:block;background:var(--scene-accent);flex:none}
.scene-groupe-entete>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.scene-groupe-entete>small{font:500 8px/1 var(--mono);color:var(--ink3);padding-left:2px;letter-spacing:0;flex:none;text-transform:none}
.scene-debut-groupe::before{content:'';position:absolute;left:-10px;top:-28px;bottom:24px;border-left:1px dashed color-mix(in srgb,var(--scene-accent) 28%,var(--line));pointer-events:none}
.scene-personnage[data-univers="radio"] .scene-modele{width:82%;left:9%;height:65%;bottom:95px;object-fit:contain;object-position:center;border-radius:12px;filter:drop-shadow(0 14px 10px #13213928);transform:perspective(800px) rotateY(-5deg)}
.scene-personnage[data-univers="radio"]:hover .scene-modele{transform:perspective(800px) rotateY(0) translateY(-5px)}
.scene-personnage[data-univers="radio"] .scene-sol{opacity:.5}
@media(min-width:1500px){.scene-title-row h1{font-size:48px}.scene-categorie{font-size:11px;padding:6px 10px;min-height:31px}.scene-categories{gap:6px}}
@media(max-width:700px){.scene-header>.scene-title-row{gap:14px;margin-bottom:12px}.scene-title-row h1{font-size:clamp(28px,9.2vw,36px);flex-shrink:1;max-width:100%}.scene-categories{gap:5px}.scene-categorie{font-size:10px;min-height:31px;padding:6px 9px}.bq-scene .scene-lineup.scene-avec-groupes{padding-top:44px}.scene-groupe-entete{font-size:9px}.scene-debut-groupe::before{left:-9px}}
@media(prefers-reduced-motion:reduce){.scene-categorie{transition:none}.scene-personnage[data-univers="radio"]:hover .scene-modele{transform:none}}

/* Avancement collectif de l'univers sélectionné, sous le défilement. */
.scene-bilan{margin:14px 10px 4px;padding:15px 18px 13px;border:1px solid color-mix(in srgb,var(--bilan-couleur) 15%,var(--line));border-radius:17px;background:radial-gradient(ellipse at 0 0,color-mix(in srgb,var(--bilan-couleur) 7%,transparent),transparent 70%),color-mix(in srgb,var(--card) 67%,transparent);box-shadow:inset 0 1px color-mix(in srgb,var(--card) 95%,transparent);font-family:'Montserrat',var(--ui)}
.scene-bilan-entete{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}
.scene-bilan-titre{display:flex;align-items:center;gap:7px;font:650 15px/1.2 var(--disp);color:var(--ink);letter-spacing:-.025em}
.scene-bilan-titre>i{width:7px;height:7px;flex:none;border-radius:50%;background:var(--bilan-couleur);box-shadow:0 0 0 3px color-mix(in srgb,var(--bilan-couleur) 10%,transparent)}
.scene-bilan-titre>small{font:600 8px/1.4 'Montserrat',var(--ui);color:var(--ink2);letter-spacing:.08em;text-transform:uppercase;margin-left:4px}
.scene-bilan-perimetre{display:block;font-size:9px;color:var(--ink2);margin-top:5px}
.scene-bilan-entete>strong{font:650 29px/1 var(--disp);letter-spacing:-.05em;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--ink)}
.scene-bilan-entete>strong>small{font-size:15px;margin-left:3px;letter-spacing:0;color:var(--ink2)}
.scene-bilan-jauge{height:9px;overflow:hidden;border-radius:15px;background:color-mix(in srgb,var(--ink) 9%,transparent);box-shadow:inset 0 1px 2px #14213412,0 1px color-mix(in srgb,var(--card) 85%,transparent)}
.scene-bilan-jauge>i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--bilan-couleur),color-mix(in srgb,var(--bilan-couleur) 60%,#a2ddf6));box-shadow:inset 0 1px #ffffff50}
.scene-bilan-chiffres{display:flex;justify-content:space-between;gap:10px;margin-top:8px;font-size:9px;line-height:1.6;color:var(--ink2);font-variant-numeric:tabular-nums}
.scene-bilan-chiffres b{font-weight:600;color:var(--ink)}
.scene-bilan-chiffres>span:last-child{white-space:nowrap}
@media(max-width:700px){.scene-bilan{margin:14px 0 6px;padding:14px;border-radius:15px}.scene-bilan-titre{font-size:15px;flex-wrap:wrap;gap:6px}.scene-bilan-titre>small{flex-basis:100%;margin-left:0;font-size:7px;letter-spacing:.06em}.scene-bilan-perimetre{font-size:8px;line-height:1.6}.scene-bilan-entete{gap:10px}.scene-bilan-entete>strong{font-size:27px}.scene-bilan-chiffres{font-size:8px;gap:3px 10px;flex-wrap:wrap}}

/* Compléments : sessions distinctes et suivi, sans seconde bibliothèque. */
.scene-sessions{margin:28px 10px 0;padding-top:24px;border-top:1px solid var(--line);scroll-margin-top:85px}
.scene-complement-tete{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:14px}
.scene-complement-tete h2{font:650 20px/1.2 var(--disp);letter-spacing:-.04em;margin:0;color:var(--ink)}
.scene-complement-tete p{font:500 10px/1.6 'Montserrat',var(--ui);color:var(--ink2);margin:0}
.scene-sessions-grille{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.scene-session{display:flex;align-items:flex-start;gap:11px;text-align:left;min-width:0;padding:18px 15px;border:1px solid color-mix(in srgb,var(--session-ton) 12%,var(--line));border-radius:17px;background:linear-gradient(145deg,color-mix(in srgb,var(--session-ton) 4%,var(--card)),color-mix(in srgb,var(--card) 70%,transparent));box-shadow:inset 0 1px color-mix(in srgb,var(--card) 90%,transparent);transition:background .15s,border-color .15s,box-shadow .15s}
.scene-session:hover:not(:disabled),.scene-session[aria-expanded="true"]{border-color:color-mix(in srgb,var(--session-ton) 50%,var(--line));background:color-mix(in srgb,var(--session-ton) 5%,var(--card));box-shadow:0 7px 16px -14px var(--session-ton)}
.scene-session:disabled{opacity:.6;cursor:default}
.scene-session-icone{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:11px;color:color-mix(in srgb,var(--session-ton) 75%,#142134);background:color-mix(in srgb,var(--session-ton) 9%,transparent);border:1px solid color-mix(in srgb,var(--session-ton) 10%,transparent)}
.scene-session-texte{display:flex;flex-direction:column;min-width:0;gap:6px}
.scene-session-texte>b{font:650 15px/1.3 var(--disp);letter-spacing:-.025em;color:var(--ink)}
.scene-session-texte>span{font:400 10px/1.7 'Montserrat',var(--ui);color:var(--ink2);min-height:34px}
.scene-session-texte>small{font:550 9px/1.5 'Montserrat',var(--ui);color:var(--brand-t);margin-top:3px}
.scene-session>svg{flex:none;width:13px;height:13px;margin:10px -4px 0 auto;color:var(--ink3)}
.scene-sessions .bq-gang-choix{margin-top:12px;border-radius:17px;background:color-mix(in srgb,var(--card) 65%,transparent);padding:18px}
.scene-sessions .bq-gang-intro{font:600 12px/1.6 var(--ui)}
.scene-sessions .bq-gang-intro>span{font:400 10px/1.6 'Montserrat',var(--ui)}
.scene-sessions .bq-gang{font-size:12px}
.scene-session-auto{display:flex;align-items:center;gap:12px;margin-top:14px;padding:15px 17px;border:1px solid var(--line);border-radius:15px;background:color-mix(in srgb,var(--card) 35%,transparent)}
.scene-auto-icone{display:grid;place-items:center;width:32px;height:32px;flex:none;background:var(--paper2);color:var(--ink2);border-radius:10px}
.scene-session-auto>div{flex:1;min-width:0}
.scene-session-auto h3{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font:600 13px/1.5 var(--disp);margin:0 0 3px;letter-spacing:-.02em}
.scene-session-auto h3>small{font:500 8px/1.3 'Montserrat',var(--ui);padding:3px 6px;background:var(--paper2);border-radius:5px;color:var(--ink2);letter-spacing:0}
.scene-session-auto p{font:400 10px/1.7 'Montserrat',var(--ui);color:var(--ink2);margin:0 0 4px}
.scene-session-auto>div>span{font:500 9px/1.5 'Montserrat',var(--ui);color:var(--ink3)}
.scene-session-auto .btn{font:600 10px/1.3 'Montserrat',var(--ui);min-height:36px;border-radius:10px;padding:9px 12px;background:var(--card);box-shadow:none;flex:none}
.scene-auto-termine{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--green)}
.scene-suivi{margin:20px 10px 0;border:1px solid var(--line);border-radius:17px;background:color-mix(in srgb,var(--card) 50%,transparent);scroll-margin-top:84px}
.scene-suivi>summary{display:flex;align-items:center;gap:12px;cursor:pointer;list-style:none;padding:16px 18px;user-select:none}
.scene-suivi>summary::-webkit-details-marker{display:none}
.scene-suivi-icone{color:var(--brand-t);display:flex}
.scene-suivi>summary>span:nth-child(2){display:flex;flex:1;align-items:baseline;gap:14px;flex-wrap:wrap}
.scene-suivi>summary b{font:600 14px/1.4 var(--disp);letter-spacing:-.02em}
.scene-suivi>summary small{font:400 10px/1.6 'Montserrat',var(--ui);color:var(--ink2)}
.scene-suivi>summary>svg{color:var(--ink3);flex:none;transition:transform .15s}
.scene-suivi[open]>summary>svg{transform:rotate(180deg)}
.scene-suivi-contenu{padding:0 18px 18px}
.scene-suivi-filtres{display:flex;flex-wrap:wrap;gap:7px}
.scene-suivi-filtre{display:flex;align-items:center;gap:6px;min-height:35px;padding:8px 11px;border:1px solid var(--line);background:var(--card);border-radius:10px;color:var(--ink2);font:500 10px/1.4 'Montserrat',var(--ui)}
.scene-suivi-filtre small{font:500 9px/1 var(--mono);color:var(--ink3);padding-left:3px}
.scene-suivi-filtre:hover,.scene-suivi-filtre.actif{color:var(--brand-t);background:var(--brand-s);border-color:color-mix(in srgb,var(--brand-t) 25%,var(--line))}
.scene-retour{display:flex;align-items:center;gap:6px;color:var(--brand-t);font:600 11px/1.4 var(--ui);padding:8px 0 16px}
.scene-suivi-etiquettes{margin-top:14px;font-size:11px}
.scene-suivi-etiquettes>summary{display:flex;align-items:center;gap:6px;font:500 10px/1.5 'Montserrat',var(--ui);color:var(--ink2);padding:5px 0;cursor:pointer;list-style:none}
.scene-suivi-etiquettes .scene-suivi-filtres{margin-top:8px}
.scene-suivi-resultat{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}
.scene-parcours{margin:18px 0 0}
html[data-skin="anthracite"] .scene-session-icone,html[data-skin="noir"] .scene-session-icone{color:color-mix(in srgb,var(--session-ton) 65%,#fff)}
@media(max-width:1100px) and (min-width:701px){.scene-sessions-grille{grid-template-columns:repeat(2,minmax(0,1fr))}.scene-session:last-child:nth-child(odd){grid-column:1/-1}.scene-session-texte>span{min-height:0}}
@media(max-width:700px){.scene-sessions{margin:23px 0 0;padding-top:21px}.scene-complement-tete{gap:5px;margin-bottom:13px;flex-direction:column}.scene-complement-tete h2{font-size:20px}.scene-sessions-grille{grid-template-columns:1fr;gap:9px}.scene-session{padding:15px;align-items:center;gap:12px;border-radius:15px}.scene-session-texte>span{min-height:0;font-size:10px}.scene-session-texte{gap:4px}.scene-session>svg{margin-top:0}.scene-session-auto{flex-wrap:wrap;padding:14px;gap:10px}.scene-session-auto>div{flex-basis:calc(100% - 44px)}.scene-session-auto .btn,.scene-auto-termine{margin-left:42px}.scene-session-auto p{font-size:9px}.scene-suivi{margin:16px 0 0;border-radius:15px}.scene-suivi>summary{padding:15px;gap:10px}.scene-suivi>summary>span:nth-child(2){flex-direction:column;gap:3px;align-items:flex-start}.scene-suivi>summary small{font-size:9px}.scene-suivi-contenu{padding:0 14px 14px}.scene-suivi-filtre{font-size:9px;padding:8px}.scene-suivi-resultat .grille-idc{grid-template-columns:repeat(2,minmax(0,1fr))}.scene-sessions .bq-gang-choix{padding:14px}.scene-sessions .bq-gang-intro{gap:5px;flex-direction:column;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.scene-session,.scene-suivi>summary>svg{transition:none}}

/* Enseignes : vrais assets locaux, taille discrète et mentions des voix partagées. */
.voix-enseignes{display:flex;align-items:center;gap:5px;flex-wrap:wrap;min-width:0}
.voix-enseigne{display:inline-flex;align-items:center;justify-content:center;flex:none;min-height:26px;padding:5px 8px;border:1px solid color-mix(in srgb,var(--line) 65%,transparent);border-radius:7px;background:var(--card);color:var(--ink2);font:600 9px/1.25 'Montserrat',var(--ui);letter-spacing:0;text-transform:none;white-space:nowrap;box-shadow:0 2px 5px #14213404}
.voix-enseigne.avec-logo{background:var(--enseigne-fond);min-width:46px;height:28px;padding:4px 7px;border-color:#15263c12}
.voix-enseigne img{display:block;object-fit:contain;max-width:68px;width:auto;height:18px;max-height:20px}
.voix-enseigne img[hidden],.voix-enseigne-secours[hidden]{display:none}
.voix-enseigne[data-enseigne="chicken"] img{width:82px;max-width:82px;height:23px}
.voix-enseigne[data-enseigne="quick"] img{height:23px;max-height:23px}
.voix-enseigne[data-enseigne="jd"] img{width:28px;height:18px}
.voix-enseigne[data-enseigne="action"] img{width:58px;height:17px}
.voix-enseigne[data-enseigne="otacos"] img{width:25px;height:23px;max-height:23px}
.voix-enseigne-suite{font:550 9px/1 'Montserrat',var(--ui);color:var(--ink2);padding:4px 2px}
.voix-enseigne[data-enseigne="chicken"] .voix-enseigne-secours,.voix-enseigne[data-enseigne="jd"] .voix-enseigne-secours{color:#fff}
.bq-scene .scene-lineup:has(.voix-enseignes) .scene-panneau{height:151px;min-height:151px}
.scene-panneau .voix-enseignes{margin-top:auto;padding-top:8px;flex-wrap:nowrap;overflow:hidden}
.scene-panneau .voix-enseigne{min-height:24px;font-size:8px;padding:4px 6px}
.scene-panneau .voix-enseigne.avec-logo{height:26px}
.scene-panneau .voix-enseigne[data-enseigne="chicken"] img{max-width:74px;width:74px;height:21px}
.scene-panneau .scene-description{flex-shrink:0}
.scene-panneau:has(.voix-enseignes) .scene-description{-webkit-line-clamp:1;max-height:17px;min-height:17px;overflow:hidden}
.scene-action .voix-enseignes{margin:8px 0 1px}
.scene-action .voix-enseigne{font-size:8px}
.fiche-voix .fiche-enseignes{padding:0 1px 3px}
.fiche-enseignes-entete{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap;margin:0 0 8px;font:600 10px/1.5 'Montserrat',var(--ui);color:var(--ink2)}
.fiche-enseignes-entete>small{font-size:9px;font-weight:400}
.fiche-voix .fiche-enseignes .voix-enseigne{min-height:31px;padding:6px 9px;font-size:10px;border-radius:8px}
.fiche-voix .fiche-enseignes .voix-enseigne.avec-logo{height:34px}
.fiche-voix .voix-enseigne[data-enseigne="chicken"] img{width:96px;max-width:96px;height:23px}
@media(max-width:700px){.bq-scene .scene-lineup:has(.voix-enseignes) .scene-panneau{height:151px;min-height:151px}.scene-panneau .voix-enseigne{font-size:9px}.scene-action .voix-enseignes{gap:5px}.fiche-enseignes-entete{font-size:9px}}

/* Logos de vêtements : tracés vectoriels, proportions propres à chaque enseigne. */
.voix-enseigne[data-enseigne="bershka"] img{width:74px;max-width:74px;height:18px}
.voix-enseigne[data-enseigne="zara"] img{width:43px;max-width:43px;height:20px}
.voix-enseigne[data-enseigne="jacquemus"] img{width:88px;max-width:88px;height:18px}
.voix-enseigne[data-enseigne="printemps"] img{width:94px;max-width:94px;height:18px}
.fiche-voix .voix-enseigne[data-enseigne="bershka"] img{width:87px;max-width:87px;height:20px}
.fiche-voix .voix-enseigne[data-enseigne="zara"] img{width:51px;max-width:51px;height:23px;max-height:23px}
.fiche-voix .voix-enseigne[data-enseigne="jacquemus"] img{width:100px;max-width:100px;height:21px;max-height:21px}
.fiche-voix .voix-enseigne[data-enseigne="printemps"] img{width:106px;max-width:106px;height:21px;max-height:21px}
.scene-panneau .voix-enseigne[data-enseigne="jacquemus"] img{width:77px;max-width:77px;height:17px}
.scene-panneau .voix-enseigne[data-enseigne="bershka"] img{width:65px;max-width:65px;height:17px}

/* 22/10 : personnage pris en entier par un autre doubleur : visible, mais grisé */
.scene-personnage.pris-par .scene-modele{filter:grayscale(1);opacity:.5}
.scene-personnage.pris-par .scene-barre i{background:#8b929c}
.scene-personnage.pris-par .scene-pastille{opacity:1;background:#3b414b;color:#fff;box-shadow:none}