/* Gestion et salle d'attente Love Letter uniquement, jamais le plateau actif. */
.love-letter-salon:not(.is-playing) {
  --paper: #f7f0e2;
  --ink: #3f252c;
  --muted: #79685e;
  --line: #d9c7a6;
  --felt: #812b46;
  --felt-dark: #642039;
  --mist: #f1e4d0;
  --red: #9c3548;
  min-height: 100vh;
  background: radial-gradient(ellipse at 50% 0, #fffaf0, #f7f0e2 70%);
  color: var(--ink);
  font-family: 'Segoe UI', system-ui, sans-serif;
}
.love-letter-salon:not(.is-playing) .site-header { max-width: 1100px; padding: 24px 32px; border-color: var(--line); }
.love-letter-salon:not(.is-playing) .brand { font: 700 1.1rem 'Segoe UI', system-ui, sans-serif; letter-spacing: -.035em; color: #67243b; }
.love-letter-salon:not(.is-playing) .site-header .text-link { margin: 0; }
.love-letter-salon:not(.is-playing) .section { max-width: 1020px; padding-top: 30px; }
.love-letter-salon:not(.is-playing) .section.narrow { max-width: 860px; }
.love-letter-salon:not(.is-playing) .form-layout { gap: 45px; padding-top: 40px; }
.love-letter-salon:not(.is-playing) h1 { color: #762b43; font: 400 clamp(2rem, 4vw, 3.1rem)/1.13 Georgia, serif; letter-spacing: -.04em; overflow-wrap: anywhere; margin-bottom: 20px; }
.love-letter-salon:not(.is-playing) h2 { color: #562d38; font: 400 1.45rem/1.2 Georgia, serif; letter-spacing: -.025em; }
.love-letter-salon:not(.is-playing) h3 { color: #562d38; }
.love-letter-salon:not(.is-playing) .eyebrow { color: #956b3d; letter-spacing: .15em; }
.love-letter-salon:not(.is-playing) .lead { font-size: 1rem; line-height: 1.7; }
.love-letter-salon:not(.is-playing) .panel,
.love-letter-salon:not(.is-playing) .room-list-item { background: #fffaf0; border: 1px solid var(--line); border-top: 2px solid #b89963; border-radius: 1px; box-shadow: none; }
.love-letter-salon:not(.is-playing) .panel p { font-size: .9rem; line-height: 1.7; }
.love-letter-salon:not(.is-playing) .button { background: #812b46; border: 1px solid #812b46; border-radius: 1px; transform: none; }
.love-letter-salon:not(.is-playing) .button:hover:not(:disabled) { background: #642039; border-color: #642039; }
.love-letter-salon:not(.is-playing) .button.secondary { background: transparent; color: #812b46; border-color: #ac8290; }
.love-letter-salon:not(.is-playing) .button.secondary:hover { background: #f5e8e4; }
.love-letter-salon:not(.is-playing) .button.danger { background: #923d48; border-color: #923d48; }
.love-letter-salon:not(.is-playing) .button.danger:hover { background: #782f3a; }
.love-letter-salon:not(.is-playing) .field input,
.love-letter-salon:not(.is-playing) .field select,
.love-letter-salon:not(.is-playing) .directory-filters select { background: #fffdf7; border: 1px solid #cbb48c; border-radius: 1px; color: var(--ink); }
.love-letter-salon:not(.is-playing) .field label { color: #562d38; }
.love-letter-salon:not(.is-playing) .form-panel .button { width: 100%; }
.love-letter-salon:not(.is-playing) .badge,
.love-letter-salon:not(.is-playing) .player-avatar { background: #f1e4d0; color: #67243b; border-radius: 1px; }
.love-letter-salon:not(.is-playing) .lobby-person { border-radius: 1px; background: #f5eddf; }
.love-letter-salon:not(.is-playing) .errorlist { border-radius: 1px; }
.love-letter-salon:not(.is-playing) .flash-message { border-radius: 1px; background: #fffaf0; color: #562d38; border-color: #cbb48c; }
.love-letter-salon:not(.is-playing) a:focus-visible,
.love-letter-salon:not(.is-playing) button:focus-visible,
.love-letter-salon:not(.is-playing) input:focus-visible,
.love-letter-salon:not(.is-playing) select:focus-visible { outline: 3px solid #9c7136; outline-offset: 4px; }
.love-letter-salon:not(.is-playing) .salon-game-identity { display: flex; width: fit-content; align-items: center; gap: 12px; margin-bottom: 22px; color: #762b43; text-decoration: none; }
.love-letter-salon:not(.is-playing) .salon-game-identity img { width: 66px; height: 66px; object-fit: contain; background: #67243b; border: 1px solid #b89963; }
.love-letter-salon:not(.is-playing) .salon-game-identity span { font: italic 400 2rem/1 Georgia, serif; letter-spacing: -.05em; }
.love-letter-salon:not(.is-playing) .salon-game-identity em { font: inherit; }
.love-letter-salon:not(.is-playing) footer { border-color: var(--line); max-width: 1036px; font-size: .72rem; }
@media(max-width: 750px) {
  .love-letter-salon:not(.is-playing) .site-header { padding: 18px 22px; }
  .love-letter-salon:not(.is-playing) .form-layout { gap: 14px; padding-top: 26px; }
  .love-letter-salon:not(.is-playing) .section { padding-top: 26px; }
  .love-letter-salon:not(.is-playing) h1 { font-size: 2.3rem; }
  .love-letter-salon:not(.is-playing) .salon-game-identity { margin-bottom: 18px; }
  .love-letter-salon:not(.is-playing) .button-row .button { flex: 1 1 190px; }
}