/* Encore — concert-hall night: velvet curtain felt, brass accents, playbill type. */

body[data-theme="encore"] {
  --font-display: "Georgia", "Palatino Linotype", "Book Antiqua", serif;
  --font-body: "Palatino Linotype", Georgia, serif;
  --font-tile-num: Georgia, serif;

  --bg: #1c1326;
  --panel: #2a1d38;
  --ink: #f0e8f6;
  --ink-soft: #c0b0d0;
  --ink-faint: #85729c;

  --accent: #d4a746;             /* brass */
  --accent-deep: #e8c15e;
  --accent-ink: #241a10;
  --mahj-bg: #a8326e;            /* stage magenta */
  --mahj-ink: #ffe9f4;

  --felt: linear-gradient(100deg, #5d1730 0 6%, #6e1c39 6% 12%, #5d1730 12% 18%,
          #6e1c39 18% 24%, #5d1730 24% 30%, #6e1c39 30% 36%, #5d1730 36% 42%,
          #6e1c39 42% 48%, #5d1730 48% 54%, #6e1c39 54% 60%, #5d1730 60% 66%,
          #6e1c39 66% 72%, #5d1730 72% 78%, #6e1c39 78% 84%, #5d1730 84% 90%,
          #6e1c39 90% 96%, #5d1730 96%);
  --felt-ink: #f2c9d8;
  --felt-shadow: inset 0 -18px 30px rgba(0, 0, 0, .5), inset 0 2px 10px rgba(0, 0, 0, .35);

  --chip-bg: #3b2a4e;
  --chip-ink: #e8c15e;
  --east-bg: #d4a746;
  --east-ink: #241a10;

  --tile-bg: linear-gradient(178deg, #fbf6ea, #efe4cc);
  --tile-border: 1.5px solid #b39a63;
  --tile-shadow: 0 3px 7px rgba(0, 0, 0, .5);
  --tile-back: linear-gradient(160deg, #3b2a4e, #2a1d38);
  --tile-back-border: 1.5px solid #d4a746;
  --tile-num: #4a2c5e;
  --tile-sub: #8f7f5f;
  --tile-joker-bg: linear-gradient(178deg, #f6e6f2, #edd3e6);
  --tile-flower-bg: linear-gradient(178deg, #fdf3d8, #f7e5ae);
  --exposure-bg: rgba(212, 167, 70, .16);

  --radius-panel: 14px;
  --radius-btn: 8px;
  --radius-tile: 8px;
  --btn-bg: #3b2a4e;
  --btn-ink: #f0e8f6;
  --btn-border: 1.5px solid #554070;
  --input-border: 1.5px solid #554070;
  --shadow: 0 4px 16px rgba(0, 0, 0, .5);
  --shadow-hover: 0 6px 18px rgba(0, 0, 0, .6);

  --anim-tile-in: .3s;
  --anim-tile-in-dy: 14px;

  --cs-a: #93b4e8;
  --cs-b: #e89bb0;
  --cs-c: #97cf9f;
  --cs-f: #e8c15e;
}

body[data-theme="encore"] .tile { color: #3a2a48; }

/* Dragons are clefs: alto (red), bass (green), treble (soap). */
body[data-theme="encore"] .tile[data-dragon] .t-glyph { font-size: 1.9rem; line-height: 1; }
body[data-theme="encore"] .tile[data-dragon="R"] .t-glyph { color: #a8326e; }
body[data-theme="encore"] .tile[data-dragon="G"] .t-glyph { color: #2c5f8a; }
body[data-theme="encore"] .tile.small[data-dragon] .t-glyph { font-size: 1.3rem; }

/* Note-group and staff SVGs breathe a little wider than emoji. */
body[data-theme="encore"] .tile[data-suit] .t-glyph.svg-glyph svg { width: 2em; height: 1.6em; }
/* Pitch names in playbill serif. */
body[data-theme="encore"] .tile[data-suit="crak"] .t-glyph {
  font-family: Georgia, serif; font-size: 1.55rem; font-weight: 700; color: #7a4a24;
}
body[data-theme="encore"] .tile.small[data-suit="crak"] .t-glyph { font-size: .85rem; }
/* String family fills the tile face. */
body[data-theme="encore"] .tile[data-wind] .t-glyph.svg-glyph svg { width: 1.7em; height: 1.9em; }
/* Ornaments are typographic — center them optically. */
body[data-theme="encore"] .tile[data-cat="flower"] .t-glyph.text-glyph { color: #3a2a48; }
body[data-theme="encore"] #brand { color: var(--accent-deep); font-style: italic; }
body[data-theme="encore"] #phase-banner { font-style: italic; }
body[data-theme="encore"] .seat-label.active-turn {
  background: var(--accent); color: var(--accent-ink);
  box-shadow: 0 0 16px 2px rgba(212, 167, 70, .5);
}