:root {
  /* Polices (réglables : Réglages → Personnalisation → Polices) */
  --font-text: 'Cormorant Garamond', Georgia, serif;
  --font-title: 'Cinzel', serif;
  --font-star: var(--font-text);
  --font-board: var(--font-text);
  --font-ticker: var(--font-text);
  --font-pinned: var(--font-text);
  --font-race: var(--font-text);
  /* Couleurs du thème (réglables : Réglages → Personnalisation → Thème et couleurs, voir theme.js) */
  --accent-rgb: 232, 199, 122;
  --accent-light-rgb: 246, 227, 168;
  --panel-a: rgba(40, 18, 62, .88);
  --panel-b: rgba(12, 8, 22, .9);
  --panel-solid-a: #1c0d2c;
  --panel-solid-b: #110918;
  --veil-rgb: 10, 4, 18;
  --veil-deep-rgb: 5, 2, 9;
  --gold: #e8c77a;
  --gold-light: #f6e3a8;
  --gold-deep: #b38634;
  --ink: #f3e9d2;
  --night: #07100b;
  --violet: #2a1446;
  --glass: rgba(var(--veil-rgb), .72);
  --radius: 18px;
  color-scheme: dark;
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }

html, body {
  margin: 0;
  height: 100%;
  background: var(--night);
  overflow: hidden;
  overscroll-behavior: none;
}

body {
  font-family: var(--font-text);
  color: var(--ink);
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

button {
  font: inherit;
  color: inherit;
  cursor: pointer;
}

input {
  font: inherit;
  user-select: text;
  -webkit-user-select: text;
}

.defs {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}

/* Ornement doré sous les titres */
.flourish {
  width: min(360px, 60%);
  height: 18px;
  margin: 6px auto;
  background:
    radial-gradient(circle at 50% 50%, var(--gold-light) 0 3px, transparent 3.5px),
    radial-gradient(circle at 42% 50%, var(--gold) 0 1.8px, transparent 2.3px),
    radial-gradient(circle at 58% 50%, var(--gold) 0 1.8px, transparent 2.3px),
    linear-gradient(90deg, transparent, var(--gold) 20%, var(--gold) 38%, transparent 40%, transparent 60%, var(--gold) 62%, var(--gold) 80%, transparent) center / 100% 1.5px no-repeat;
  opacity: .9;
}

/* Autocollants (vos images utilisées comme des emojis dans les textes) */
img.sticker { display: inline-block; height: 1.25em; width: auto; max-width: 3em; vertical-align: -0.28em; margin: 0 .06em; object-fit: contain; }