/* v2795 (propriétaire) — CASINO OROLADO, nouvelle base commune à tous les jeux refaits.
   - Terminal de mise comme les grands jeux (Aviator / JetX) : montant − / + (petite croix dans la case), 4 montants rapides,
     grand bouton de mise à droite. Aucun mot dans le terminal.
   - Textes élastiques (.fit) : toujours sur UNE ligne, ils rapetissent seuls (js : fitEl) — jamais de débordement.
   - Base des scènes refaites (.cg-stage) : carte « univers » sombre, bord fin, coins ronds.
   Toutes les règles sont préfixées « html:root body #casinoModal » pour passer devant les anciennes couches de app.css. */
:root{--cg-ink:#F5F3FF;--cg-mute:#A9A3CF;--cg-line:rgba(255,255,255,.12);--cg-card:rgba(13,9,34,.72);--cg-gold:#FBBF24;--cg-gold2:#F59E0B;
  --cg-green:#22C55E;--cg-green2:#15803D;--cg-red:#F43F5E;--cg-violet:#8B5CF6;--cg-font:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}

/* ---------- textes élastiques ---------- */
html:root body #casinoModal .fit{white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important;min-width:0}
html:root body #casinoModal .cs-gname b.fit{display:block;max-width:100%}

/* ---------- chargement d'un jeu (fichier à la demande) ---------- */
html:root body #casinoModal .cg-load{flex:1;display:grid;place-items:center;min-height:200px}
html:root body #casinoModal .cg-load i{width:38px;height:38px;border-radius:50%;border:3px solid rgba(255,255,255,.15);border-top-color:var(--cg-gold);animation:cgSpin .8s linear infinite}
@keyframes cgSpin{to{transform:rotate(360deg)}}

/* ---------- terminal de mise ---------- */
html:root body #casinoModal .cs-panel.cg-panel{display:flex!important;flex-direction:column!important;gap:8px!important;padding:8px!important;border-radius:20px!important;
  background:var(--cg-card)!important;box-shadow:inset 0 0 0 1px var(--cg-line),0 10px 30px -18px rgba(0,0,0,.9)!important;flex:0 0 auto}
html:root body #casinoModal .cg-term{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:8px;align-items:stretch}
html:root body #casinoModal .cg-tl{display:flex;flex-direction:column;gap:6px;min-width:0}
html:root body #casinoModal .cg-amt{display:flex;align-items:center;gap:4px;height:44px;padding:0 5px;border-radius:999px;background:rgba(0,0,0,.42);box-shadow:inset 0 0 0 1px var(--cg-line)}
html:root body #casinoModal .cg-step{width:34px!important;height:34px!important;min-width:34px;min-height:0!important;flex:0 0 34px!important;padding:0!important;border:0!important;border-radius:50%!important;
  display:grid!important;place-items:center;background:rgba(255,255,255,.12)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)!important;color:#fff!important;cursor:pointer}
html:root body #casinoModal .cg-step svg{width:16px;height:16px;fill:none;stroke:#fff;stroke-width:2.8;stroke-linecap:round}
html:root body #casinoModal .cg-step:active{transform:scale(.9);background:rgba(255,255,255,.22)!important}
html:root body #casinoModal .cg-in{position:relative;flex:1 1 auto;min-width:0;height:100%;display:flex;align-items:center}
html:root body #casinoModal .cg-in input{width:100%!important;min-width:0!important;height:100%!important;padding:0 22px 0 4px!important;border:0!important;outline:0;background:transparent!important;
  box-shadow:none!important;text-align:center;color:#fff!important;font:900 clamp(15px,4.6vw,19px)/1 var(--cg-font)!important;font-variant-numeric:tabular-nums;letter-spacing:.01em}
html:root body #casinoModal .cg-clr{position:absolute;right:0;top:50%;width:20px!important;height:20px!important;min-height:0!important;margin-top:-10px;padding:0!important;border:0!important;border-radius:50%!important;
  display:grid!important;place-items:center;background:rgba(255,255,255,.14)!important;box-shadow:none!important;cursor:pointer}
html:root body #casinoModal .cg-clr svg{width:11px;height:11px;fill:none;stroke:rgba(255,255,255,.85);stroke-width:3;stroke-linecap:round}
html:root body #casinoModal .cg-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
html:root body #casinoModal .cg-quick button{min-width:0;height:30px!important;min-height:0!important;padding:0 2px!important;border:0!important;border-radius:999px!important;cursor:pointer;
  background:rgba(255,255,255,.08)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)!important;color:#E9E5FF!important;font:800 clamp(11px,3.3vw,13px)/1 var(--cg-font)!important;white-space:nowrap}
html:root body #casinoModal .cg-quick button:active{transform:scale(.94);background:rgba(251,191,36,.25)!important}
html:root body #casinoModal .cs-go.cg-go{min-height:80px!important;height:auto!important;margin:0!important;padding:0 10px!important;border:0!important;border-radius:16px!important;
  display:flex!important;align-items:center;justify-content:center;width:100%!important;cursor:pointer;
  color:#fff!important;font:900 clamp(16px,5vw,22px)/1.05 var(--cg-font)!important;letter-spacing:.02em;text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.3);
  background:linear-gradient(180deg,#4ADE80 0%,#22C55E 45%,#16A34A 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45),inset 0 -3px 0 rgba(0,0,0,.18),0 10px 24px -12px rgba(34,197,94,.9)!important;transition:transform .1s,filter .15s}
html:root body #casinoModal .cs-go.cg-go:active{transform:scale(.97)}
html:root body #casinoModal .cs-go.cg-go:disabled{filter:saturate(.35) brightness(.8);opacity:1!important}
html:root body #casinoModal .cs-go.cg-go.cash{color:#3B2300!important;text-shadow:none;background:linear-gradient(180deg,#FDE68A 0%,#FBBF24 45%,#F59E0B 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -3px 0 rgba(0,0,0,.15),0 10px 24px -12px rgba(245,158,11,.95)!important}
html:root body #casinoModal .cs-go.cg-go.placed,html:root body #casinoModal .cs-go.cg-go.wait{color:#FDE68A!important;background:linear-gradient(180deg,#3F3A66,#2A2550)!important;
  box-shadow:inset 0 0 0 1.5px rgba(253,230,138,.45)!important;filter:none}
html:root body #casinoModal .cs-go.cg-go.stop{background:linear-gradient(180deg,#FB7185,#E11D48)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 10px 24px -12px rgba(225,29,72,.9)!important}
/* petits écrans : terminal plus bas, rien ne disparaît */
@media (max-height:640px){
  html:root body #casinoModal .cg-amt{height:38px}
  html:root body #casinoModal .cg-step{width:30px!important;height:30px!important;min-width:30px;flex-basis:30px!important}
  html:root body #casinoModal .cg-quick button{height:26px!important}
  html:root body #casinoModal .cs-go.cg-go{min-height:68px!important}
}
/* visiteur : le terminal laisse la place à « Créer mon compte » */
html:root body #casinoModal .cs-panel.cg-panel.cs-guestpanel > .cg-term{display:none!important}

/* ---------- base des scènes refaites ---------- */
html:root body #casinoModal .cg-game{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:8px;position:relative}
html:root body #casinoModal .cg-stage{position:relative;flex:1 1 auto;min-height:180px;border-radius:20px;overflow:hidden;isolation:isolate;
  background:radial-gradient(120% 80% at 50% 0%,rgba(139,92,246,.28),transparent 60%),linear-gradient(180deg,#1B1442,#0E0A26);
  box-shadow:inset 0 0 0 1px var(--cg-line),0 12px 30px -20px rgba(0,0,0,.9)}
html:root body #casinoModal .cg-stage::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.55;
  background-image:radial-gradient(1px 1px at 12% 18%,#fff,transparent),radial-gradient(1px 1px at 72% 12%,#fff,transparent),radial-gradient(1.4px 1.4px at 38% 62%,#fff,transparent),
    radial-gradient(1px 1px at 86% 70%,#fff,transparent),radial-gradient(1.2px 1.2px at 22% 84%,#fff,transparent),radial-gradient(1px 1px at 58% 36%,#fff,transparent),radial-gradient(1px 1px at 94% 44%,#fff,transparent)}
/* bandeau d'historique (derniers résultats) commun */
html:root body #casinoModal .cg-hist{display:flex;gap:5px;overflow:hidden;min-height:24px;align-items:center;mask-image:linear-gradient(90deg,#000 85%,transparent)}
html:root body #casinoModal .cg-hist i{flex:none;padding:3px 8px;border-radius:999px;font:800 11.5px/1.2 var(--cg-font);font-style:normal;white-space:nowrap;background:rgba(255,255,255,.08);color:#C4B5FD}
html:root body #casinoModal .cg-hist i.lo{color:#93C5FD}
html:root body #casinoModal .cg-hist i.mid{color:#C4B5FD;background:rgba(139,92,246,.18)}
html:root body #casinoModal .cg-hist i.hi{color:#FDE68A;background:rgba(251,191,36,.18)}
/* choix (options) au-dessus du terminal : boutons ronds, élastiques */
html:root body #casinoModal .cg-opts{display:grid;gap:6px;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}
html:root body #casinoModal .cg-opts > button{min-width:0;min-height:44px!important;padding:4px 6px!important;border:0!important;border-radius:14px!important;cursor:pointer;
  display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:2px;
  background:rgba(255,255,255,.07)!important;box-shadow:inset 0 0 0 1px var(--cg-line)!important;color:#fff!important;font:800 13px/1.1 var(--cg-font)!important}
html:root body #casinoModal .cg-opts > button small{font:800 11px/1 var(--cg-font);color:var(--cg-gold)}
html:root body #casinoModal .cg-opts > button.on{background:linear-gradient(180deg,rgba(251,191,36,.3),rgba(245,158,11,.18))!important;box-shadow:inset 0 0 0 2px var(--cg-gold),0 0 16px -4px rgba(251,191,36,.7)!important}
html.oro-lite body #casinoModal .cg-stage::before{display:none}

/* ---------- cadre du casino ---------- */
/* téléphone couché : la page du jeu tient exactement dans l'écran (avant : 34 px coupés à droite) */
@media (max-width:859px){
  html:root body #casinoModal#casinoModal:not(#cgx) > .modal-box{left:0!important;right:0!important;width:auto!important;max-width:none!important}
}
/* télé : le casino prend presque tout l'écran (avant : petite fenêtre au milieu) */
/* le site entier est réduit à 62 % sur télé (zoom de html) : le casino est agrandi ×1,6 pour retrouver une vraie taille */
html.is-tv:root body #casinoModal#casinoModal:not(#cgx) > .modal-box{zoom:1.6;width:960px!important;max-width:none!important;height:880px!important;max-height:none!important}
/* montant : toujours de gauche à droite (arabe compris), marges égales → jamais coupé */
html:root body #casinoModal .cg-in input{direction:ltr!important;unicode-bidi:isolate;padding:0 22px!important}
html:root body #casinoModal .cg-quick button,html:root body #casinoModal .cg-amt{direction:ltr}
/* téléphone couché : la scène d'un jeu refait garde toute la hauteur (comme .cs-stage dans app.css) */
@media (orientation:landscape) and (max-height:500px){
  html:root body #casinoModal.in-game .cs-game > .cg-stage{height:calc(100dvh - 120px);min-height:0;flex:none}
}
/* barre du haut : le solde (même 1 000 000,00 $) ne pousse jamais le bouton « ? » hors de l'écran */
html:root body #casinoModal .cs-top{grid-template-columns:40px minmax(0,1fr) 40px!important}
html:root body #casinoModal .cs-top #csBal{min-width:0;max-width:100%;justify-self:center}
html:root body #casinoModal .cs-top #csBal b{white-space:nowrap;overflow:hidden;text-overflow:clip}
/* arabe : jamais d'espacement entre les lettres (il casse l'écriture liée) */
html[lang="ar"]:root body #casinoModal *,html.lang-ar:root body #casinoModal *{letter-spacing:0!important}
/* montant : une marge seulement du côté de la petite croix (plus de place pour les chiffres) */
html:root body #casinoModal .cg-in input{padding:0 20px 0 2px!important;font-size:clamp(14px,4.4vw,19px)!important}

/* ===== v2803 (propriétaire) : terminal inchangé (− · montant · ✕ · +), seulement plus lisible : le + est un gros bouton doré,
   la ✕ reste une petite pastille rouge DANS la case, bien à l'écart du + (on ne les confond plus) ===== */
html:root body #casinoModal .cg-amt{gap:6px;padding:0 4px}
html:root body #casinoModal .cg-step{width:38px!important;height:38px!important;min-width:38px;flex:0 0 38px!important}
html:root body #casinoModal .cg-step[data-sk="up"]{background:linear-gradient(180deg,#FDE68A,#F59E0B)!important;box-shadow:0 2px 8px rgba(245,158,11,.45),inset 0 1px 0 rgba(255,255,255,.5)!important}
html:root body #casinoModal .cg-step[data-sk="up"] svg{stroke:#3B2300;stroke-width:3.4}
html:root body #casinoModal .cg-step[data-sk="dn"]{background:rgba(255,255,255,.16)!important;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.3)!important}
html:root body #casinoModal .cg-step[data-sk="dn"] svg{stroke-width:3.4}
html:root body #casinoModal .cg-clr{right:4px!important;width:18px!important;height:18px!important;margin-top:-9px!important;background:rgba(244,63,94,.28)!important;box-shadow:inset 0 0 0 1px rgba(251,113,133,.6)!important}
html:root body #casinoModal .cg-clr svg{width:9px!important;height:9px!important;stroke:#FECDD3!important}
html:root body #casinoModal .cg-in input{padding:0 24px 0 2px!important}
@media (max-height:640px){html:root body #casinoModal .cg-step{width:34px!important;height:34px!important;min-width:34px;flex-basis:34px!important}}
@media (max-width:380px){html:root body #casinoModal .cg-in input{font-size:15px!important;padding:0 20px 0 0!important;letter-spacing:-.02em}
  html:root body #casinoModal .cg-amt{gap:4px;padding:0 3px}}

/* ===== v2804 (propriétaire) : ACCUEIL DES JEUX en 3 listes — Live · Tu contrôles · Tous les jeux (la liste défile) ===== */
html:root body #casinoModal #csView.cs-grid.cs-grid3{display:block!important;padding:4px 2px 18px!important;max-width:900px;margin:0 auto}
html:root body #casinoModal .cs-sec{margin:0 0 14px}
html:root body #casinoModal .cs-sec h3{display:flex;align-items:center;gap:8px;margin:2px 4px 10px;font:900 clamp(15px,4.4vw,19px)/1.1 var(--cg-font);color:#fff;letter-spacing:.01em}
html:root body #casinoModal .cs-sec h3::before{content:"";flex:none;width:6px;height:18px;border-radius:3px;background:linear-gradient(180deg,#FDE68A,#F59E0B)}
html:root body #casinoModal .cs-sec-live h3::before{background:linear-gradient(180deg,#FB7185,#E11D48);box-shadow:0 0 10px rgba(244,63,94,.7)}
html:root body #casinoModal .cs-sec-skill h3::before{background:linear-gradient(180deg,#86EFAC,#16A34A)}
html:root body #casinoModal .cs-sec h3 small{margin-inline-start:auto;padding:2px 9px;border-radius:999px;background:rgba(255,255,255,.1);font:800 12px/1.4 var(--cg-font);color:#C4B5FD}
html:root body #casinoModal .cs-sec-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 8px;align-items:start}
@media (min-width:600px){html:root body #casinoModal .cs-sec-g{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media (orientation:landscape) and (max-height:500px){html:root body #casinoModal .cs-sec-g{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px 4px}}
html:root body #casinoModal #csView.cs-grid3 .cs-g .cs-pl{width:min(72px,18vw)!important}
html:root body #casinoModal #csView.cs-grid3 .cs-g b{max-width:100%}
/* v2806 : la page d'un jeu ne glisse jamais sur le côté (même après la feuille des règles) */
html:root body #casinoModal#casinoModal:not(#cgx) > .modal-box{overflow-x:clip!important}
/* v2807 (propriétaire : « pas de trous » dans l'accueil) — lignes toujours complètes : téléphone 4 colonnes (8 · 12 · 48) ;
   écrans larges : Live sur UNE ligne de 8, « Tu contrôles » 2 lignes de 6, « Tous les jeux » 6 ou 8 colonnes (48 = 8×6 = 6×8) */
@media (min-width:600px),(orientation:landscape) and (max-height:500px){
  html:root body #casinoModal .cs-sec.cs-sec-live .cs-sec-g{grid-template-columns:repeat(8,minmax(0,1fr))}
  html:root body #casinoModal .cs-sec.cs-sec-skill .cs-sec-g{grid-template-columns:repeat(6,minmax(0,1fr))}
}
/* v2807 (propriétaire) : iPhone couché — le montant (« 0.10 ») était coupé : boutons − / + un peu plus petits, chiffres à 15 px */
@media (orientation:landscape) and (max-height:500px){
  html:root body #casinoModal .cg-amt{gap:3px!important;padding:0 3px!important}
  html:root body #casinoModal .cg-step{width:32px!important;height:32px!important;min-width:32px!important;flex:0 0 32px!important}
  html:root body #casinoModal .cg-in input{font-size:15px!important;padding:0 20px 0 0!important;letter-spacing:-.02em}
}
/* v2812 (round 4) : dans un jeu, la fenêtre ne peut JAMAIS glisser (toucher la case de mise sur iPhone la décalait de ~30 px :
   la barre du haut et la flèche ‹ étaient à moitié coupées) */
html:root body #casinoModal#casinoModal.in-game:not(#cgx) > .modal-box{overflow:clip!important}
/* v2812 (round 4) : petit geste d'aide à l'ouverture des jeux (main dorée qui tapote + phrase courte), parti au 1er toucher */
html:root body #casinoModal .cg-hint{position:absolute;left:50%;bottom:12px;z-index:25;display:flex;align-items:center;gap:6px;max-width:calc(100% - 20px);padding:5px 12px 5px 5px;border-radius:999px;
  background:rgba(8,5,26,.78);box-shadow:inset 0 0 0 1px rgba(253,230,138,.35),0 6px 18px rgba(0,0,0,.35);pointer-events:none;transform:translateX(-50%);transition:opacity .35s,transform .35s;animation:cgHintIn .5s cubic-bezier(.2,1.4,.4,1)}
html[dir="rtl"] body #casinoModal .cg-hint{padding:5px 5px 5px 12px}
html:root body #casinoModal .cg-hint small{display:block;min-width:0;white-space:nowrap;overflow:hidden;color:#fff;font:800 clamp(11.5px,3.5vw,14px)/1.25 var(--cg-font)}
html:root body #casinoModal .cg-hint.off{opacity:0;transform:translateX(-50%) translateY(8px)}
html:root body #casinoModal .cg-hhand{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(180deg,#FDE68A,#F59E0B)}
html:root body #casinoModal .cg-hhand svg{width:20px;height:20px;fill:#FFF7E0;stroke:#3B2300;stroke-width:1.8;stroke-linejoin:round;animation:cgTap 1.1s ease-in-out infinite}
html:root body #casinoModal .cg-hhand .cg-hrip{fill:none;stroke:#3B2300;stroke-width:1.4;transform-box:fill-box;transform-origin:center;animation:cgRip 1.1s ease-out infinite}
@keyframes cgHintIn{from{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%)}}
@keyframes cgTap{0%,100%{transform:translateY(0)}45%{transform:translateY(2.5px) scale(.94)}}
@keyframes cgRip{0%{opacity:.9;transform:scale(.4)}100%{opacity:0;transform:scale(1.5)}}
html.oro-lite body #casinoModal .cg-hint,html.oro-lite body #casinoModal .cg-hhand svg,html.oro-lite body #casinoModal .cg-hhand .cg-hrip{animation:none!important}
html:root body #casinoModal .cg-hint.at-top{bottom:auto;top:12px}
html:root body #casinoModal .cg-hint.at-mid{bottom:auto;top:50%;margin-top:-19px}
/* v2812 (propriétaire : jamais de texte sur 2 lignes) — le nom d'un jeu dans la salle tient sur UNE ligne et rapetisse seul (fit) */
html:root body #casinoModal#casinoModal #csView.cs-grid.cs-grid3 .cs-g b{display:flex!important;align-items:center;justify-content:center;width:100%;min-height:0!important;white-space:nowrap;overflow:hidden}
html:root body #casinoModal#casinoModal #csView.cs-grid.cs-grid3 .cs-g b > span{display:block;min-width:0;max-width:100%;overflow:hidden;white-space:nowrap}
html:root body #casinoModal#casinoModal #csView.cs-grid.cs-grid3 .cs-g b > .cs-onair{flex:none}
/* v2812 : tablette, PC, télé : les 3 listes ont le MÊME nombre de colonnes (8) → mêmes logos, mêmes écarts, rangées pleines
   (8 · 16 · 48 = multiples de 8) ; si une liste change de taille, js/casino.js (balanceGrid) choisit le nombre qui tombe juste */
@media (min-width:600px){html:root body #casinoModal#casinoModal .cs-sec .cs-sec-g{grid-template-columns:repeat(8,minmax(0,1fr))}}
/* v2812 (round 4) : la lueur décorative sous le jeu (.cs-game::before, bottom:-8 %) dépassait sous la fenêtre → la fenêtre du casino
   « défilait » de 12 à 51 px selon l'écran. Elle s'arrête maintenant au bas du jeu. */
html:root body #casinoModal#casinoModal #csBody .cs-game::before{bottom:0!important}
/* v2812 (round 4) : iPhone SE (320 px) — le « + » du portefeuille chevauchait le livre des règles : sur petit écran, l'icône
   portefeuille s'efface, les écarts se resserrent et le montant peut rapetisser ; rien ne dépasse de la case */
@media (max-width:380px){
  html:root body #casinoModal#casinoModal .cs-top #csBal#csBal.cs-wallet{max-width:100%;overflow:hidden;gap:6px!important;padding-inline:8px 4px!important}
  html:root body #casinoModal#casinoModal .cs-top #csBal#csBal.cs-wallet .cw-wal{display:none!important}
  html:root body #casinoModal#casinoModal .cs-top #csBal#csBal.cs-wallet .cw-t{min-width:0;flex:1 1 auto;overflow:hidden}
  html:root body #casinoModal#casinoModal .cs-top #csBal#csBal.cs-wallet .cw-t b{font-size:15.5px!important}
  html:root body #casinoModal#casinoModal .cs-top #csBal#csBal.cs-wallet .cw-plus{width:30px!important;height:30px!important;min-width:30px!important}
}
/* v2819 (round 4) : le texte DANS le grand bouton (span .fit / .cg-gol) est une boîte d'une ligne qui rapetisse (fit) au lieu de
   déborder (« CHOISIS UNE POMME » coupé sur iPhone SE) */
html:root body #casinoModal#casinoModal #csGo > .fit,html:root body #casinoModal#casinoModal #csGo > .cg-gol{display:block;flex:0 1 auto;min-width:0;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:clip}
/* v2819 : visiteur — les 2 boutons « Connexion · Inscription » du haut tiennent dans la case du milieu (jamais sous le livre) */
html:root body #casinoModal#casinoModal .cs-top #csBal.cs-guestw{min-width:0;max-width:100%;overflow:hidden}
html:root body #casinoModal#casinoModal .cs-top #csBal.cs-guestw .cs-auth{display:flex;align-items:center;gap:6px;min-width:0;max-width:100%}
html:root body #casinoModal#casinoModal .cs-top #csBal.cs-guestw .cs-auth > span{flex:0 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:clip}
/* 2026-10-19 (propriétaire) : plus de petite ✕ dans la case du montant ; 4 touches ½ · ×2 · ⌫ · MAX sous le montant */
html:root body #casinoModal .cg-in input{padding:0 4px!important;text-align:center}
html:root body #casinoModal .cg-ops button{font:800 clamp(12px,3.6vw,15px)/1 var(--cg-font,inherit);display:grid;place-items:center}
html:root body #casinoModal .cg-ops button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
html:root body #casinoModal .cg-ops [data-op="max"]{color:#FDE68A}

/* v2832 — bouton du SON (js/sfx.js) : à droite, au bord ; le livre des règles (en jeu) se range juste à côté.
   Salle de jeux : seule la colonne de droite (40 px) → le portefeuille ne bouge pas. En jeu : 40 + 4 + 36 px ;
   à partir de 360 px la colonne de gauche prend la même largeur → le portefeuille reste centré. */
html:root body #casinoModal .cs-top .cs-tr{display:flex;align-items:center;justify-content:flex-end;gap:4px;min-width:0;justify-self:end}
html:root body #casinoModal .cs-top .cs-tr .cs-help[hidden]{display:none!important}
html:root body #casinoModal.in-game .cs-top{grid-template-columns:40px minmax(0,1fr) 80px!important}
@media (min-width:360px){html:root body #casinoModal.in-game .cs-top{grid-template-columns:80px minmax(0,1fr) 80px!important}}
html:root body #casinoModal .cs-top .cs-snd{width:36px;height:36px;flex:0 0 36px;padding:0;margin:0;border:0;border-radius:50%;display:grid;place-items:center;
  background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background .2s,opacity .2s}
html:root body #casinoModal.in-game .cs-top .cs-snd{background:rgba(8,4,26,.42)}
html:root body #casinoModal .cs-top .cs-snd svg{width:19px;height:19px;fill:none;stroke:#fff;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
html:root body #casinoModal .cs-top .cs-snd svg .sp{fill:rgba(255,255,255,.9);stroke-width:1.4}
html:root body #casinoModal .cs-top .cs-snd svg .wv{stroke:#FDE68A}
html:root body #casinoModal .cs-top .cs-snd[data-snd="off"] svg{opacity:.62}
html:root body #casinoModal .cs-top .cs-snd[data-snd="off"] svg .wv{stroke:#fff}
html:root body #casinoModal .cs-top .cs-snd:focus-visible{outline:2px solid #FDE68A;outline-offset:2px}
html:root body #casinoModal.pred-only .cs-top .cs-snd{display:none!important}

/* v2876 (propriétaire) : le bouton du son seulement DANS les jeux, pas dans la salle des jeux */
html:root body #casinoModal:not(.in-game) .cs-top #csSnd{display:none!important}
/* v2887 (propriétaire) : pastille de gain des jeux — capsule verte bien structurée, une MONTAGNE DE LIASSES DE BILLETS À L'INTÉRIEUR
   (case à gauche), montant à droite qui défile et rapetisse s'il est long (jamais coupé, tous les téléphones). Rien ne dépasse. */
html:root body #casinoModal .cs-toast.cs-toast.cs-toast.win{display:flex!important;align-items:center;gap:10px!important;height:auto;min-height:50px;margin-left:0;
  padding:5px 18px 5px 5px!important;border-radius:16px!important;overflow:hidden!important;max-width:calc(100% - 20px)!important;
  background:linear-gradient(180deg,#34D97A 0%,#1DB257 55%,#13923F 100%)!important;border:1.5px solid rgba(220,252,231,.85)!important;
  box-shadow:0 0 24px rgba(52,217,122,.5),0 6px 16px rgba(10,90,40,.55),inset 0 1px 0 rgba(255,255,255,.5),inset 0 -2px 0 rgba(0,0,0,.12)!important}
html:root body #casinoModal .cs-toast.win::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.5) 45%,transparent 60%) no-repeat;background-size:250% 100%;background-position:120% 0;
  animation:ctShine 1.1s .3s ease-out both}
@keyframes ctShine{to{background-position:-60% 0}}
html:root body #casinoModal .cs-toast .ct-ic{flex:0 0 46px;width:46px;height:40px;border-radius:12px;display:grid;place-items:center;font-style:normal;
  background:radial-gradient(120% 90% at 50% 100%,#0F6B35 0%,#0A4D27 70%,#083D1F 100%);box-shadow:inset 0 0 0 1px rgba(187,247,208,.35),inset 0 2px 6px rgba(0,0,0,.35);
  animation:ctIcIn .5s cubic-bezier(.2,1.5,.4,1) both}
html:root body #casinoModal .cs-toast .ct-ic svg{width:42px;height:36px;display:block;filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.45))}
@keyframes ctIcIn{0%{transform:scale(.4)}100%{transform:scale(1)}}
html:root body #casinoModal .cs-toast.cs-toast.cs-toast.win > b{font-size:var(--ctfs,20px)!important;font-variant-numeric:tabular-nums;white-space:nowrap;min-width:0;letter-spacing:.01em}
html.oro-lite body #casinoModal .cs-toast .ct-ic,html.oro-lite body #casinoModal .cs-toast.win::after{animation:none}