/* ═══════════════════════════════════════════════════════════
   AURORA NEON THEME  —  EGE History Trainer
   Подключается ПОСЛЕ output.css, перебивает Tailwind-цвета
   ═══════════════════════════════════════════════════════════ */

/* ── ПЕРЕМЕННЫЕ ─────────────────────────────────────────── */
:root {
  --a-bg:      #070b14;
  --a-s1:      #0d1527;   /* surface */
  --a-s2:      #0a1020;   /* deeper surface */
  --a-s3:      #121f36;   /* elevated */
  --a-b1:      #3b82f6;   /* electric blue */
  --a-b2:      #8b5cf6;   /* violet */
  --a-b3:      #ec4899;   /* pink */
  --a-txt:     #f0f4ff;
  --a-muted:   #6b8fd4;
  --a-border:  rgba(59,130,246,.18);
  --a-glow1:   rgba(59,130,246,.35);
  --a-glow2:   rgba(139,92,246,.35);
  --a-glow3:   rgba(236,72,153,.35);
}

/* ── BODY & HTML ────────────────────────────────────────── */
html, body {
  background-color: var(--a-bg) !important;
  color: var(--a-txt) !important;
}
body { color: var(--a-txt) !important; }

/* ── ГЛОБАЛЬНЫЕ ЦВЕТА ТЕКСТА ────────────────────────────── */
.text-gray-800, .text-gray-900, .text-slate-800, .text-gray-700 { color: var(--a-txt) !important; }
.text-gray-500, .text-gray-400, .text-gray-600                  { color: var(--a-muted) !important; }
.dark .dark\:text-gray-300, .dark .dark\:text-gray-400          { color: var(--a-muted) !important; }

/* ── ФОНЫ ПОВЕРХНОСТЕЙ ──────────────────────────────────── */
.bg-white, .bg-gray-50, .bg-gray-100 { background-color: var(--a-s1) !important; }
.dark .dark\:bg-\[#121212\]          { background-color: var(--a-bg) !important; }
.dark .dark\:bg-\[#1e1e1e\]          { background-color: var(--a-s1) !important; }
.dark .dark\:bg-\[#181818\]          { background-color: var(--a-s2) !important; }
.dark .dark\:bg-\[#2c2c2c\]          { background-color: var(--a-s3) !important; }
.dark body                            { background-color: var(--a-bg) !important; }

/* ── ГРАНИЦЫ ────────────────────────────────────────────── */
.border-gray-100, .border-gray-200, .border-gray-300 { border-color: var(--a-border) !important; }
.dark .dark\:border-\[#2c2c2c\]                       { border-color: var(--a-border) !important; }
.dark .dark\:border-\[#3f3f46\]                       { border-color: rgba(59,130,246,.12) !important; }

/* ══════════════════════════════════════════════════════════
   ШАПКА
   ══════════════════════════════════════════════════════════ */
#main-header {
  background-color: transparent !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

#top-stats-bar {
  background: rgba(7,11,20,.85) !important;
  border: 1px solid var(--a-border) !important;
  box-shadow:
    0 4px 24px rgba(0,0,0,.6),
    0 0 0 1px rgba(59,130,246,.08) inset,
    0 0 40px rgba(59,130,246,.04) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
}

/* Статы в шапке — неоновые цвета */
#stat-learned {
  color: var(--a-b1) !important;
  text-shadow: 0 0 10px rgba(59,130,246,.7) !important;
}
#stat-solved {
  color: var(--a-b2) !important;
  text-shadow: 0 0 10px rgba(139,92,246,.7) !important;
}
#stat-days {
  color: var(--a-b3) !important;
  text-shadow: 0 0 10px rgba(236,72,153,.7) !important;
}

/* EGE-кольцо */
#ege-ring {
  stroke: var(--a-b1) !important;
  filter: drop-shadow(0 0 4px rgba(59,130,246,.8)) !important;
}
#stat-ege {
  color: var(--a-b1) !important;
  text-shadow: 0 0 10px rgba(59,130,246,.8) !important;
}

/* Кнопка EGE — кликабельный вид */
[data-action="openEGEModal"] {
  cursor: pointer !important;
  transition: filter .2s, transform .2s !important;
}
[data-action="openEGEModal"]:hover {
  filter: drop-shadow(0 0 8px rgba(59,130,246,.9)) !important;
  transform: scale(1.08) !important;
}

/* Кнопки в шапке: достижения, дзен, тема */
#main-header button {
  background: rgba(59,130,246,.07) !important;
  border: 1px solid rgba(59,130,246,.2) !important;
  transition: background .2s, box-shadow .2s !important;
}
#main-header button:hover {
  background: rgba(59,130,246,.15) !important;
  box-shadow: 0 0 12px rgba(59,130,246,.25) !important;
}

/* КНОПКА ДЗЕН — особый акцент */
[data-action="toggleFocusMode"]:not(#zen-exit-btn) {
  background: rgba(20,184,166,.1) !important;
  border: 1px solid rgba(20,184,166,.3) !important;
  box-shadow: 0 0 8px rgba(20,184,166,.15) !important;
}
[data-action="toggleFocusMode"]:not(#zen-exit-btn):hover {
  background: rgba(20,184,166,.2) !important;
  box-shadow: 0 0 16px rgba(20,184,166,.4) !important;
}

/* ══════════════════════════════════════════════════════════
   ЛОББИ — КАРТОЧКИ ЗАДАНИЙ
   ══════════════════════════════════════════════════════════ */
[data-action="quickStartGame"],
[data-action="pickTaskForMode"],
[data-action="startVisualTrainer"],
[data-action="confirmTaskPick"] {
  background: rgba(13,21,39,.9) !important;
  border-color: var(--a-border) !important;
  box-shadow: 0 2px 12px rgba(0,0,0,.3) !important;
  transition: transform .2s, box-shadow .2s, border-color .2s !important;
  backdrop-filter: blur(8px) !important;
}
[data-action="quickStartGame"]:hover,
[data-action="pickTaskForMode"]:hover,
[data-action="startVisualTrainer"]:hover {
  border-color: rgba(59,130,246,.4) !important;
  box-shadow: 0 8px 32px rgba(59,130,246,.15), 0 0 0 1px rgba(59,130,246,.3) !important;
}

/* Иконки в карточках заданий — неоновые круги */
[data-action="quickStartGame"] .bg-emerald-50,
[data-action="quickStartGame"] .dark\:bg-emerald-900\/30 {
  background: rgba(16,185,129,.12) !important;
  box-shadow: 0 0 16px rgba(16,185,129,.2) !important;
}
[data-action="quickStartGame"] .bg-blue-50,
[data-action="quickStartGame"] .dark\:bg-blue-900\/30 {
  background: rgba(59,130,246,.12) !important;
  box-shadow: 0 0 16px rgba(59,130,246,.2) !important;
}
[data-action="quickStartGame"] .bg-purple-50,
[data-action="quickStartGame"] .dark\:bg-purple-900\/30 {
  background: rgba(168,85,247,.12) !important;
  box-shadow: 0 0 16px rgba(168,85,247,.2) !important;
}
[data-action="quickStartGame"] .bg-amber-50,
[data-action="quickStartGame"] .dark\:bg-amber-900\/30 {
  background: rgba(245,158,11,.12) !important;
  box-shadow: 0 0 16px rgba(245,158,11,.2) !important;
}

/* Прогресс-бары — с неоновым свечением */
#progress-bar-task3 { background: linear-gradient(90deg,#10b981,#34d399) !important; box-shadow: 0 0 6px rgba(16,185,129,.6) !important; }
#progress-bar-task4 { background: linear-gradient(90deg,#3b82f6,#60a5fa) !important; box-shadow: 0 0 6px rgba(59,130,246,.6) !important; }
#progress-bar-task5 { background: linear-gradient(90deg,#a855f7,#c084fc) !important; box-shadow: 0 0 6px rgba(168,85,247,.6) !important; }
#progress-bar-task7 { background: linear-gradient(90deg,#f59e0b,#fcd34d) !important; box-shadow: 0 0 6px rgba(245,158,11,.6) !important; }

/* Подложки прогресс-баров */
.bg-gray-100.rounded-full { background: rgba(255,255,255,.06) !important; }
.dark .dark\:bg-\[#2c2c2c\].rounded-full { background: rgba(255,255,255,.06) !important; }

/* Режимы — иконки-кружки */
[data-action="pickTaskForMode"] .bg-orange-50  { background: rgba(251,146,60,.12) !important; box-shadow: 0 0 14px rgba(251,146,60,.2) !important; }
[data-action="pickTaskForMode"] .bg-emerald-50 { background: rgba(16,185,129,.12) !important; box-shadow: 0 0 14px rgba(16,185,129,.2) !important; }
[data-action="pickTaskForMode"] .bg-rose-50    { background: rgba(251,113,133,.12) !important; box-shadow: 0 0 14px rgba(251,113,133,.2) !important; }
[data-action="pickTaskForMode"] .bg-indigo-50  { background: rgba(99,102,241,.12) !important; box-shadow: 0 0 14px rgba(99,102,241,.2) !important; }
[data-action="pickTaskForMode"] .bg-sky-50,
[data-action="pickTaskForMode"] .dark\:bg-sky-900\/30 { background: rgba(14,165,233,.14) !important; box-shadow: 0 0 14px rgba(14,165,233,.22) !important; }

/* ══════════════════════════════════════════════════════════
   PvP БАННЕР
   ══════════════════════════════════════════════════════════ */
[data-action="startDuelSearch"] {
  background: linear-gradient(135deg,
    rgba(59,130,246,.18) 0%,
    rgba(139,92,246,.18) 50%,
    rgba(236,72,153,.12) 100%) !important;
  border: 1px solid rgba(139,92,246,.4) !important;
  box-shadow:
    0 8px 32px rgba(59,130,246,.15),
    0 0 0 1px rgba(139,92,246,.2) !important;
}
[data-action="startDuelSearch"]:hover {
  box-shadow:
    0 12px 40px rgba(59,130,246,.25),
    0 0 0 1px rgba(139,92,246,.4) !important;
}
[data-action="startDuelSearch"] h4 {
  background: linear-gradient(to right,#60a5fa,#a78bfa);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* ══════════════════════════════════════════════════════════
   СПЕЦОПЕРАЦИИ (Детектив / Красный карандаш)
   ══════════════════════════════════════════════════════════ */
[data-action="pickTaskForMode"][data-arg="detective"] {
  background: rgba(13,21,39,.95) !important;
  border: 2px dashed rgba(236,72,153,.4) !important;
  box-shadow: 0 0 20px rgba(236,72,153,.08) !important;
}
[data-action="pickTaskForMode"][data-arg="detective"]:hover {
  border-color: rgba(236,72,153,.7) !important;
  box-shadow: 0 0 32px rgba(236,72,153,.2) !important;
}
[data-action="pickTaskForMode"][data-arg="redpencil"] {
  background: rgba(13,21,39,.95) !important;
  border-color: rgba(239,68,68,.3) !important;
}

/* ══════════════════════════════════════════════════════════
   ИГРОВОЙ ЭКРАН
   ══════════════════════════════════════════════════════════ */
#game-header {
  background: rgba(7,11,20,.8) !important;
  border-color: var(--a-border) !important;
  backdrop-filter: blur(12px) !important;
}
#table-container {
  background: var(--a-s1) !important;
  border-color: var(--a-border) !important;
}
#pool-panel {
  background: var(--a-s2) !important;
  border-color: var(--a-border) !important;
}
#table-head {
  background: var(--a-s3) !important;
}

/* DnD слоты */
.dnd-slot {
  background-color: rgba(13,21,39,.7) !important;
  border-color: rgba(59,130,246,.3) !important;
}
.dnd-slot:hover {
  border-color: var(--a-b1) !important;
  background-color: rgba(59,130,246,.08) !important;
  box-shadow: 0 0 8px rgba(59,130,246,.2) !important;
}
.dnd-slot.has-item {
  border-color: rgba(59,130,246,.55) !important;
  background-color: rgba(59,130,246,.05) !important;
  box-shadow: none !important;
}
.dnd-slot.correct-slot {
  border-color: #10b981 !important;
  background-color: rgba(16,185,129,.08) !important;
  box-shadow: 0 0 12px rgba(16,185,129,.3) !important;
}
.dnd-slot.incorrect-slot {
  border-color: #f43f5e !important;
  background-color: rgba(244,63,94,.08) !important;
  box-shadow: 0 0 12px rgba(244,63,94,.3) !important;
}
.slot-ready {
  border-color: var(--a-b1) !important;
  background-color: rgba(59,130,246,.1) !important;
  box-shadow: 0 0 0 3px rgba(59,130,246,.25), 0 0 16px rgba(59,130,246,.3) !important;
}

/* DnD фишки */
.dnd-chip {
  background: rgba(13,21,39,.9) !important;
  border-color: rgba(59,130,246,.3) !important;
  color: var(--a-txt) !important;
  box-shadow: 0 0 0 0 transparent !important;
}
.dnd-chip:hover { border-color: var(--a-b1) !important; }
.dnd-chip.selected {
  border-color: var(--a-b1) !important;
  background: rgba(59,130,246,.12) !important;
  box-shadow: 0 0 0 3px rgba(59,130,246,.25), 0 0 12px rgba(59,130,246,.2) !important;
}

/* ══════════════════════════════════════════════════════════
   КНОПКИ ДЕЙСТВИЙ
   ══════════════════════════════════════════════════════════ */
#check-btn-sure {
  background: linear-gradient(135deg,#059669,#10b981) !important;
  box-shadow: 0 4px 16px rgba(16,185,129,.4) !important;
  border: none !important;
}
#check-btn-sure:hover { box-shadow: 0 4px 24px rgba(16,185,129,.6) !important; }

#check-btn-doubt {
  background: linear-gradient(135deg,#4f46e5,#8b5cf6) !important;
  box-shadow: 0 4px 16px rgba(139,92,246,.4) !important;
  border: none !important;
}
#check-btn-doubt:hover { box-shadow: 0 4px 24px rgba(139,92,246,.6) !important; }

#next-btn {
  background: linear-gradient(135deg,#2563eb,#3b82f6) !important;
  box-shadow: 0 4px 20px rgba(59,130,246,.5) !important;
}
#reveal-btn { color: var(--a-muted) !important; }
#reveal-btn:hover { color: #f97316 !important; }

/* Кнопка «Сохранить» в настройках */
[data-action="applyGlobalSettings"] {
  background: linear-gradient(135deg,#2563eb,#7c3aed) !important;
  box-shadow: 0 8px 24px rgba(59,130,246,.4) !important;
}

/* Кнопки Flashcard */
.bg-emerald-500 { background: linear-gradient(135deg,#059669,#10b981) !important; box-shadow: 0 4px 16px rgba(16,185,129,.4) !important; }
.bg-blue-600    { background: linear-gradient(135deg,#2563eb,#3b82f6) !important; box-shadow: 0 4px 16px rgba(59,130,246,.35) !important; }

/* ══════════════════════════════════════════════════════════
   НИЖНЕЕ МЕНЮ
   ══════════════════════════════════════════════════════════ */
#bottom-nav {
  background: rgba(4,7,16,.97) !important;
  border-top: 1px solid rgba(59,130,246,.2) !important;
  box-shadow: 0 -4px 20px rgba(0,0,0,.6) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
}
#bottom-nav button { color: var(--a-muted) !important; }
#bottom-nav button:hover,
#bottom-nav button.active-nav { color: var(--a-b1) !important; }

/* ══════════════════════════════════════════════════════════
   МОДАЛЬНЫЕ ОКНА
   ══════════════════════════════════════════════════════════ */
/* Подложки модалок */
.bg-gray-50.rounded-t-3xl,
.bg-gray-50.rounded-3xl,
[id$="-modal"] .bg-white,
[id$="-modal"] .bg-gray-50,
#pg-sheet,
#tp-sheet {
  background: var(--a-s1) !important;
  border-color: var(--a-border) !important;
}

/* Заголовки модалок */
[id$="-modal"] .bg-blue-50  { background: rgba(59,130,246,.08) !important; }
[id$="-modal"] .bg-rose-50  { background: rgba(236,72,153,.08) !important; }
[id$="-modal"] .bg-gray-50  { background: var(--a-s2) !important; }

/* Селекты */
select {
  background: var(--a-s3) !important;
  color: var(--a-txt) !important;
  border-color: var(--a-border) !important;
}
input[type="number"], input[type="text"] {
  background: var(--a-s3) !important;
  color: var(--a-txt) !important;
  border-color: var(--a-border) !important;
}

/* Чекбокс */
input[type="checkbox"] {
  border-color: var(--a-border) !important;
  background: var(--a-s3) !important;
}
input[type="checkbox"]:checked { background-color: var(--a-b1) !important; border-color: var(--a-b1) !important; }

/* Кнопки-пилюли выбора строк */
.pg-row-btn { background: var(--a-s3) !important; border-color: var(--a-border) !important; color: var(--a-muted) !important; }
.pg-row-btn.bg-blue-50 { background: rgba(59,130,246,.12) !important; border-color: var(--a-b1) !important; color: var(--a-b1) !important; }

/* Кнопки выбора задания в task-picker */
[data-action="confirmTaskPick"] { background: var(--a-s3) !important; border-color: var(--a-border) !important; }
[data-action="confirmTaskPick"]:hover { border-color: var(--a-b1) !important; box-shadow: 0 0 12px rgba(59,130,246,.2) !important; }

/* ══════════════════════════════════════════════════════════
   ДЗЕН / ФЛОАТИНГ КНОПКА
   ══════════════════════════════════════════════════════════ */
#zen-exit-btn {
  background: linear-gradient(135deg,#0d9488,#14b8a6) !important;
  box-shadow: 0 0 24px rgba(20,184,166,.6) !important;
  border-color: rgba(20,184,166,.4) !important;
}
#zen-exit-btn:hover {
  box-shadow: 0 0 36px rgba(20,184,166,.9) !important;
}

/* ══════════════════════════════════════════════════════════
   TOAST / УВЕДОМЛЕНИЯ
   ══════════════════════════════════════════════════════════ */
#joke-toast .text-slate-50 { color: var(--a-txt) !important; }

/* ══════════════════════════════════════════════════════════
   FLASHCARDS
   ══════════════════════════════════════════════════════════ */
[id="flashcard-area"] .bg-white,
[id="flashcard-area"] .dark\:bg-\[#1e1e1e\] {
  background: var(--a-s1) !important;
  border-color: var(--a-border) !important;
}

/* ══════════════════════════════════════════════════════════
   STUDY КАРТОЧКИ
   ══════════════════════════════════════════════════════════ */
#study-area .bg-white { background: var(--a-s1) !important; }
#study-area .bg-gray-50 { background: var(--a-s2) !important; }

/* ══════════════════════════════════════════════════════════
   СКРОЛЛ
   ══════════════════════════════════════════════════════════ */
.custom-scroll::-webkit-scrollbar-thumb { background: rgba(59,130,246,.3) !important; }
.custom-scroll::-webkit-scrollbar-thumb:hover { background: rgba(59,130,246,.5) !important; }

/* ══════════════════════════════════════════════════════════
   ОНБОРДИНГ
   ══════════════════════════════════════════════════════════ */
#onboarding-overlay .bg-white { background: var(--a-s1) !important; }
#onboarding-overlay .bg-blue-50  { background: rgba(59,130,246,.1) !important; }
#onboarding-overlay .bg-amber-50 { background: rgba(245,158,11,.08) !important; }
#onboarding-overlay .bg-gray-50  { background: var(--a-s3) !important; }
#onboarding-overlay .bg-emerald-50 { background: rgba(16,185,129,.08) !important; }
#onboarding-overlay .bg-purple-50  { background: rgba(168,85,247,.08) !important; }
[data-action="nextOnbStep"],
[data-action="finishOnboarding"].bg-emerald-500 {
  background: linear-gradient(135deg,#2563eb,#7c3aed) !important;
  box-shadow: 0 4px 16px rgba(59,130,246,.4) !important;
}

/* ══════════════════════════════════════════════════════════
   DUEl HEADER
   ══════════════════════════════════════════════════════════ */
#duel-header {
  background: linear-gradient(135deg,#0f172a,#1e1b4b,#1a0533) !important;
  border-color: rgba(139,92,246,.4) !important;
  box-shadow: 0 4px 20px rgba(139,92,246,.25) !important;
}

/* ══════════════════════════════════════════════════════════
   СКЕЛЕТОН-ЭКРАН
   ══════════════════════════════════════════════════════════ */
#app-skeleton {
  background: var(--a-bg) !important;
}
.sk-card {
  background: rgba(13,21,39,.95) !important;
  border-color: rgba(59,130,246,.2) !important;
  box-shadow: 0 8px 40px rgba(59,130,246,.15) !important;
}
.sk-bar { background: linear-gradient(90deg,var(--a-b1),var(--a-b2)) !important; }
.sk-title { color: var(--a-b1) !important; text-shadow: 0 0 8px rgba(59,130,246,.5); }
.sk-bar-wrap { background: rgba(59,130,246,.1) !important; border-color: rgba(59,130,246,.2) !important; }

/* ══════════════════════════════════════════════════════════
   КРАСНЫЙ КАРАНДАШ — пергамент всегда виден независимо от темы
   ══════════════════════════════════════════════════════════ */
.paper-bg {
  background-color: #f4ecd8 !important;
  color: #2c241b !important;
  background-image: radial-gradient(#d1c1a5 1px, transparent 1px) !important;
  background-size: 20px 20px !important;
}
.dark .paper-bg {
  background-color: #2a2621 !important;
  color: #e5e0d8 !important;
  background-image: radial-gradient(#3d362d 1px, transparent 1px) !important;
}
/* текст внутри пергамента — явно наследует, не берёт глобальный a-txt */
#rp-content,
#rp-content * {
  color: inherit !important;
}
/* crossed-out слова в красном карандаше */
#rp-content .crossed { color: #dc2626 !important; text-decoration: line-through; }
.dark #rp-content .crossed { color: #f87171 !important; }
/* заголовок и счётчик красного карандаша */
#rp-title { color: var(--a-txt) !important; }
#rp-counter { background-color: rgba(239,68,68,.15) !important; border-color: rgba(239,68,68,.3) !important; color: #f87171 !important; }

/* ══════════════════════════════════════════════════════════
   СИСТЕМА СКИНОВ — переопределяют CSS-переменные
   Тёмная/светлая тема продолжают работать внутри скина
   ══════════════════════════════════════════════════════════ */

/* ── 1. КЛАССИКА (оригинальный вид, светлый / тёмный) ── */
body.skin-classic {
  --a-bg:     #f8fafc;
  --a-s1:     #ffffff;
  --a-s2:     #f1f5f9;
  --a-s3:     #e2e8f0;
  --a-b1:     #2563eb;
  --a-b2:     #7c3aed;
  --a-b3:     #e11d48;
  --a-txt:    #1e293b;
  --a-muted:  #64748b;
  --a-border: #e2e8f0;
}
body.skin-classic #top-stats-bar { background: rgba(255,255,255,.95) !important; box-shadow: 0 2px 16px rgba(0,0,0,.08) !important; }
/* Светлые темы: шапка-«остров» светлая, а её подписи (text-white/50) и разделители (bg-white/10)
   были рассчитаны на тёмный фон — на белом они невидимы. Делаем их читаемыми.
   Цифры статов уже перекрыты правилами #stat-* выше. Тёмную тему не трогаем. */
html:not(.dark) #top-stats-bar .text-white\/50 { color: rgba(51,65,85,.72) !important; }
html:not(.dark) #top-stats-bar .bg-white\/10   { background-color: rgba(15,23,42,.14) !important; }
body.skin-classic #bottom-nav    { background: rgba(255,255,255,.97) !important; border-top-color: #e2e8f0 !important; box-shadow: 0 -2px 8px rgba(0,0,0,.06) !important; }
body.skin-classic [data-action="quickStartGame"],
body.skin-classic [data-action="pickTaskForMode"] { background: #ffffff !important; }
body.skin-classic .dnd-slot  { background-color: #f8fafc !important; border-color: #cbd5e1 !important; }
body.skin-classic .dnd-chip  { background: #ffffff !important; border-color: #cbd5e1 !important; color: #1e293b !important; }
/* Классика: тёмная тема */
html.dark body.skin-classic {
  --a-bg:     #121212;
  --a-s1:     #1e1e1e;
  --a-s2:     #181818;
  --a-s3:     #2c2c2c;
  --a-txt:    #d1d5db;
  --a-muted:  #9ca3af;
  --a-border: #374151;
}
html.dark body.skin-classic #top-stats-bar { background: rgba(24,24,24,.95) !important; box-shadow: 0 2px 16px rgba(0,0,0,.4) !important; }
html.dark body.skin-classic #bottom-nav    { background: rgba(14,14,14,.97) !important; border-top-color: #374151 !important; }
html.dark body.skin-classic [data-action="quickStartGame"],
html.dark body.skin-classic [data-action="pickTaskForMode"] { background: #1e1e1e !important; }

/* ── 2. КОНСТРУКТИВИЗМ ── */
/* (дубль-токены конструктивизма удалены — единое определение ниже, ~стр. 1000) */
body.skin-constructivism #top-stats-bar { background: #111111 !important; border-color: rgba(232,198,25,.3) !important; }
body.skin-constructivism #bottom-nav    { background: #111111 !important; border-top: 3px solid #cc0000 !important; box-shadow: none !important; }
body.skin-constructivism #stat-learned  { color: #e8c619 !important; text-shadow: none !important; }
body.skin-constructivism #stat-solved   { color: #fff !important; text-shadow: none !important; }
body.skin-constructivism #stat-days     { color: #cc0000 !important; text-shadow: none !important; }
body.skin-constructivism #stat-ege,body.skin-constructivism #ege-ring { color:#e8c619!important;stroke:#e8c619!important;filter:none!important;text-shadow:none!important;}
body.skin-constructivism #bottom-nav button { color: #888 !important; }
body.skin-constructivism #bottom-nav button.active-nav,
body.skin-constructivism #bottom-nav button:hover { color: #e8c619 !important; }
body.skin-constructivism [data-action="quickStartGame"],
body.skin-constructivism [data-action="pickTaskForMode"] { background: #fffdf7 !important; border: 2px solid rgba(204,0,0,.2) !important; border-radius: 0 !important; }
body.skin-constructivism [data-action="quickStartGame"]:hover,
body.skin-constructivism [data-action="pickTaskForMode"]:hover { border-color: #cc0000 !important; box-shadow: 4px 4px 0 #cc0000 !important; }
body.skin-constructivism .dnd-slot { background-color: #fffdf7 !important; border-color: rgba(204,0,0,.3) !important; border-radius: 4px !important; }
body.skin-constructivism .dnd-chip { background: #fffdf7 !important; border-color: rgba(204,0,0,.25) !important; color: #111 !important; border-radius: 4px !important; }
body.skin-constructivism #main-header button { background: rgba(204,0,0,.1) !important; border-color: rgba(204,0,0,.3) !important; border-radius: 4px !important; }
/* ── 4. САКУРА ── */
body.skin-sakura {
  --a-bg:     #fdf5f7;
  --a-s1:     #ffffff;
  --a-s2:     #fff0f4;
  --a-s3:     #ffe4ec;
  --a-b1:     #e879a0;
  --a-b2:     #4a7c59;
  --a-b3:     #c2344b;
  --a-txt:    #2d1b25;
  --a-muted:  #c4a0b0;
  --a-border: rgba(232,121,160,.2);
}
body.skin-sakura #top-stats-bar { background: rgba(255,255,255,.95) !important; border-color: rgba(232,121,160,.3) !important; box-shadow: 0 2px 16px rgba(232,121,160,.12) !important; }
body.skin-sakura #bottom-nav    { background: rgba(255,248,251,.97) !important; border-top-color: rgba(232,121,160,.2) !important; box-shadow: 0 -2px 12px rgba(232,121,160,.1) !important; }
body.skin-sakura #stat-learned  { color: #4a7c59 !important; text-shadow: none !important; }
body.skin-sakura #stat-solved   { color: #e879a0 !important; text-shadow: none !important; }
body.skin-sakura #stat-days     { color: #c2344b !important; text-shadow: none !important; }
body.skin-sakura #stat-ege      { color: #e879a0 !important; text-shadow: none !important; }
body.skin-sakura #ege-ring      { stroke: #e879a0 !important; filter: drop-shadow(0 0 3px rgba(232,121,160,.5)) !important; }
body.skin-sakura #bottom-nav button { color: #c4a0b0 !important; }
body.skin-sakura #bottom-nav button.active-nav,
body.skin-sakura #bottom-nav button:hover { color: #e879a0 !important; }
body.skin-sakura #main-header button { background: rgba(232,121,160,.08) !important; border-color: rgba(232,121,160,.25) !important; }
body.skin-sakura [data-action="toggleFocusMode"]:not(#zen-exit-btn) { background: rgba(74,124,89,.1) !important; border-color: rgba(74,124,89,.3) !important; box-shadow: none !important; }
body.skin-sakura [data-action="quickStartGame"],
body.skin-sakura [data-action="pickTaskForMode"] { background: #ffffff !important; border-color: rgba(232,121,160,.2) !important; }
body.skin-sakura [data-action="quickStartGame"]:hover,
body.skin-sakura [data-action="pickTaskForMode"]:hover { border-color: rgba(232,121,160,.5) !important; box-shadow: 0 4px 20px rgba(232,121,160,.15) !important; }
body.skin-sakura .dnd-slot { background-color: #fff0f4 !important; border-color: rgba(232,121,160,.3) !important; }
body.skin-sakura .dnd-chip { background: #ffffff !important; border-color: rgba(232,121,160,.25) !important; color: #2d1b25 !important; }
/* Сакура тёмная */
html.dark body.skin-sakura {
  --a-bg: #1a0a10; --a-s1: #2d1020; --a-s2: #1a0810; --a-s3: #3d1828;
  --a-txt: #f5d5e0; --a-muted: #a06070; --a-border: rgba(232,121,160,.2);
}
html.dark body.skin-sakura #top-stats-bar { background: rgba(26,10,16,.95) !important; }
html.dark body.skin-sakura #bottom-nav    { background: rgba(14,5,10,.97) !important; }

/* ── 5. УЧЁНАЯ АКАДЕМИЯ (Scholar Minimal) ── */
body.skin-scholar {
  --a-bg:     #fafaf8;
  --a-s1:     #ffffff;
  --a-s2:     #f5f2ee;
  --a-s3:     #ede9e2;
  --a-b1:     #4a7c59;
  --a-b2:     #b45309;
  --a-b3:     #dc2626;
  --a-txt:    #1a1a2e;
  --a-muted:  #7c7164;
  --a-border: #e8e4dd;
}
body.skin-scholar #top-stats-bar { background: rgba(255,255,255,.96) !important; border-color: #e8e4dd !important; box-shadow: 0 1px 8px rgba(0,0,0,.06) !important; }
body.skin-scholar #bottom-nav    { background: rgba(255,255,255,.97) !important; border-top-color: #e8e4dd !important; box-shadow: 0 -2px 8px rgba(0,0,0,.05) !important; }
body.skin-scholar #stat-learned  { color: #4a7c59 !important; text-shadow: none !important; }
body.skin-scholar #stat-solved   { color: #b45309 !important; text-shadow: none !important; }
body.skin-scholar #stat-days     { color: #dc2626 !important; text-shadow: none !important; }
body.skin-scholar #stat-ege      { color: #b45309 !important; text-shadow: none !important; }
body.skin-scholar #ege-ring      { stroke: #b45309 !important; filter: drop-shadow(0 0 2px rgba(180,83,9,.4)) !important; }
body.skin-scholar #bottom-nav button { color: #7c7164 !important; }
body.skin-scholar #bottom-nav button.active-nav,
body.skin-scholar #bottom-nav button:hover { color: #4a7c59 !important; }
body.skin-scholar #main-header button { background: rgba(74,124,89,.06) !important; border-color: #e8e4dd !important; }
body.skin-scholar [data-action="toggleFocusMode"]:not(#zen-exit-btn) { background: rgba(74,124,89,.08) !important; border-color: rgba(74,124,89,.3) !important; box-shadow: none !important; }
body.skin-scholar [data-action="quickStartGame"],
body.skin-scholar [data-action="pickTaskForMode"] { background: #ffffff !important; border-color: #e8e4dd !important; }
body.skin-scholar [data-action="quickStartGame"]:hover,
body.skin-scholar [data-action="pickTaskForMode"]:hover { border-color: rgba(74,124,89,.4) !important; box-shadow: 0 4px 16px rgba(74,124,89,.1) !important; }
body.skin-scholar .dnd-slot { background-color: #f5f2ee !important; border-color: #ccc6bc !important; }
body.skin-scholar .dnd-chip { background: #ffffff !important; border-color: #ccc6bc !important; color: #1a1a2e !important; }
/* Учёная академия тёмная */
html.dark body.skin-scholar {
  --a-bg: #1a1710; --a-s1: #2d2a20; --a-s2: #141210; --a-s3: #3d3828;
  --a-txt: #e8e0d0; --a-muted: #a09080; --a-border: rgba(180,83,9,.2);
}
html.dark body.skin-scholar #top-stats-bar { background: rgba(26,23,16,.95) !important; }
html.dark body.skin-scholar #bottom-nav    { background: rgba(14,12,8,.97) !important; }

/* ══════════════════════════════════════════════════════════
   ПОЛНЫЕ OVERRIDES ДЛЯ КАЖДОГО СКИНА
   Перекрывают жёстко прописанные цвета Aurora
   (game-screen, modals, action buttons, PvP banner)
   ══════════════════════════════════════════════════════════ */

/* ─── ОБЩИЙ ПАТТЕРН: СВЕТЛЫЕ СКИНЫ (classic, constructivism, sakura, scholar) ─── */
body.skin-classic,
body.skin-constructivism,
body.skin-sakura,
body.skin-scholar {
  /* game header делаем светлым */
}
body.skin-classic #game-header,
body.skin-constructivism #game-header,
body.skin-sakura #game-header,
body.skin-scholar #game-header {
  background: var(--a-s2) !important;
  border-color: var(--a-border) !important;
  backdrop-filter: none !important;
}
body.skin-classic #table-container,
body.skin-constructivism #table-container,
body.skin-sakura #table-container,
body.skin-scholar #table-container {
  background: var(--a-s1) !important;
  border-color: var(--a-border) !important;
}
body.skin-classic #pool-panel,
body.skin-constructivism #pool-panel,
body.skin-sakura #pool-panel,
body.skin-scholar #pool-panel {
  background: var(--a-s2) !important;
  border-color: var(--a-border) !important;
}
body.skin-classic #table-head,
body.skin-constructivism #table-head,
body.skin-sakura #table-head,
body.skin-scholar #table-head {
  background: var(--a-s3) !important;
}
/* DnD slots — светлые скины */
body.skin-classic .dnd-slot,
body.skin-constructivism .dnd-slot,
body.skin-sakura .dnd-slot,
body.skin-scholar .dnd-slot {
  background-color: var(--a-s2) !important;
  border-color: var(--a-border) !important;
}
/* Кнопки проверки/следующий — светлые скины */
body.skin-classic #check-btn-sure,
body.skin-constructivism #check-btn-sure,
body.skin-sakura #check-btn-sure,
body.skin-scholar #check-btn-sure {
  background: linear-gradient(135deg,#059669,#10b981) !important;
  box-shadow: 0 4px 16px rgba(16,185,129,.3) !important;
}
body.skin-classic #check-btn-doubt,
body.skin-constructivism #check-btn-doubt,
body.skin-sakura #check-btn-doubt,
body.skin-scholar #check-btn-doubt {
  background: linear-gradient(135deg,#4f46e5,#8b5cf6) !important;
  box-shadow: 0 4px 16px rgba(139,92,246,.3) !important;
}
body.skin-classic #next-btn,
body.skin-constructivism #next-btn,
body.skin-sakura #next-btn,
body.skin-scholar #next-btn {
  background: linear-gradient(135deg,var(--a-b1),var(--a-b2)) !important;
  box-shadow: 0 4px 20px rgba(0,0,0,.2) !important;
}
/* .bg-emerald-500 / .bg-blue-600 — светлые скины (убираем glow-тени) */
body.skin-classic .bg-emerald-500,
body.skin-constructivism .bg-emerald-500,
body.skin-sakura .bg-emerald-500,
body.skin-scholar .bg-emerald-500 {
  background: linear-gradient(135deg,#059669,#10b981) !important;
  box-shadow: 0 4px 12px rgba(16,185,129,.25) !important;
}
body.skin-classic .bg-blue-600,
body.skin-constructivism .bg-blue-600,
body.skin-sakura .bg-blue-600,
body.skin-scholar .bg-blue-600 {
  background: linear-gradient(135deg,var(--a-b1),var(--a-b2)) !important;
  box-shadow: 0 4px 12px rgba(0,0,0,.15) !important;
}
/* PvP баннер — светлые скины */
body.skin-classic [data-action="startDuelSearch"],
body.skin-constructivism [data-action="startDuelSearch"],
body.skin-sakura [data-action="startDuelSearch"],
body.skin-scholar [data-action="startDuelSearch"] {
  background: linear-gradient(135deg,rgba(59,130,246,.1),rgba(139,92,246,.08)) !important;
  border-color: rgba(59,130,246,.25) !important;
  box-shadow: 0 4px 16px rgba(59,130,246,.1) !important;
}
body.skin-classic [data-action="startDuelSearch"] h4,
body.skin-constructivism [data-action="startDuelSearch"] h4,
body.skin-sakura [data-action="startDuelSearch"] h4,
body.skin-scholar [data-action="startDuelSearch"] h4 {
  background: none !important;
  -webkit-text-fill-color: var(--a-txt) !important;
  color: var(--a-txt) !important;
}
/* FIX: подзаголовок баннера (text-indigo-100) был нечитаем на светлом фоне */
body.skin-classic [data-action="startDuelSearch"] p,
body.skin-constructivism [data-action="startDuelSearch"] p,
body.skin-sakura [data-action="startDuelSearch"] p,
body.skin-scholar [data-action="startDuelSearch"] p {
  color: var(--a-muted) !important;
}
/* Конструктивизм PvP — красный */
body.skin-constructivism [data-action="startDuelSearch"] {
  background: linear-gradient(135deg,rgba(204,0,0,.12),rgba(139,0,0,.08)) !important;
  border-color: rgba(204,0,0,.3) !important;
}
body.skin-constructivism [data-action="startDuelSearch"] h4 { color: #cc0000 !important; -webkit-text-fill-color: #cc0000 !important; }
/* Сакура PvP — розовый */
body.skin-sakura [data-action="startDuelSearch"] {
  background: linear-gradient(135deg,rgba(232,121,160,.1),rgba(74,124,89,.08)) !important;
  border-color: rgba(232,121,160,.25) !important;
}
body.skin-sakura [data-action="startDuelSearch"] h4 { color: #e879a0 !important; -webkit-text-fill-color: #e879a0 !important; }
/* Scholar PvP — зелёный */
body.skin-scholar [data-action="startDuelSearch"] {
  background: linear-gradient(135deg,rgba(74,124,89,.1),rgba(180,83,9,.08)) !important;
  border-color: rgba(74,124,89,.25) !important;
}
body.skin-scholar [data-action="startDuelSearch"] h4 { color: #4a7c59 !important; -webkit-text-fill-color: #4a7c59 !important; }

/* Onboarding кнопки — светлые скины */
body.skin-classic [data-action="nextOnbStep"],
body.skin-classic [data-action="finishOnboarding"].bg-emerald-500,
body.skin-constructivism [data-action="nextOnbStep"],
body.skin-sakura [data-action="nextOnbStep"],
body.skin-scholar [data-action="nextOnbStep"] {
  background: linear-gradient(135deg,var(--a-b1),var(--a-b2)) !important;
  box-shadow: 0 4px 16px rgba(0,0,0,.15) !important;
}

/* (override-блоки удалённых скинов vaporwave / terminal / midnight вырезаны) */


/* ══════════════════════════════════════════════════════════
   НЕОБРУТАЛИЗМ — усиление конструктивизма
   Жёсткие чёрные рамки, смещённые тени без размытия,
   плоские заливки, нулевой радиус. Светлый и тёмный режим.
   (Идёт ПОСЛЕ общих светлых правил → перебивает мягкие тени.)
   ══════════════════════════════════════════════════════════ */

/* ── уточнённая палитра ── */
body.skin-constructivism {
  --a-bg:#f4efe3; --a-s1:#fffdf7; --a-s2:#f0e9da; --a-s3:#efe7d5;
  --a-b1:#e11d10; --a-b2:#111111; --a-b3:#e11d10;
  --a-txt:#0f0f0f; --a-muted:#4a4a4a; --a-border:#111111;
}
/* ── убираем жёлтый: статы и кольцо ЕГЭ — красный/белый вместо жёлтого ── */
body.skin-constructivism #stat-learned { color:#f5f5f5 !important; text-shadow:none !important; }
body.skin-constructivism #stat-ege,
body.skin-constructivism #ege-ring { color:#ff453a !important; stroke:#ff453a !important; }
body.skin-constructivism #bottom-nav button.active-nav,
body.skin-constructivism #bottom-nav button:hover { color:#ff453a !important; }

/* карточки заданий/режимов */
body.skin-constructivism [data-action="quickStartGame"],
body.skin-constructivism [data-action="pickTaskForMode"],
body.skin-constructivism [data-action="startVisualTrainer"] {
  background:#fffdf7 !important; border:3px solid #111 !important; border-radius:0 !important;
  box-shadow:6px 6px 0 #111 !important; transition:transform .12s ease, box-shadow .12s ease !important;
}
body.skin-constructivism [data-action="quickStartGame"]:hover,
body.skin-constructivism [data-action="pickTaskForMode"]:hover,
body.skin-constructivism [data-action="startVisualTrainer"]:hover {
  transform:translate(-3px,-3px) !important; box-shadow:9px 9px 0 #e11d10 !important; border-color:#111 !important;
}
body.skin-constructivism [data-action="quickStartGame"]:active,
body.skin-constructivism [data-action="pickTaskForMode"]:active,
body.skin-constructivism [data-action="startVisualTrainer"]:active {
  transform:translate(2px,2px) !important; box-shadow:2px 2px 0 #111 !important;
}

/* PvP баннер */
body.skin-constructivism [data-action="startDuelSearch"] {
  background:#ffe3df !important; border:3px solid #111 !important; border-radius:0 !important;
  box-shadow:6px 6px 0 #e11d10 !important; transition:transform .12s ease, box-shadow .12s ease !important;
}
body.skin-constructivism [data-action="startDuelSearch"]:hover {
  transform:translate(-2px,-2px) !important; box-shadow:8px 8px 0 #e11d10 !important;
}

/* верхняя плашка статистики и нижняя навигация */
body.skin-constructivism #top-stats-bar {
  background:#111 !important; border:3px solid #111 !important; border-radius:0 !important; box-shadow:5px 5px 0 #e11d10 !important;
}
body.skin-constructivism #bottom-nav { border-top:3px solid #111 !important; box-shadow:none !important; }

/* игровые поверхности */
body.skin-constructivism #table-container,
body.skin-constructivism #pool-panel {
  border:3px solid #111 !important; border-radius:0 !important; box-shadow:5px 5px 0 #111 !important;
}
body.skin-constructivism #table-head { background:#e11d10 !important; border-bottom:3px solid #111 !important; }
body.skin-constructivism #table-head th { color:#fff !important; }

/* ── слоты и фишки («варианты») — чистый стиль БЕЗ жёстких теней и двойных рамок,
      чтобы при нарешке не было «рамки в рамке» и выглядело гармонично ── */
body.skin-constructivism .dnd-slot {
  background:#fffdf7 !important; border:2px solid rgba(17,17,17,.35) !important; border-radius:6px !important; box-shadow:none !important;
}
body.skin-constructivism .dnd-slot.has-item { border:2px solid #111 !important; }
body.skin-constructivism .dnd-chip {
  background:#fffdf7 !important; border:2px solid rgba(17,17,17,.3) !important; border-radius:6px !important; color:#111 !important;
  font-weight:700 !important; box-shadow:0 1px 3px rgba(0,0,0,.08) !important; transition:transform .1s ease, border-color .1s ease, box-shadow .1s ease !important;
}
body.skin-constructivism .dnd-chip:hover { border-color:#e11d10 !important; transform:translateY(-1px) !important; box-shadow:0 2px 6px rgba(225,29,16,.18) !important; }
body.skin-constructivism .dnd-chip.selected { border-color:#e11d10 !important; background:#ffece9 !important; box-shadow:0 0 0 3px rgba(225,29,16,.25) !important; transform:translateY(-1px) !important; }
/* фишка ВНУТРИ слота — без своей рамки/тени/фона (убирает «рамку в рамке») */
body.skin-constructivism .dnd-chip.in-slot { border:none !important; box-shadow:none !important; background:transparent !important; transform:none !important; }

/* кнопки проверки / дальше — плоская заливка, чёрная рамка, жёсткая тень */
body.skin-constructivism #check-btn-sure,
body.skin-constructivism #check-btn-doubt,
body.skin-constructivism #next-btn {
  border:3px solid #111 !important; border-radius:0 !important; box-shadow:4px 4px 0 #111 !important;
  color:#fff !important; text-shadow:none !important;
}
body.skin-constructivism #check-btn-sure  { background:#16a34a !important; }
body.skin-constructivism #check-btn-doubt { background:#2563eb !important; }
body.skin-constructivism #next-btn        { background:#e11d10 !important; }
body.skin-constructivism #check-btn-sure:active,
body.skin-constructivism #check-btn-doubt:active,
body.skin-constructivism #next-btn:active { transform:translate(2px,2px) !important; box-shadow:1px 1px 0 #111 !important; }

/* кнопки шапки — сидят на ЧЁРНОЙ плашке, поэтому тёмные/полупрозрачные, без белых квадратов */
body.skin-constructivism #main-header button {
  background:rgba(255,255,255,.08) !important; border:1.5px solid rgba(255,255,255,.22) !important; border-radius:4px !important;
}
body.skin-constructivism #main-header button:hover { background:rgba(255,255,255,.16) !important; }
/* кнопка-кольцо ЕГЭ — без рамки/квадрата */
body.skin-constructivism #main-header button[data-action="openEGEModal"] { background:transparent !important; border:none !important; }

/* ── ТЁМНЫЙ необрутализм: белые рамки + цветные жёсткие тени на почти-чёрном ── */
html.dark body.skin-constructivism {
  --a-bg:#0d0d0d; --a-s1:#181818; --a-s2:#121212; --a-s3:#202020;
  --a-b1:#ff3b30; --a-b2:#f5f5f5; --a-b3:#ff3b30;
  --a-txt:#f5f5f5; --a-muted:#a5a5a5; --a-border:#f5f5f5;
}
html.dark body.skin-constructivism [data-action="quickStartGame"],
html.dark body.skin-constructivism [data-action="pickTaskForMode"],
html.dark body.skin-constructivism [data-action="startVisualTrainer"] {
  background:#181818 !important; border:3px solid #f5f5f5 !important; box-shadow:6px 6px 0 #ff3b30 !important;
}
html.dark body.skin-constructivism [data-action="quickStartGame"]:hover,
html.dark body.skin-constructivism [data-action="pickTaskForMode"]:hover,
html.dark body.skin-constructivism [data-action="startVisualTrainer"]:hover {
  box-shadow:9px 9px 0 #fff !important; border-color:#fff !important;
}
html.dark body.skin-constructivism [data-action="startDuelSearch"] {
  background:#241010 !important; border:3px solid #f5f5f5 !important; box-shadow:6px 6px 0 #ff3b30 !important;
}
html.dark body.skin-constructivism #top-stats-bar {
  background:#181818 !important; border:3px solid #f5f5f5 !important; box-shadow:5px 5px 0 #ff3b30 !important;
}
html.dark body.skin-constructivism #bottom-nav { background:#0d0d0d !important; border-top:3px solid #f5f5f5 !important; }
html.dark body.skin-constructivism #table-container,
html.dark body.skin-constructivism #pool-panel {
  border:3px solid #f5f5f5 !important; box-shadow:5px 5px 0 #ff3b30 !important;
}
html.dark body.skin-constructivism #table-head { background:#ff3b30 !important; border-bottom:3px solid #f5f5f5 !important; }
html.dark body.skin-constructivism #table-head th { color:#fff !important; }
html.dark body.skin-constructivism .dnd-slot { background:#181818 !important; border:2px solid rgba(245,245,245,.3) !important; border-radius:6px !important; box-shadow:none !important; }
html.dark body.skin-constructivism .dnd-slot.has-item { border:2px solid #ff3b30 !important; background:#1c1413 !important; }
html.dark body.skin-constructivism .dnd-chip {
  background:#202020 !important; border:2px solid rgba(245,245,245,.28) !important; color:#f5f5f5 !important; border-radius:6px !important; box-shadow:none !important;
}
html.dark body.skin-constructivism .dnd-chip:hover { border-color:#ff3b30 !important; transform:translateY(-1px) !important; box-shadow:0 2px 6px rgba(255,59,48,.25) !important; }
html.dark body.skin-constructivism .dnd-chip.selected { border-color:#ff3b30 !important; background:#2a1414 !important; box-shadow:0 0 0 3px rgba(255,59,48,.3) !important; transform:translateY(-1px) !important; }
html.dark body.skin-constructivism .dnd-chip.in-slot { border:none !important; box-shadow:none !important; background:transparent !important; transform:none !important; }
html.dark body.skin-constructivism #check-btn-sure,
html.dark body.skin-constructivism #check-btn-doubt,
html.dark body.skin-constructivism #next-btn {
  border:3px solid #f5f5f5 !important; box-shadow:4px 4px 0 #000 !important;
}
html.dark body.skin-constructivism #main-header button { background:rgba(255,255,255,.08) !important; border:1.5px solid rgba(255,255,255,.22) !important; border-radius:4px !important; }
html.dark body.skin-constructivism #main-header button:hover { background:rgba(255,255,255,.16) !important; }
html.dark body.skin-constructivism #main-header button[data-action="openEGEModal"] { background:transparent !important; border:none !important; }

/* ══════════════════════════════════════════════════════════
   FIX тёмного режима: SAKURA / SCHOLAR
   (раньше в .dark оставались белые фишки/кнопки — инородные на тёмном)
   ══════════════════════════════════════════════════════════ */
html.dark body.skin-sakura .dnd-chip:not(.in-slot),
html.dark body.skin-scholar .dnd-chip:not(.in-slot) {
  background: var(--a-s1) !important; border-color: var(--a-border) !important; color: var(--a-txt) !important;
}
html.dark body.skin-sakura [data-action="quickStartGame"],
html.dark body.skin-sakura [data-action="pickTaskForMode"],
html.dark body.skin-scholar [data-action="quickStartGame"],
html.dark body.skin-scholar [data-action="pickTaskForMode"] {
  background: var(--a-s1) !important; border-color: var(--a-border) !important;
}

/* ══════════════════════════════════════════════════════════
   НОВЫЙ СКИН: КОФЕ (тёплая сепия) — светлый и тёмный
   ══════════════════════════════════════════════════════════ */
body.skin-coffee {
  --a-bg:#f4eee4; --a-s1:#fffaf2; --a-s2:#f1e8da; --a-s3:#e7dccb;
  --a-b1:#b5651d; --a-b2:#7a9e7e; --a-b3:#c75d3a;
  --a-txt:#2e2118; --a-muted:#8a7866; --a-border:#e3d6c2;
}
body.skin-coffee #top-stats-bar { background: rgba(255,250,242,.95) !important; border-color:#e3d6c2 !important; box-shadow:0 2px 16px rgba(120,80,30,.08) !important; }
body.skin-coffee #bottom-nav    { background: rgba(255,250,242,.97) !important; border-top-color:#e3d6c2 !important; box-shadow:0 -2px 8px rgba(120,80,30,.06) !important; }
body.skin-coffee #bottom-nav button { color:#a3927e !important; }
body.skin-coffee #bottom-nav button.active-nav,
body.skin-coffee #bottom-nav button:hover { color:#b5651d !important; }
body.skin-coffee #stat-learned { color:#7a9e7e !important; text-shadow:none !important; }
body.skin-coffee #stat-solved  { color:#b5651d !important; text-shadow:none !important; }
body.skin-coffee #stat-days    { color:#c75d3a !important; text-shadow:none !important; }
body.skin-coffee #stat-ege     { color:#b5651d !important; text-shadow:none !important; }
body.skin-coffee #ege-ring     { stroke:#b5651d !important; filter:drop-shadow(0 0 2px rgba(181,101,29,.4)) !important; }
body.skin-coffee #main-header button { background:rgba(181,101,29,.07) !important; border-color:#e3d6c2 !important; }
body.skin-coffee #game-header     { background:var(--a-s2) !important; border-color:var(--a-border) !important; backdrop-filter:none !important; }
body.skin-coffee #table-container { background:var(--a-s1) !important; border-color:var(--a-border) !important; }
body.skin-coffee #pool-panel      { background:var(--a-s2) !important; border-color:var(--a-border) !important; }
body.skin-coffee #table-head      { background:var(--a-s3) !important; }
body.skin-coffee #table-head th   { color:var(--a-txt) !important; }
body.skin-coffee .dnd-slot { background-color:var(--a-s2) !important; border-color:var(--a-border) !important; }
body.skin-coffee [data-action="quickStartGame"],
body.skin-coffee [data-action="pickTaskForMode"] { background:#fffaf2 !important; border-color:#e3d6c2 !important; }
body.skin-coffee .dnd-chip { background:#fffaf2 !important; border-color:#e3d6c2 !important; color:#2e2118 !important; }
body.skin-coffee #check-btn-sure  { background:linear-gradient(135deg,#059669,#10b981) !important; box-shadow:0 4px 16px rgba(16,185,129,.3) !important; }
body.skin-coffee #check-btn-doubt { background:linear-gradient(135deg,#4f46e5,#8b5cf6) !important; box-shadow:0 4px 16px rgba(139,92,246,.3) !important; }
body.skin-coffee #next-btn        { background:linear-gradient(135deg,var(--a-b1),var(--a-b2)) !important; box-shadow:0 4px 20px rgba(0,0,0,.2) !important; }
body.skin-coffee [data-action="startDuelSearch"] { background:linear-gradient(135deg,rgba(181,101,29,.1),rgba(122,158,126,.08)) !important; border-color:rgba(181,101,29,.25) !important; box-shadow:0 4px 16px rgba(181,101,29,.1) !important; }
body.skin-coffee [data-action="startDuelSearch"] h4 { background:none !important; -webkit-text-fill-color:#b5651d !important; color:#b5651d !important; }
body.skin-coffee [data-action="startDuelSearch"] p  { color:var(--a-muted) !important; }
/* Кофе — тёмная */
html.dark body.skin-coffee {
  --a-bg:#1a130d; --a-s1:#271c12; --a-s2:#1f160e; --a-s3:#33261a;
  --a-b1:#d9a066; --a-b2:#9cbfa0; --a-b3:#e08a5e;
  --a-txt:#ece0d0; --a-muted:#a08c74; --a-border:#3a2c1c;
}
html.dark body.skin-coffee #top-stats-bar { background:rgba(39,28,18,.95) !important; box-shadow:0 2px 16px rgba(0,0,0,.4) !important; }
html.dark body.skin-coffee #bottom-nav    { background:rgba(20,15,10,.97) !important; border-top-color:#3a2c1c !important; }
html.dark body.skin-coffee #stat-solved { color:#d9a066 !important; }
html.dark body.skin-coffee #stat-ege    { color:#d9a066 !important; }
html.dark body.skin-coffee #ege-ring    { stroke:#d9a066 !important; }
html.dark body.skin-coffee [data-action="quickStartGame"],
html.dark body.skin-coffee [data-action="pickTaskForMode"] { background:#271c12 !important; border-color:#3a2c1c !important; }
html.dark body.skin-coffee .dnd-chip:not(.in-slot) { background:#271c12 !important; border-color:#3a2c1c !important; color:#ece0d0 !important; }
html.dark body.skin-coffee [data-action="startDuelSearch"] h4 { -webkit-text-fill-color:#d9a066 !important; color:#d9a066 !important; }

/* ══════════════════════════════════════════════════════════
   НОВЫЙ СКИН: ЛЕС (природный зелёный) — светлый и тёмный
   ══════════════════════════════════════════════════════════ */
body.skin-forest {
  --a-bg:#eff5ee; --a-s1:#ffffff; --a-s2:#e7f0e6; --a-s3:#d9e8d8;
  --a-b1:#2f7d4f; --a-b2:#c98a3a; --a-b3:#3f9d63;
  --a-txt:#14271a; --a-muted:#5c7a63; --a-border:#d2e3d0;
}
body.skin-forest #top-stats-bar { background: rgba(255,255,255,.95) !important; border-color:#d2e3d0 !important; box-shadow:0 2px 16px rgba(20,80,40,.08) !important; }
body.skin-forest #bottom-nav    { background: rgba(247,251,246,.97) !important; border-top-color:#d2e3d0 !important; box-shadow:0 -2px 8px rgba(20,80,40,.06) !important; }
body.skin-forest #bottom-nav button { color:#8aa890 !important; }
body.skin-forest #bottom-nav button.active-nav,
body.skin-forest #bottom-nav button:hover { color:#2f7d4f !important; }
body.skin-forest #stat-learned { color:#2f7d4f !important; text-shadow:none !important; }
body.skin-forest #stat-solved  { color:#c98a3a !important; text-shadow:none !important; }
body.skin-forest #stat-days    { color:#3f9d63 !important; text-shadow:none !important; }
body.skin-forest #stat-ege     { color:#2f7d4f !important; text-shadow:none !important; }
body.skin-forest #ege-ring     { stroke:#2f7d4f !important; filter:drop-shadow(0 0 2px rgba(47,125,79,.4)) !important; }
body.skin-forest #main-header button { background:rgba(47,125,79,.07) !important; border-color:#d2e3d0 !important; }
body.skin-forest #game-header     { background:var(--a-s2) !important; border-color:var(--a-border) !important; backdrop-filter:none !important; }
body.skin-forest #table-container { background:var(--a-s1) !important; border-color:var(--a-border) !important; }
body.skin-forest #pool-panel      { background:var(--a-s2) !important; border-color:var(--a-border) !important; }
body.skin-forest #table-head      { background:var(--a-s3) !important; }
body.skin-forest #table-head th   { color:var(--a-txt) !important; }
body.skin-forest .dnd-slot { background-color:var(--a-s2) !important; border-color:var(--a-border) !important; }
body.skin-forest [data-action="quickStartGame"],
body.skin-forest [data-action="pickTaskForMode"] { background:#ffffff !important; border-color:#d2e3d0 !important; }
body.skin-forest .dnd-chip { background:#ffffff !important; border-color:#d2e3d0 !important; color:#14271a !important; }
body.skin-forest #check-btn-sure  { background:linear-gradient(135deg,#059669,#10b981) !important; box-shadow:0 4px 16px rgba(16,185,129,.3) !important; }
body.skin-forest #check-btn-doubt { background:linear-gradient(135deg,#4f46e5,#8b5cf6) !important; box-shadow:0 4px 16px rgba(139,92,246,.3) !important; }
body.skin-forest #next-btn        { background:linear-gradient(135deg,var(--a-b1),var(--a-b2)) !important; box-shadow:0 4px 20px rgba(0,0,0,.2) !important; }
body.skin-forest [data-action="startDuelSearch"] { background:linear-gradient(135deg,rgba(47,125,79,.1),rgba(201,138,58,.08)) !important; border-color:rgba(47,125,79,.25) !important; box-shadow:0 4px 16px rgba(47,125,79,.1) !important; }
body.skin-forest [data-action="startDuelSearch"] h4 { background:none !important; -webkit-text-fill-color:#2f7d4f !important; color:#2f7d4f !important; }
body.skin-forest [data-action="startDuelSearch"] p  { color:var(--a-muted) !important; }
/* Лес — тёмная */
html.dark body.skin-forest {
  --a-bg:#0b1710; --a-s1:#15291c; --a-s2:#102114; --a-s3:#1d3826;
  --a-b1:#4ade80; --a-b2:#e0a64d; --a-b3:#5bd98a;
  --a-txt:#d7ecdb; --a-muted:#7fa386; --a-border:#244a30;
}
html.dark body.skin-forest #top-stats-bar { background:rgba(21,41,28,.95) !important; box-shadow:0 2px 16px rgba(0,0,0,.4) !important; }
html.dark body.skin-forest #bottom-nav    { background:rgba(11,23,16,.97) !important; border-top-color:#244a30 !important; }
html.dark body.skin-forest #stat-solved { color:#e0a64d !important; }
html.dark body.skin-forest #stat-days   { color:#5bd98a !important; }
html.dark body.skin-forest #stat-ege    { color:#4ade80 !important; }
html.dark body.skin-forest #ege-ring    { stroke:#4ade80 !important; }
html.dark body.skin-forest [data-action="quickStartGame"],
html.dark body.skin-forest [data-action="pickTaskForMode"] { background:#15291c !important; border-color:#244a30 !important; }
html.dark body.skin-forest .dnd-chip:not(.in-slot) { background:#15291c !important; border-color:#244a30 !important; color:#d7ecdb !important; }
html.dark body.skin-forest [data-action="startDuelSearch"] h4 { -webkit-text-fill-color:#4ade80 !important; color:#4ade80 !important; }

/* ══════════════════════════════════════════════════════════
   ВСТАВЛЕННЫЙ ОТВЕТ «ВШИТ» В ТАБЛИЦУ (тёмная тема)
   Чтобы заполненный слот не был белым инородным блоком, а выглядел как
   обычная заполненная ячейка таблицы. Срабатывает для скинов БЕЗ собственного
   тёмного оформления слотов; скины с явным тёмным дизайном (напр. необрутализм,
   у них выше специфичность — html.dark body.skin-X) сохраняют свой стиль.
   ══════════════════════════════════════════════════════════ */
html.dark .dnd-slot.has-item {
  background-color: rgba(255,255,255,.045) !important;
  border-color: rgba(255,255,255,.16) !important;
  box-shadow: none !important;
}
html.dark .dnd-chip.in-slot {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: var(--a-txt, #f1f5f9) !important;
}