/* Thème « Coloré » : couleurs vives, gros boutons bombés à contour épais, titres façon dessin animé.
   Activé par <html data-theme="colore"> (réglage du Profil) ; sert aussi de base aux styles Cosy, Néon et Clair pop (theme-variantes.css). Les cartes gardent leurs propres couleurs de rareté. */
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]){
  --nuit:#1a1060; --fond:#2a1aa8; --panneau:#3d4bff; --panneau-2:#5560ff; --ligne:#120a45;
  --texte:#ffffff; --doux:#d8dcff; --or:#ffd21f; --or-clair:#fff1a8;
  --ok:#3ee06c; --alerte:#ff4d6d;
  --titre:"Lilita One","Outfit",system-ui,sans-serif; --gras:"Lilita One","Outfit",system-ui,sans-serif;
  --contour:3px solid #120a45; --ombre:0 5px 0 #120a45;
}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) body{background:var(--fond);font-weight:600}

/* ciel : rayons de soleil et étoiles qui tournent, sur un dégradé bleu roi → violet */
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) #ciel{background:
  radial-gradient(900px 600px at 50% -10%,#6a5cff 0,transparent 60%),
  linear-gradient(170deg,#2f6bff 0%,#4b2ee0 45%,#8a1fd1 100%)}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) #ciel::before{inset:-60%;opacity:.16;background:repeating-conic-gradient(from 0deg at 50% 40%,#fff 0 6deg,transparent 6deg 18deg);animation:tourne 120s linear infinite;background-size:auto}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) #ciel::after{opacity:.55;background-image:
  radial-gradient(3px 3px at 20% 30%,#fff,transparent),radial-gradient(2px 2px at 70% 20%,#fff,transparent),
  radial-gradient(4px 4px at 40% 70%,#ffe35c,transparent),radial-gradient(2px 2px at 85% 60%,#fff,transparent),
  radial-gradient(3px 3px at 10% 85%,#7ff0ff,transparent),radial-gradient(4px 4px at 60% 45%,#ffe35c,transparent);background-size:380px 380px}
@keyframes tourne{to{transform:rotate(360deg)}}

/* titres : gros, blancs, contour sombre */
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) h1,:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) h2,:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) h3{font-family:var(--titre);font-weight:400;letter-spacing:.01em;color:#fff;text-transform:none;
  -webkit-text-stroke:0;text-shadow:0 3px 0 #120a45,2px 0 0 #120a45,-2px 0 0 #120a45,0 -2px 0 #120a45,2px 2px 0 #120a45,-2px 2px 0 #120a45}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) h1{font-size:clamp(27px,7vw,36px)}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .sous{color:var(--doux)}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .marque{color:var(--or);font-family:var(--titre);text-shadow:0 3px 0 #120a45}

/* barre et menu */
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) #barre{background:linear-gradient(180deg,#1b1475,#251a9a);border-bottom:var(--contour);box-shadow:0 4px 0 rgba(18,10,69,.5)}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .compteur{background:#120a45;border:2px solid #000;border-radius:12px;font-family:var(--titre);font-weight:400;font-size:16px;padding:3px 10px 3px 4px;gap:6px}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .compteur svg{width:22px;height:22px;padding:3px;border-radius:50%;background:#ff9f1c;fill:#fff;border:2px solid #120a45}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .compteur.eclats svg{background:none;border:0;padding:0;filter:drop-shadow(0 2px 0 #120a45)}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .icone-barre{background:#ffd21f;border:var(--contour);box-shadow:0 3px 0 #120a45}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .icone-barre svg{fill:#120a45}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .icone-barre b,:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .pastille-nb{background:#ff2e5b;color:#fff;border:2px solid #120a45;font-family:var(--titre);font-weight:400}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) #menu{background:linear-gradient(180deg,#251a9a,#1b1475);border-top:var(--contour)}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) #menu a{color:#b9bfff;font-family:var(--titre);font-weight:400;font-size:12px;letter-spacing:.02em}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) #menu a svg{filter:drop-shadow(0 2px 0 #120a45)}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) #menu a.actif{color:#fff}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) #menu a.actif svg{fill:#ffd21f;transform:translateY(-3px) scale(1.18);transition:transform .25s cubic-bezier(.3,1.6,.5,1)}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) #menu a.actif::before{background:#ffd21f;height:5px;left:20%;right:20%}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) #menu a.boutique-lien{color:#7ff0ff}
@media (min-width:900px){
  :root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) #menu{background:transparent;border:0}
  :root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) #menu a{font-size:16px;color:#fff;border:3px solid transparent}
  :root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) #menu a.actif{background:#3d4bff;border:var(--contour);box-shadow:var(--ombre)}
}

/* panneaux : bleu vif, contour sombre, reflet en haut */
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .panneau,:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .offre,:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .solde{
  background:linear-gradient(180deg,#5966ff 0,#3d4bff 38%,#3442e8 100%);border:var(--contour);border-radius:20px;box-shadow:var(--ombre),inset 0 3px 0 rgba(255,255,255,.35)}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .panneau h2{color:#fff}

/* boutons bombés qu'on enfonce */
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .bouton{font-family:var(--titre);font-weight:400;font-size:17px;letter-spacing:.02em;color:#2b1700;border-radius:14px;
  background:linear-gradient(180deg,#ffe866 0,#ffd21f 50%,#ffb800 100%);border:var(--contour);box-shadow:0 5px 0 #120a45,inset 0 3px 0 rgba(255,255,255,.6);
  text-shadow:0 1px 0 rgba(255,255,255,.5);transition:transform .08s,box-shadow .08s}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .bouton:active{transform:translateY(4px);box-shadow:0 1px 0 #120a45,inset 0 3px 0 rgba(255,255,255,.6)}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .bouton.second{background:linear-gradient(180deg,#ffffff 0,#e3e6ff 100%);color:#1b1475;border:var(--contour)}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .bouton.bleu{background:linear-gradient(180deg,#7ff0ff 0,#21b8ff 55%,#0a8fe0 100%);color:#062044}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .bouton.brille{background:linear-gradient(180deg,#9dff7a 0,#3ee06c 55%,#1fb84c 100%);color:#062a10}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .bouton.petit{font-size:15px;min-height:40px;border-radius:12px}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .bouton:disabled{filter:grayscale(.7);opacity:.6}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .puce{font-family:var(--titre);font-weight:400;font-size:14.5px;background:#fff;color:#1b1475;border:var(--contour);box-shadow:0 3px 0 #120a45}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .puce[aria-pressed="true"]{background:#ffd21f;color:#2b1700;border-color:#120a45}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) input[type=search],:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) input[type=text],:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) select{background:#fff;color:#1b1475;border:var(--contour);border-radius:14px;font-weight:700;box-shadow:inset 0 3px 0 rgba(0,0,0,.08)}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) input::placeholder{color:#8a8fc7}

/* tuiles d'accueil : une couleur franche chacune */
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .tuile{border:var(--contour);box-shadow:var(--ombre),inset 0 3px 0 rgba(255,255,255,.4);border-radius:18px;transition:transform .15s}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .tuile:active{transform:translateY(3px) scale(.98)}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .tuile b{font-family:var(--titre);font-weight:400;font-size:18px;text-shadow:0 2px 0 rgba(0,0,0,.35)}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .tuile small{color:rgba(255,255,255,.92);font-weight:700}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .tuile svg,:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .tuile .ico-jeu{fill:#fff;color:#fff;filter:drop-shadow(0 3px 0 rgba(0,0,0,.35));width:34px;height:34px}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .tuile:nth-child(6n+1){background:linear-gradient(160deg,#ff7a1a,#ff4d2e)}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .tuile:nth-child(6n+2){background:linear-gradient(160deg,#ff4fa3,#d6248a)}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .tuile:nth-child(6n+3){background:linear-gradient(160deg,#21b8ff,#1a6dff)}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .tuile:nth-child(6n+4){background:linear-gradient(160deg,#3ee06c,#14a85a)}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .tuile:nth-child(6n+5){background:linear-gradient(160deg,#b061ff,#7a2ee0)}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .tuile:nth-child(6n+6){background:linear-gradient(160deg,#ffcc1f,#ff9f1c)}

/* accueil */
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .salut small{color:#ffe866;font-family:var(--titre);font-size:16px}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .titre-joueur{background:#ffd21f;color:#2b1700;border:var(--contour);font-family:var(--titre);font-weight:400;box-shadow:0 3px 0 #120a45}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .titre-joueur svg{fill:#2b1700}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .hero-booster{background:radial-gradient(circle at 80% 40%,#ffdf3d 0,transparent 45%),linear-gradient(160deg,#ff5ab4,#8a2be2);border:var(--contour);box-shadow:var(--ombre),inset 0 3px 0 rgba(255,255,255,.4)}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .hero-booster .paquet{animation:sautille 2.4s ease-in-out infinite}
@keyframes sautille{0%,100%{transform:rotate(6deg) translateY(0)}50%{transform:rotate(2deg) translateY(-8px)}}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .reserve-points i{border:2px solid #120a45;background:rgba(18,10,69,.45);border-radius:5px}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .reserve-points i.plein{background:#ffd21f}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .reserve-points i.bonus{background:#3ee06c}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .cadeau{background:linear-gradient(160deg,#3ee06c,#14a85a);border:var(--contour);box-shadow:var(--ombre);animation:appel 1.8s ease-in-out infinite}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .cadeau b{font-family:var(--titre);font-weight:400;font-size:17px}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .cadeau small{color:#eaffef!important}
@keyframes appel{0%,100%{transform:scale(1)}50%{transform:scale(1.03)}}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .banniere-saison{border:var(--contour);box-shadow:var(--ombre)}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .banniere-saison b{font-family:var(--titre);font-weight:400;font-size:18px}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .titre-section a{color:#ffe866;font-family:var(--titre);font-weight:400;font-size:15px}

/* jauges rayées vertes, missions */
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .jauge{height:14px;border-radius:8px;background:#120a45;border:2px solid #120a45}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .jauge > span,:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .jauge.or > span{border-radius:6px;background:repeating-linear-gradient(-45deg,#3ee06c 0 10px,#2bc85a 10px 20px);background-size:auto;animation:rayures 1s linear infinite}
@keyframes rayures{to{background-position:28px 0}}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .mission{border-bottom:2px dashed rgba(18,10,69,.55)}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .mission b,:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .succes b{font-family:var(--titre);font-weight:400;font-size:16px}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .mission .gain,:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .gain{color:#ffe866;font-family:var(--titre);font-weight:400}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .succes .medaille{background:radial-gradient(circle at 35% 30%,#fff3a0,#ffb800);border:var(--contour);color:#2b1700;font-family:var(--titre)}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .succes .medaille.vide{background:#5560ff;color:#fff}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .calendrier div{background:#fff;color:#1b1475;border:var(--contour);font-family:var(--titre);font-weight:400}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .calendrier div.pris{background:#3ee06c;color:#062a10}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .calendrier div.aujourdhui{background:#ffd21f;color:#2b1700;animation:appel 1.4s ease-in-out infinite}

/* boutique */
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .solde .montant{font-family:var(--titre);font-weight:400;font-size:40px;color:#fff;text-shadow:0 3px 0 #120a45}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .offre h3{font-family:var(--titre);font-weight:400;font-size:20px}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .offre p{color:#eef0ff}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .offre .etiquette,:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .paquet-choix .etiquette{background:#ff2e5b;color:#fff;border:2px solid #120a45;font-family:var(--titre);font-weight:400;transform:rotate(6deg)}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .paquet-choix small{color:#fff;font-weight:700}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .paquet-choix .prix{background:#120a45;border:2px solid #000;color:#fff;font-family:var(--titre);font-weight:400}

/* fiche d'une carte et fenêtres */
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .fiche{background:rgba(26,16,96,.94)}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .fiche .meta span{background:#fff;color:#1b1475;border:2px solid #120a45;font-weight:800}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .fiche .meta span.r{background:var(--rc);color:#120a45}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .fiche .lien-oeuvre{color:#ffe866;font-family:var(--titre);font-weight:400;font-size:17px}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .fiche .details{background:rgba(18,10,69,.45);border:2px solid #120a45;border-radius:16px;padding:12px}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .fiche .details dt{color:#ffe866;font-family:var(--titre);font-weight:400}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .fiche .fermer,:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) #calque .fermer{background:#ff2e5b;color:#fff;border:var(--contour);box-shadow:0 3px 0 #120a45;font-family:var(--titre)}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .fenetre-modale{background:rgba(26,16,96,.85)}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .gain-grand{font-family:var(--titre);font-weight:400;font-size:34px;color:#ffe866;text-shadow:0 3px 0 #120a45}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) #toast{background:#fff;color:#1b1475;border:var(--contour);box-shadow:var(--ombre);font-family:var(--titre);font-weight:400;font-size:16px;border-radius:16px}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) #toast.gain{background:#ffd21f;color:#2b1700;border-color:#120a45}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) #toast.erreur{background:#ff4d6d;color:#fff}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .interrupteur{background:#120a45;border:2px solid #120a45}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .interrupteur:checked{background:#3ee06c}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .reglage span{font-family:var(--titre);font-weight:400;font-size:17px}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .reglage small{font-family:var(--corps);font-weight:600;font-size:13px}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .stats div{background:#fff;border:var(--contour);box-shadow:0 3px 0 #120a45}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .stats b{color:#1b1475;font-family:var(--titre);font-weight:400}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .stats small{color:#4b52a8}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) table.chances td,:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) table.chances th{border-color:rgba(18,10,69,.5)}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .rang-ligne{background:rgba(18,10,69,.35);border:2px solid #120a45}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .rang-ligne.moi{background:#ffd21f;color:#2b1700}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .rang-ligne.moi small{color:#5a3d00}

/* cartes : contour sombre de jeu mobile, noms en police cartoon */
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .carte .face{box-shadow:0 0 0 3px #120a45,0 6px 0 3px rgba(18,10,69,.6)}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .carte .nom{font-family:var(--titre);font-weight:400;font-size:1.5em;letter-spacing:.01em;text-shadow:0 2px 0 #000,1px 0 0 #000,-1px 0 0 #000}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .carte .pastille{border:1.5px solid #120a45;font-family:var(--titre);font-weight:400;letter-spacing:.06em}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .carte .cat{background:#120a45;color:#fff;font-family:var(--titre);font-weight:400;letter-spacing:.04em}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .carte .quantite{background:#ff2e5b;color:#fff;border:2px solid #120a45;font-family:var(--titre);font-weight:400}

/* entrée des écrans : chaque bloc arrive en rebondissant */
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) main > .pile > *{animation:arrive .45s cubic-bezier(.3,1.5,.5,1) backwards}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) main > .pile > *:nth-child(2){animation-delay:.04s}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) main > .pile > *:nth-child(3){animation-delay:.08s}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) main > .pile > *:nth-child(4){animation-delay:.12s}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) main > .pile > *:nth-child(n+5){animation-delay:.16s}
@keyframes arrive{from{opacity:0;transform:translateY(18px) scale(.96)}}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) body.calme main > .pile > *{animation:none}

/* salle de jeux */
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .gacha-entree{background:linear-gradient(160deg,#ff5ab4,#8a2be2);border:var(--contour);box-shadow:var(--ombre)}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .gacha-entree b{color:#fff;text-shadow:0 2px 0 #120a45}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .gacha-entree small{color:#fff}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .gacha-entree .garantie{color:#bfffd0}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .tapis{border-color:#120a45;border-width:5px;box-shadow:var(--ombre),inset 0 0 40px rgba(0,0,0,.4)}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .resultat-jeu{font-family:var(--titre);font-weight:400;font-size:21px;text-shadow:0 2px 0 #120a45}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .socle{border:var(--contour);box-shadow:var(--ombre)}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .sphere{border:4px solid #120a45}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .memo-case span{border:3px solid #120a45}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .choix-devine .choix{font-size:16px}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .accueil-entree .panneau{text-align:center}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .carte[data-r="mythique"] .nom{background:none;-webkit-text-fill-color:#fff;color:#fff;text-shadow:0 2px 0 #4a0a5e,1px 0 0 #4a0a5e,-1px 0 0 #4a0a5e,0 0 12px rgba(255,111,174,.9)}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .carte .pastille{letter-spacing:.03em}
:root:is([data-theme="colore"],[data-theme="cosy"],[data-theme="neon"],[data-theme="pop"]) .carte.cadree .nom:not(.long,.tres-long){font-size:1.42em}