/* ===== « Salle de jeux » (js/look.js) : le thème des comptes autres que celui de Jeanne.
   Même site, palette de jeu (indigo, jaune, menthe), pas de pétales ni de cœurs. Le rose reste à Jeanne. ===== */
:root[data-look="jeu"] {
  --bg: #f4f6fb; --bg-2: #e6eafb; --card: #ffffff; --ink: #1e2240; --ink-soft: #5b6185;
  --pink: #d6dcff; --pink-deep: #4c5bd4; --rose: #ff9f43; --cream: #fff4d6;
  --green: #7fd1ae; --green-deep: #2e9e74; --gold: #ffc53d; --line: #dde2f2;
  --shadow: 0 10px 28px -14px rgba(46, 56, 140, .35); --radius: 18px;
  --font-title: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;
  --jeu-fonce: #2f3a9e; --jeu-sur: #1d2466;
}
:root[data-look="jeu"][data-theme="dark"] {
  --bg: #151832; --bg-2: #1d2147; --card: #222754; --ink: #eef0ff; --ink-soft: #a9afd9;
  --pink: #39407f; --pink-deep: #8f9bff; --rose: #ffb46b; --cream: #2a2f5c; --line: #343a72;
  --shadow: 0 10px 28px -14px rgba(0, 0, 0, .7); --jeu-fonce: #5a66d6; --jeu-sur: #eef0ff;
}
@media (prefers-color-scheme: dark) {
  :root[data-look="jeu"]:not([data-theme="light"]) {
    --bg: #151832; --bg-2: #1d2147; --card: #222754; --ink: #eef0ff; --ink-soft: #a9afd9;
    --pink: #39407f; --pink-deep: #8f9bff; --rose: #ffb46b; --cream: #2a2f5c; --line: #343a72;
    --shadow: 0 10px 28px -14px rgba(0, 0, 0, .7); --jeu-fonce: #5a66d6; --jeu-sur: #eef0ff;
  }
}

/* fond : un léger quadrillage de plateau au lieu des taches roses */
:root[data-look="jeu"] body {
  background-color: var(--bg);
  background-image: radial-gradient(circle at 12% 8%, var(--bg-2), transparent 42%), radial-gradient(circle at 90% 85%, color-mix(in srgb, var(--gold) 18%, transparent), transparent 40%),
    linear-gradient(color-mix(in srgb, var(--line) 45%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--line) 45%, transparent) 1px, transparent 1px);
  background-size: auto, auto, 28px 28px, 28px 28px;
}

/* ce qui appartient à l'espace de Jeanne */
:root[data-look="jeu"] .petals, :root[data-look="jeu"] .tendre, :root[data-look="jeu"] .mode-btn,
:root[data-look="jeu"] .chat-fab, :root[data-look="jeu"] .chat-panel, :root[data-look="jeu"] .chat-preview,
:root[data-look="jeu"] .jeanne-seul { display: none !important; }

/* textes posés sur un fond clair d'accent (étaient bordeaux) */
:root[data-look="jeu"] :is(nav a[aria-current="page"], .tab[aria-selected="true"], .tab[aria-pressed="true"], .tab[aria-current="page"], .chip.top,
  .chipbtn[aria-pressed="true"], .row-actions .btn.ghost.on, .btn.ghost[aria-pressed="true"], .mm-c.pick, .cn-bar b, .pz-outils .btn[aria-pressed="true"], .steps li::before) { color: var(--jeu-sur); }

/* gros boutons « à appuyer » : ombre indigo */
:root[data-look="jeu"] .btn { box-shadow: 0 6px 0 var(--jeu-fonce); }
:root[data-look="jeu"] .btn:active { box-shadow: 0 2px 0 var(--jeu-fonce); }
:root[data-look="jeu"] :is(.btn.small, .todo-form .btn) { box-shadow: 0 4px 0 var(--jeu-fonce); }
:root[data-look="jeu"] .game-box .row-actions .btn:not(.ghost) { box-shadow: 0 5px 0 var(--jeu-fonce); }
:root[data-look="jeu"] .btn.ghost { box-shadow: none; }
:root[data-look="jeu"] .c4-d.a { background: #4c5bd4; }
:root[data-look="jeu"] .qz-c.bad { background: #ffd9d9; border-color: #e5484d; color: #5c1013; }
:root[data-look="jeu"] .qm-points i.ko { background: #e5484d; }
:root[data-look="jeu"] .course-voile .cv-grand { color: var(--pink-deep); }

/* titres : plus « jeu », moins « carnet intime » */
:root[data-look="jeu"] :is(h1, h2, h3) { letter-spacing: -.01em; }
:root[data-look="jeu"] .hero h1 { font-weight: 900; }
:root[data-look="jeu"] .hero .deco { font-style: normal; }

/* logo : le dé à la place du symbole rose de Jeannette */
:root[data-look="jeu"] .brand > span[aria-hidden] { font-size: 1.5rem; line-height: 30px; text-align: center; background: none; }