/* ================= Шахматы в золоте IlmNur, Material Design 3 (18.10.2026) =================
   Рустам: «тогда для chess.ilmnur» — как главная (home.css): роли M3 из
   золота IlmNur #d4af37 (Material Color Utilities, tonal spot, тёмная схема),
   поверхности — ночной #1a1033. Доска не меняется: тёмно-зелёная с кремовым
   (или «Дерево») — её цвета заданы в chess.css отдельно (Рустам: «глазам
   не больно») */
body.chess-page, body.chess-page[data-theme], body.chess-page:not([data-theme]) {
  --gold: #d4af37; --gold-deep: #b8902f; --gold-light: #f3dc9a; --cream: #fbf1d4; --ink: #2a1d05;
  --md-primary: #e2c46d; --md-on-primary: #3c2f00;
  --md-primary-container: #574500; --md-on-primary-container: #ffe088;
  --md-secondary-container: #20143d; --md-on-secondary-container: #fbf1d4;
  --md-on-surface: #fbf1d4; --md-on-surface-variant: #e3d6b4;
  --md-outline: #b8902f; --md-outline-variant: rgba(212, 175, 55, .45);
  --md-surface-container-low: #1a1033; --md-surface-container: #20143d;
  --md-surface-container-high: #261a47; --md-surface-container-highest: #2c1f52;
  --md-surface: #140c2b; --bg: #140c2b; background-color: #140c2b;
}
.chess-page .bar { background: rgba(26, 16, 51, .92); border: 1px solid rgba(212, 175, 55, .45); border-radius: 0 0 20px 20px; }
.chess-page main > .card, .chess-page .card {
  background: rgba(26, 16, 51, .9); border: 1px solid rgba(212, 175, 55, .45); border-radius: 28px;
}
/* Плитки меню шахмат — карточки M3 */
.chess-page .tile { background: #20143d; border: 1px solid rgba(212, 175, 55, .4); border-radius: 16px; color: var(--cream); }
.chess-page .tile:hover, .chess-page .tile:focus-visible { border-color: var(--gold); background: #2a1c50; }
.chess-page .tile b { color: var(--cream); }
/* Кнопки: заполненные — золотые, контурные — с золотой рамкой */
.chess-page .btn:not(.plain) { background: linear-gradient(180deg, #f6e3a8, #d6b25c); color: var(--ink); border: none; }
.chess-page .btn.plain { color: var(--gold-light); border-color: rgba(212, 175, 55, .6); background: transparent; }
.chess-page .btn.plain:hover { background: rgba(212, 175, 55, .12); }
.chess-page .btn:disabled { background: rgba(251, 241, 212, .08); color: rgba(251, 241, 212, .4); }
/* Строка «чей ход» — тональная золотая */
.chess-page .chess-status { background: #574500; color: #ffe088; border-color: rgba(212, 175, 55, .6); }
.chess-page .chess-status.me { background: linear-gradient(180deg, #f6e3a8, #d6b25c); color: var(--ink); border-color: var(--gold-deep); }
/* История ходов и поля выбора */
.chess-page .history-col .history-box { background: #20143d; border: 1px solid rgba(212, 175, 55, .35); }
.chess-page select, .chess-page input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]) {
  background: rgba(16, 9, 36, .85) !important; color: var(--cream) !important; border-color: rgba(212, 175, 55, .7) !important; border-radius: 12px !important;
}
.chess-page select option { background: #1a1033; color: var(--cream); }
.chess-page .check { color: #e3d6b4; }
.chess-page input[type=checkbox] { accent-color: var(--gold); }

/* Настройки партии — одной кнопкой с меню (19.10.2026) */
.packed { display: none !important; }
.opt-wrap { position: relative; margin: 4px 0 12px; }
.opt-btn {
  display: flex; align-items: center; gap: 12px; width: 100%; min-height: 56px; padding: 8px 16px;
  border-radius: 16px; border: 1.5px solid rgba(212, 175, 55, .7); background: rgba(16, 9, 36, .65);
  color: var(--md-on-surface, #fbf1d4); font: inherit; text-align: start; cursor: pointer;
}
.opt-btn:hover { background: rgba(226, 196, 109, .12); }
.opt-ic { width: 26px; text-align: center; font-size: 18px; color: var(--md-primary, #e2c46d); flex: none; }
.opt-txt { display: grid; flex: 1; min-width: 0; }
.opt-txt small { color: var(--md-on-surface-variant, #e3d6b4); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.opt-menu {
  position: fixed; z-index: 60; overflow-y: auto;
  padding: 8px 0; border-radius: 16px; background: var(--md-surface-container-high, #261a47);
  border: 1px solid rgba(212, 175, 55, .35); box-shadow: 0 8px 24px rgba(0, 0, 0, .5);
}
.opt-menu .opt-row {
  display: flex; align-items: center; gap: 14px; width: 100%; min-height: 48px; padding: 8px 16px;
  background: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; margin: 0 !important;
  color: var(--md-on-surface, #fbf1d4); font: inherit; text-align: start; cursor: pointer;
}
.opt-menu .opt-row:hover, .opt-menu .opt-row:focus-visible { background: rgba(226, 196, 109, .12) !important; outline: none; }
.opt-menu .opt-row.on { color: var(--md-on-primary-container, #ffe088); }
.opt-menu .opt-row.on .opt-chev { color: var(--md-primary, #e2c46d); font-weight: 700; }
.opt-menu .opt-back { color: var(--md-primary, #e2c46d); font-weight: 700; border-bottom: 1px solid rgba(212, 175, 55, .25) !important; }
.opt-chev { color: var(--md-on-surface-variant, #e3d6b4); font-size: 18px; min-width: 16px; text-align: center; }

/* ================= ДЕНЬ (Рустам, 26.10.2026: «день и ночь почему нет») =================
   Та же кнопка темы, что на остальных страницах. Кремовые панели, как в окнах
   «Мой род» и «Моя музыка» на компьютере, золото потемнее — чтобы читалось на
   светлом. Доска своих цветов не меняет */
body.chess-page[data-theme="light"] {
  --gold: #a07b19; --gold-deep: #8a6a12; --gold-light: #6b5100; --cream: #2b2b25; --ink: #2a1d05;
  --md-primary: #8a6a12; --md-on-primary: #ffffff;
  --md-primary-container: #ffe088; --md-on-primary-container: #241a00;
  --md-secondary-container: #f9f2e2; --md-on-secondary-container: #2b2b25;
  --md-on-surface: #2b2b25; --md-on-surface-variant: #5e5a4a;
  --md-outline: #8a6a12; --md-outline-variant: rgba(160, 123, 25, .45);
  --md-surface-container-low: #fffbf1; --md-surface-container: #f9f2e2;
  --md-surface-container-high: #f3ead6; --md-surface-container-highest: #ede3cc;
  --md-surface: #fdf8ec; --bg: #fdf8ec; --text: #2b2b25; --muted: #5e5a4a; background-color: #fdf8ec;
}
body.chess-page[data-theme="light"] .bar { background: rgba(255, 251, 241, .94); border-color: rgba(160, 123, 25, .45); }
body.chess-page[data-theme="light"] main > .card, body.chess-page[data-theme="light"] .card {
  background: rgba(255, 251, 241, .92); border-color: rgba(160, 123, 25, .45); color: #2b2b25;
}
body.chess-page[data-theme="light"] .tile { background: #f9f2e2; border-color: rgba(160, 123, 25, .4); color: #2b2b25; }
body.chess-page[data-theme="light"] .tile:hover, body.chess-page[data-theme="light"] .tile:focus-visible { background: #f3ead6; }
body.chess-page[data-theme="light"] .tile b { color: #2b2b25; }
body.chess-page[data-theme="light"] .btn.plain { color: #6b5100; border-color: rgba(160, 123, 25, .6); }
body.chess-page[data-theme="light"] .btn:disabled { background: rgba(43, 43, 37, .06); color: rgba(43, 43, 37, .4); }
body.chess-page[data-theme="light"] .chess-status { background: #ffe088; color: #241a00; border-color: rgba(160, 123, 25, .6); }
body.chess-page[data-theme="light"] .history-col .history-box { background: #f9f2e2; border-color: rgba(160, 123, 25, .35); color: #2b2b25; }
body.chess-page[data-theme="light"] select,
body.chess-page[data-theme="light"] input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]) {
  background: rgba(255, 255, 255, .9) !important; color: #2b2b25 !important; border-color: rgba(160, 123, 25, .7) !important;
}
body.chess-page[data-theme="light"] select option { background: #fffbf1; color: #2b2b25; }
body.chess-page[data-theme="light"] .check { color: #5e5a4a; }
body.chess-page[data-theme="light"] .opt-btn { background: rgba(255, 255, 255, .75); border-color: rgba(160, 123, 25, .7); }
body.chess-page[data-theme="light"] .opt-menu { border-color: rgba(160, 123, 25, .35); box-shadow: 0 8px 24px rgba(0, 0, 0, .18); }
body.chess-page[data-theme="light"] .player-bar { background: rgba(255, 251, 241, .9); border-color: rgba(160, 123, 25, .35); }
body.chess-page[data-theme="light"] .player-bar.turn { background: rgba(160, 123, 25, .2); border-color: #a07b19; }
body.chess-page[data-theme="light"] .player-bar .pb-name b { color: #2b2b25; }
body.chess-page[data-theme="light"] .player-bar .pb-name span { color: #5e5a4a; }