/* Озеро вокруг игры (lake-ui.js): фон «небо – горы – вода» и деревянные кнопки, вывески, клавиши. Подключается после
   style.css и страничных стилей, поэтому перебивает их тем же весом. Файл собран tools/ (шаблон html.lake:not([data-tilestyle="pumpkin"]) = html.lake без
   тыквенной темы). Совместимость со старыми WebView: без color-mix(), без inset-шорткатов, без dvh внутри var(). */

html.lake { --lk-ink: #2b1a0b; --lk-ink2: #6a4724; --lk-gold: #e8c14a; }

html.lake, html.lake body { background-color: #0f3a5f; }
html.lake:not([data-tilestyle="pumpkin"]) body { background-color: transparent; }
html.lake.hw-fest #lakeBackdrop { display: none; }
/* Тыквенная тема остаётся у игроков навсегда: после праздника (без .hw-fest) у неё своё озеро – theme-scene.css */
html.lake[data-tilestyle="pumpkin"]:not(.hw-fest) body { background-color: transparent; }

/* Фон – та же сцена Бухты, что на главном экране: lake-bg.svg (собирает LAKE_BG=1 tools/home-scene/build.py), цвета и
   палитра по времени суток – lake-art.css. Пока рисунок грузится, видно небо и воду тех же цветов. */
#lakeBackdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; overflow: hidden; pointer-events: none;
  background: linear-gradient(180deg, var(--sky1) 0, var(--sky3) 28%, var(--w1) 28.2%, var(--w2) 100%); }
#lakeBackdrop svg { display: block; width: 100%; height: 100%; }
body.menu-open #lakeBackdrop { display: none; }

/* Заголовок и подпись: тёплый свет на тёмной воде */
html.lake:not([data-tilestyle="pumpkin"]) header h1 { color: #fff4d6; text-shadow: 0 2px 0 rgba(43, 26, 11, 0.85), 0 0 16px rgba(255, 214, 140, 0.28); }
html.lake:not([data-tilestyle="pumpkin"]) #subtitle, html.lake:not([data-tilestyle="pumpkin"]) #dlSubtitle { color: #d6e6f4; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }

/* Деревянные клавиши (Словолов, Марафон, Дуэль): цвета состояний остаются от темы */
html.lake:not([data-tilestyle="pumpkin"]) .key { background: linear-gradient(180deg, #ecd1a0, #d7ae72 60%, #bd9156); color: var(--lk-ink); border: 0; border-bottom: 3px solid #6b4423; border-radius: 7px; font-weight: 700; text-shadow: 0 1px 0 rgba(255, 244, 214, 0.6); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35); }
html.lake:not([data-tilestyle="pumpkin"]) .key.correct { background: var(--correct); color: #fff; border-bottom-color: rgba(0, 0, 0, 0.35); text-shadow: none; }
html.lake:not([data-tilestyle="pumpkin"]) .key.present { background: var(--present); color: #fff; border-bottom-color: rgba(0, 0, 0, 0.35); text-shadow: none; }
html.lake:not([data-tilestyle="pumpkin"]) .key.absent { background: #4a3a2b; color: #a8957a; border-bottom-color: #2a1f15; text-shadow: none; box-shadow: none; }

/* Золотая кнопка и деревянная вывеска – те же, что в Бухте */
html.lake:not([data-tilestyle="pumpkin"]) .dl-primary, html.lake:not([data-tilestyle="pumpkin"]) #pkNextLevel, html.lake:not([data-tilestyle="pumpkin"]) .pk-btn-gold { background: linear-gradient(180deg, #f0cf7c, #d9a640 55%, #b9822a); color: var(--lk-ink); border: 2px solid #8a6a28; border-radius: 10px; font-weight: 800; box-shadow: 0 3px 0 #3b2810, inset 0 1.5px 0 rgba(255, 244, 214, 0.6); text-shadow: 0 1px 0 rgba(255, 244, 214, 0.5); }
html.lake:not([data-tilestyle="pumpkin"]) .dl-primary:active, html.lake:not([data-tilestyle="pumpkin"]) #pkNextLevel:active { transform: translateY(2px); box-shadow: 0 1px 0 #3b2810, inset 0 1.5px 0 rgba(255, 244, 214, 0.6); }
html.lake:not([data-tilestyle="pumpkin"]) .dl-primary:disabled { background: #6b5a40; color: #b8a78a; border-color: #4a3a22; box-shadow: none; text-shadow: none; opacity: 1; }
html.lake:not([data-tilestyle="pumpkin"]) .dl-secondary, html.lake:not([data-tilestyle="pumpkin"]) #pkShuffle { background: rgba(255, 240, 205, 0.12); border: 2px dashed rgba(240, 214, 160, 0.6); border-radius: 10px; color: #f0dcae; font-weight: 700; }
html.lake:not([data-tilestyle="pumpkin"]) .dl-word-input, html.lake:not([data-tilestyle="pumpkin"]) .dl-link-field { background: #f3e2bd; color: var(--lk-ink); border: 2px solid #6b4423; border-radius: 10px; box-shadow: inset 0 2px 4px rgba(70, 38, 12, 0.25); }
html.lake:not([data-tilestyle="pumpkin"]) .dl-word-input:focus { border-color: #b9822a; box-shadow: 0 0 0 3px rgba(232, 193, 74, 0.35), inset 0 2px 4px rgba(70, 38, 12, 0.25); }

/* Дуэль: этапы лобби – деревянные вывески */
html.lake:not([data-tilestyle="pumpkin"]) #dlStart, html.lake:not([data-tilestyle="pumpkin"]) #dlConnecting, html.lake:not([data-tilestyle="pumpkin"]) #dlWaiting, html.lake:not([data-tilestyle="pumpkin"]) #dlLobby, html.lake:not([data-tilestyle="pumpkin"]) #dlAuthor, html.lake:not([data-tilestyle="pumpkin"]) #dlResult { padding: 16px 16px 18px; border-radius: 12px; box-sizing: border-box; color: var(--lk-ink);
  background: repeating-linear-gradient(90deg, rgba(70, 38, 12, 0.07) 0 2px, rgba(70, 38, 12, 0) 2px 9px), linear-gradient(180deg, #d9ad74, #c4955c 55%, #ab7b46);
  border: 2px solid #4a2f19; box-shadow: 0 4px 0 #2b1a0c, 0 10px 22px rgba(0, 0, 0, 0.4), inset 0 1.5px 0 rgba(255, 240, 205, 0.55); }
html.lake:not([data-tilestyle="pumpkin"]) .dl-status, html.lake:not([data-tilestyle="pumpkin"]) .dl-result-headline { color: var(--lk-ink); text-shadow: 0 1px 0 rgba(255, 236, 200, 0.55); }
html.lake:not([data-tilestyle="pumpkin"]) .dl-hint, html.lake:not([data-tilestyle="pumpkin"]) .dl-result-sub, html.lake:not([data-tilestyle="pumpkin"]) .dl-score { color: var(--lk-ink2); }
html.lake:not([data-tilestyle="pumpkin"]) .dl-timer { color: var(--lk-ink); }
html.lake:not([data-tilestyle="pumpkin"]) .dl-score b { color: var(--lk-ink); }
html.lake:not([data-tilestyle="pumpkin"]) .dl-score-sep { color: var(--lk-ink2); }
html.lake:not([data-tilestyle="pumpkin"]) .dl-error { color: #8a1f14; font-weight: 700; }
html.lake:not([data-tilestyle="pumpkin"]) .dl-ownword-label { color: #e8d4a8; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
html.lake:not([data-tilestyle="pumpkin"]) .dl-message { color: #ffe08a; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7); }
html.lake:not([data-tilestyle="pumpkin"]) .dl-art { display: block; width: 100%; max-width: 300px; height: auto; margin: 0 auto -4px; }
html.lake:not([data-tilestyle="pumpkin"]) .beta-tag { background: #e8c14a; color: var(--lk-ink); }

/* Плетёнка: уровень – вывеска, колесо – штурвал, буквы – деревянные плашки */
html.lake:not([data-tilestyle="pumpkin"]) #pkLevelBar { max-width: 320px; box-sizing: border-box; padding: 6px 12px; border-radius: 10px; color: var(--lk-ink2);
  background: repeating-linear-gradient(90deg, rgba(70, 38, 12, 0.07) 0 2px, rgba(70, 38, 12, 0) 2px 9px), linear-gradient(180deg, #d9ad74, #c4955c 55%, #ab7b46);
  border: 2px solid #4a2f19; box-shadow: 0 3px 0 #2b1a0c, inset 0 1.5px 0 rgba(255, 240, 205, 0.5); }
html.lake:not([data-tilestyle="pumpkin"]) #pkLevelNum { color: var(--lk-ink); }
html.lake:not([data-tilestyle="pumpkin"]) #pkProgress { border-bottom-color: rgba(74, 47, 25, 0.6); color: var(--lk-ink); font-weight: 700; }
html.lake:not([data-tilestyle="pumpkin"]) #pkHintBtn { background: linear-gradient(180deg, #f0cf7c, #d9a640 55%, #b9822a); color: var(--lk-ink); border: 2px solid #8a6a28; box-shadow: 0 2px 0 #3b2810; }
html.lake:not([data-tilestyle="pumpkin"]) .pk-cell-blank { background: rgba(8, 20, 38, 0.55); border: 1px solid rgba(160, 200, 235, 0.25); box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.55); opacity: 1; }
html.lake:not([data-tilestyle="pumpkin"]) .pk-cell-filled { box-shadow: inset 0 1.5px 0 rgba(255, 255, 255, 0.28), 0 2px 0 rgba(0, 0, 0, 0.4); }
html.lake:not([data-tilestyle="pumpkin"]) #pkMessage { color: #ffe08a; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7); }
/* Колесо – штурвал: обод с восемью ручками, спицы и латунная ступица (рисунок – SVG в фоне, буквы лежат на ободе) */
html.lake:not([data-tilestyle="pumpkin"]) #pkWheelWrap::before { top: 0; right: 0; bottom: 0; left: 0; border: 0; border-radius: 0; opacity: 1; background: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 200 200%22%3E%3Cdefs%3E%3ClinearGradient id=%22w%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23b98a55%22/%3E%3Cstop offset=%22.5%22 stop-color=%22%238a5d33%22/%3E%3Cstop offset=%221%22 stop-color=%22%235a3a1c%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22wd%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%238d6238%22/%3E%3Cstop offset=%221%22 stop-color=%22%234a2f16%22/%3E%3C/linearGradient%3E%3CradialGradient id=%22b%22 cx=%22.38%22 cy=%22.32%22 r=%22.8%22%3E%3Cstop offset=%220%22 stop-color=%22%23fbe7a0%22/%3E%3Cstop offset=%22.5%22 stop-color=%22%23d9a640%22/%3E%3Cstop offset=%221%22 stop-color=%22%238a5f1c%22/%3E%3C/radialGradient%3E%3CradialGradient id=%22k%22 cx=%22.35%22 cy=%22.3%22 r=%22.8%22%3E%3Cstop offset=%220%22 stop-color=%22%23c9996a%22/%3E%3Cstop offset=%221%22 stop-color=%22%235a3a1c%22/%3E%3C/radialGradient%3E%3CradialGradient id=%22sh%22%3E%3Cstop offset=%22.7%22 stop-color=%22%23000%22 stop-opacity=%22.38%22/%3E%3Cstop offset=%221%22 stop-color=%22%23000%22 stop-opacity=%220%22/%3E%3C/radialGradient%3E%3C/defs%3E%3Cellipse cx=%22100%22 cy=%22105%22 rx=%2297%22 ry=%2294%22 fill=%22url(%23sh)%22/%3E%3Cpath d=%22M100.0 30.0 L100.0 16.0%22 stroke=%22%232e1c0d%22 stroke-width=%2210%22 stroke-linecap=%22round%22/%3E%3Cpath d=%22M100.0 30.0 L100.0 16.0%22 stroke=%22url(%23w)%22 stroke-width=%227.4%22 stroke-linecap=%22round%22/%3E%3Ccircle cx=%22100.0%22 cy=%2210.5%22 r=%226.4%22 fill=%22%232e1c0d%22/%3E%3Ccircle cx=%22100.0%22 cy=%2210.5%22 r=%225.2%22 fill=%22url(%23k)%22/%3E%3Ccircle cx=%22100.0%22 cy=%2222.0%22 r=%224.6%22 fill=%22url(%23k)%22 stroke=%22%232e1c0d%22 stroke-width=%221%22/%3E%3Cpath d=%22M149.5 50.5 L159.4 40.6%22 stroke=%22%232e1c0d%22 stroke-width=%2210%22 stroke-linecap=%22round%22/%3E%3Cpath d=%22M149.5 50.5 L159.4 40.6%22 stroke=%22url(%23w)%22 stroke-width=%227.4%22 stroke-linecap=%22round%22/%3E%3Ccircle cx=%22163.3%22 cy=%2236.7%22 r=%226.4%22 fill=%22%232e1c0d%22/%3E%3Ccircle cx=%22163.3%22 cy=%2236.7%22 r=%225.2%22 fill=%22url(%23k)%22/%3E%3Ccircle cx=%22155.2%22 cy=%2244.8%22 r=%224.6%22 fill=%22url(%23k)%22 stroke=%22%232e1c0d%22 stroke-width=%221%22/%3E%3Cpath d=%22M170.0 100.0 L184.0 100.0%22 stroke=%22%232e1c0d%22 stroke-width=%2210%22 stroke-linecap=%22round%22/%3E%3Cpath d=%22M170.0 100.0 L184.0 100.0%22 stroke=%22url(%23w)%22 stroke-width=%227.4%22 stroke-linecap=%22round%22/%3E%3Ccircle cx=%22189.5%22 cy=%22100.0%22 r=%226.4%22 fill=%22%232e1c0d%22/%3E%3Ccircle cx=%22189.5%22 cy=%22100.0%22 r=%225.2%22 fill=%22url(%23k)%22/%3E%3Ccircle cx=%22178.0%22 cy=%22100.0%22 r=%224.6%22 fill=%22url(%23k)%22 stroke=%22%232e1c0d%22 stroke-width=%221%22/%3E%3Cpath d=%22M149.5 149.5 L159.4 159.4%22 stroke=%22%232e1c0d%22 stroke-width=%2210%22 stroke-linecap=%22round%22/%3E%3Cpath d=%22M149.5 149.5 L159.4 159.4%22 stroke=%22url(%23w)%22 stroke-width=%227.4%22 stroke-linecap=%22round%22/%3E%3Ccircle cx=%22163.3%22 cy=%22163.3%22 r=%226.4%22 fill=%22%232e1c0d%22/%3E%3Ccircle cx=%22163.3%22 cy=%22163.3%22 r=%225.2%22 fill=%22url(%23k)%22/%3E%3Ccircle cx=%22155.2%22 cy=%22155.2%22 r=%224.6%22 fill=%22url(%23k)%22 stroke=%22%232e1c0d%22 stroke-width=%221%22/%3E%3Cpath d=%22M100.0 170.0 L100.0 184.0%22 stroke=%22%232e1c0d%22 stroke-width=%2210%22 stroke-linecap=%22round%22/%3E%3Cpath d=%22M100.0 170.0 L100.0 184.0%22 stroke=%22url(%23w)%22 stroke-width=%227.4%22 stroke-linecap=%22round%22/%3E%3Ccircle cx=%22100.0%22 cy=%22189.5%22 r=%226.4%22 fill=%22%232e1c0d%22/%3E%3Ccircle cx=%22100.0%22 cy=%22189.5%22 r=%225.2%22 fill=%22url(%23k)%22/%3E%3Ccircle cx=%22100.0%22 cy=%22178.0%22 r=%224.6%22 fill=%22url(%23k)%22 stroke=%22%232e1c0d%22 stroke-width=%221%22/%3E%3Cpath d=%22M50.5 149.5 L40.6 159.4%22 stroke=%22%232e1c0d%22 stroke-width=%2210%22 stroke-linecap=%22round%22/%3E%3Cpath d=%22M50.5 149.5 L40.6 159.4%22 stroke=%22url(%23w)%22 stroke-width=%227.4%22 stroke-linecap=%22round%22/%3E%3Ccircle cx=%2236.7%22 cy=%22163.3%22 r=%226.4%22 fill=%22%232e1c0d%22/%3E%3Ccircle cx=%2236.7%22 cy=%22163.3%22 r=%225.2%22 fill=%22url(%23k)%22/%3E%3Ccircle cx=%2244.8%22 cy=%22155.2%22 r=%224.6%22 fill=%22url(%23k)%22 stroke=%22%232e1c0d%22 stroke-width=%221%22/%3E%3Cpath d=%22M30.0 100.0 L16.0 100.0%22 stroke=%22%232e1c0d%22 stroke-width=%2210%22 stroke-linecap=%22round%22/%3E%3Cpath d=%22M30.0 100.0 L16.0 100.0%22 stroke=%22url(%23w)%22 stroke-width=%227.4%22 stroke-linecap=%22round%22/%3E%3Ccircle cx=%2210.5%22 cy=%22100.0%22 r=%226.4%22 fill=%22%232e1c0d%22/%3E%3Ccircle cx=%2210.5%22 cy=%22100.0%22 r=%225.2%22 fill=%22url(%23k)%22/%3E%3Ccircle cx=%2222.0%22 cy=%22100.0%22 r=%224.6%22 fill=%22url(%23k)%22 stroke=%22%232e1c0d%22 stroke-width=%221%22/%3E%3Cpath d=%22M50.5 50.5 L40.6 40.6%22 stroke=%22%232e1c0d%22 stroke-width=%2210%22 stroke-linecap=%22round%22/%3E%3Cpath d=%22M50.5 50.5 L40.6 40.6%22 stroke=%22url(%23w)%22 stroke-width=%227.4%22 stroke-linecap=%22round%22/%3E%3Ccircle cx=%2236.7%22 cy=%2236.7%22 r=%226.4%22 fill=%22%232e1c0d%22/%3E%3Ccircle cx=%2236.7%22 cy=%2236.7%22 r=%225.2%22 fill=%22url(%23k)%22/%3E%3Ccircle cx=%2244.8%22 cy=%2244.8%22 r=%224.6%22 fill=%22url(%23k)%22 stroke=%22%232e1c0d%22 stroke-width=%221%22/%3E%3Cpath d=%22M100.0 84.0 L100.0 32.0%22 stroke=%22%232e1c0d%22 stroke-width=%228%22 stroke-linecap=%22round%22/%3E%3Cpath d=%22M100.0 84.0 L100.0 32.0%22 stroke=%22url(%23wd)%22 stroke-width=%225.6%22 stroke-linecap=%22round%22/%3E%3Ccircle cx=%22100.0%22 cy=%2260.0%22 r=%224.4%22 fill=%22url(%23k)%22 stroke=%22%232e1c0d%22 stroke-width=%22.9%22/%3E%3Cpath d=%22M111.3 88.7 L148.1 51.9%22 stroke=%22%232e1c0d%22 stroke-width=%228%22 stroke-linecap=%22round%22/%3E%3Cpath d=%22M111.3 88.7 L148.1 51.9%22 stroke=%22url(%23wd)%22 stroke-width=%225.6%22 stroke-linecap=%22round%22/%3E%3Ccircle cx=%22128.3%22 cy=%2271.7%22 r=%224.4%22 fill=%22url(%23k)%22 stroke=%22%232e1c0d%22 stroke-width=%22.9%22/%3E%3Cpath d=%22M116.0 100.0 L168.0 100.0%22 stroke=%22%232e1c0d%22 stroke-width=%228%22 stroke-linecap=%22round%22/%3E%3Cpath d=%22M116.0 100.0 L168.0 100.0%22 stroke=%22url(%23wd)%22 stroke-width=%225.6%22 stroke-linecap=%22round%22/%3E%3Ccircle cx=%22140.0%22 cy=%22100.0%22 r=%224.4%22 fill=%22url(%23k)%22 stroke=%22%232e1c0d%22 stroke-width=%22.9%22/%3E%3Cpath d=%22M111.3 111.3 L148.1 148.1%22 stroke=%22%232e1c0d%22 stroke-width=%228%22 stroke-linecap=%22round%22/%3E%3Cpath d=%22M111.3 111.3 L148.1 148.1%22 stroke=%22url(%23wd)%22 stroke-width=%225.6%22 stroke-linecap=%22round%22/%3E%3Ccircle cx=%22128.3%22 cy=%22128.3%22 r=%224.4%22 fill=%22url(%23k)%22 stroke=%22%232e1c0d%22 stroke-width=%22.9%22/%3E%3Cpath d=%22M100.0 116.0 L100.0 168.0%22 stroke=%22%232e1c0d%22 stroke-width=%228%22 stroke-linecap=%22round%22/%3E%3Cpath d=%22M100.0 116.0 L100.0 168.0%22 stroke=%22url(%23wd)%22 stroke-width=%225.6%22 stroke-linecap=%22round%22/%3E%3Ccircle cx=%22100.0%22 cy=%22140.0%22 r=%224.4%22 fill=%22url(%23k)%22 stroke=%22%232e1c0d%22 stroke-width=%22.9%22/%3E%3Cpath d=%22M88.7 111.3 L51.9 148.1%22 stroke=%22%232e1c0d%22 stroke-width=%228%22 stroke-linecap=%22round%22/%3E%3Cpath d=%22M88.7 111.3 L51.9 148.1%22 stroke=%22url(%23wd)%22 stroke-width=%225.6%22 stroke-linecap=%22round%22/%3E%3Ccircle cx=%2271.7%22 cy=%22128.3%22 r=%224.4%22 fill=%22url(%23k)%22 stroke=%22%232e1c0d%22 stroke-width=%22.9%22/%3E%3Cpath d=%22M84.0 100.0 L32.0 100.0%22 stroke=%22%232e1c0d%22 stroke-width=%228%22 stroke-linecap=%22round%22/%3E%3Cpath d=%22M84.0 100.0 L32.0 100.0%22 stroke=%22url(%23wd)%22 stroke-width=%225.6%22 stroke-linecap=%22round%22/%3E%3Ccircle cx=%2260.0%22 cy=%22100.0%22 r=%224.4%22 fill=%22url(%23k)%22 stroke=%22%232e1c0d%22 stroke-width=%22.9%22/%3E%3Cpath d=%22M88.7 88.7 L51.9 51.9%22 stroke=%22%232e1c0d%22 stroke-width=%228%22 stroke-linecap=%22round%22/%3E%3Cpath d=%22M88.7 88.7 L51.9 51.9%22 stroke=%22url(%23wd)%22 stroke-width=%225.6%22 stroke-linecap=%22round%22/%3E%3Ccircle cx=%2271.7%22 cy=%2271.7%22 r=%224.4%22 fill=%22url(%23k)%22 stroke=%22%232e1c0d%22 stroke-width=%22.9%22/%3E%3Ccircle cx=%22100%22 cy=%22100%22 r=%2272%22 fill=%22none%22 stroke=%22%232e1c0d%22 stroke-width=%2217%22/%3E%3Ccircle cx=%22100%22 cy=%22100%22 r=%2272%22 fill=%22none%22 stroke=%22url(%23w)%22 stroke-width=%2214.4%22/%3E%3Ccircle cx=%22100%22 cy=%22100%22 r=%2272%22 fill=%22none%22 stroke=%22%23e1b27a%22 stroke-opacity=%22.45%22 stroke-width=%223%22 transform=%22translate(-1.6 -1.6)%22/%3E%3Ccircle cx=%22100%22 cy=%22100%22 r=%2264.6%22 fill=%22none%22 stroke=%22%232e1c0d%22 stroke-opacity=%22.55%22 stroke-width=%221.2%22/%3E%3Ccircle cx=%22100%22 cy=%22100%22 r=%2222%22 fill=%22%232e1c0d%22/%3E%3Ccircle cx=%22100%22 cy=%22100%22 r=%2219.5%22 fill=%22url(%23b)%22 stroke=%22%236b4a14%22 stroke-width=%221%22/%3E%3Ccircle cx=%22100%22 cy=%22100%22 r=%2211%22 fill=%22%233b2810%22 opacity=%22.5%22/%3E%3Ccircle cx=%22100%22 cy=%22100%22 r=%229%22 fill=%22url(%23b)%22 stroke=%22%236b4a14%22 stroke-width=%22.8%22/%3E%3Ccircle cx=%22105.8%22 cy=%2286.0%22 r=%221.5%22 fill=%22%236b4a14%22/%3E%3Ccircle cx=%22114.0%22 cy=%2294.2%22 r=%221.5%22 fill=%22%236b4a14%22/%3E%3Ccircle cx=%22114.0%22 cy=%22105.8%22 r=%221.5%22 fill=%22%236b4a14%22/%3E%3Ccircle cx=%22105.8%22 cy=%22114.0%22 r=%221.5%22 fill=%22%236b4a14%22/%3E%3Ccircle cx=%2294.2%22 cy=%22114.0%22 r=%221.5%22 fill=%22%236b4a14%22/%3E%3Ccircle cx=%2286.0%22 cy=%22105.8%22 r=%221.5%22 fill=%22%236b4a14%22/%3E%3Ccircle cx=%2286.0%22 cy=%2294.2%22 r=%221.5%22 fill=%22%236b4a14%22/%3E%3Ccircle cx=%2294.2%22 cy=%2286.0%22 r=%221.5%22 fill=%22%236b4a14%22/%3E%3C/svg%3E') center / 100% 100% no-repeat; box-shadow: none; }
html.lake:not([data-tilestyle="pumpkin"]) .pk-tile { background: radial-gradient(circle at 35% 28%, #f6e2b4, #dcb677 58%, #b78a4d); color: var(--lk-ink); border: 2px solid #5b3a1c; font-weight: 800; text-shadow: 0 1px 0 rgba(255, 244, 214, 0.6); box-shadow: 0 3px 0 #3b2810, 0 5px 8px rgba(0, 0, 0, 0.4); }
html.lake:not([data-tilestyle="pumpkin"]) .pk-tile-active { background: var(--correct); color: #fff; text-shadow: none; }
html.lake:not([data-tilestyle="pumpkin"]) #pkSkip { color: #f0dcae; }

/* Окна Плетёнки и подарков: деревянная карточка */
html.lake:not([data-tilestyle="pumpkin"]) #pkCompleteCard, html.lake:not([data-tilestyle="pumpkin"]) #pkWordsCard { color: var(--lk-ink); background: repeating-linear-gradient(90deg, rgba(70, 38, 12, 0.07) 0 2px, rgba(70, 38, 12, 0) 2px 9px), linear-gradient(180deg, #d9ad74, #c4955c 55%, #ab7b46);
  border: 2px solid #4a2f19; box-shadow: 0 5px 0 #2b1a0c, 0 12px 26px rgba(0, 0, 0, 0.5), inset 0 1.5px 0 rgba(255, 240, 205, 0.55); }
html.lake:not([data-tilestyle="pumpkin"]) .pk-complete-title { color: var(--lk-ink); text-shadow: 0 1px 0 rgba(255, 236, 200, 0.55); }
html.lake:not([data-tilestyle="pumpkin"]) #pkCompleteCard .hint { color: var(--lk-ink2); }
html.lake:not([data-tilestyle="pumpkin"]) .pk-words-group { color: var(--lk-ink2); }
html.lake:not([data-tilestyle="pumpkin"]) .pk-word { background: rgba(255, 240, 205, 0.5); color: var(--lk-ink); }
html.lake:not([data-tilestyle="pumpkin"]) .pk-word.bonus { background: #f6e2ae; color: #7a4e12; }
html.lake:not([data-tilestyle="pumpkin"]) .pk-words-empty { color: var(--lk-ink2); }

/* Вкладки режимов (Игра / Загадать / Рейтинг / Марафон): деревянная полка, активная – золотая */
html.lake:not([data-tilestyle="pumpkin"]) #tabs { background: repeating-linear-gradient(90deg, rgba(70, 38, 12, 0.07) 0 2px, rgba(70, 38, 12, 0) 2px 9px), linear-gradient(180deg, #8a5f36, #6e4a28); border: 2px solid #3a2412; border-radius: 12px; box-shadow: 0 3px 0 #2b1a0c, inset 0 1.5px 0 rgba(255, 220, 160, 0.3); }
html.lake:not([data-tilestyle="pumpkin"]) .tab { color: #ecd9b4; font-weight: 700; text-shadow: 0 1px 0 rgba(43, 26, 11, 0.6); }
html.lake:not([data-tilestyle="pumpkin"]) .tab.active { background: linear-gradient(180deg, #f0cf7c, #d9a640 55%, #b9822a); color: var(--lk-ink); text-shadow: 0 1px 0 rgba(255, 244, 214, 0.55); box-shadow: 0 2px 0 #3b2810, inset 0 1.5px 0 rgba(255, 244, 214, 0.6); }

/* Поле слова: пустые клетки – углублённые «лунки» на воде; цвета ответов остаются от темы */
html.lake:not([data-tilestyle="pumpkin"]) .cell:not(.correct):not(.present):not(.absent):not(.filled) { background: rgba(8, 20, 38, 0.5); border-color: rgba(160, 200, 235, 0.28); box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.5); }
html.lake:not([data-tilestyle="pumpkin"]) .cell.filled:not(.correct):not(.present):not(.absent) { background: rgba(8, 20, 38, 0.6); border-color: #e8c14a; }

/* Остальные экраны Словолова: загадать, рейтинг, марафон – читаемый текст на воде, золотые кнопки, деревянные поля */
html.lake:not([data-tilestyle="pumpkin"]) #challengeTab .hint, html.lake:not([data-tilestyle="pumpkin"]) #marathonTab .hint, html.lake:not([data-tilestyle="pumpkin"]) #marathonTab .hint.sub, html.lake:not([data-tilestyle="pumpkin"]) #marathonTab .energy-note, html.lake:not([data-tilestyle="pumpkin"]) #leaderboardTab p, html.lake:not([data-tilestyle="pumpkin"]) .lb-empty, html.lake:not([data-tilestyle="pumpkin"]) #marathonBest { color: #d6e6f4; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.65); }
html.lake:not([data-tilestyle="pumpkin"]) #challengeCreate, html.lake:not([data-tilestyle="pumpkin"]) #marathonStart, html.lake:not([data-tilestyle="pumpkin"]) #challengeShareChat { background: linear-gradient(180deg, #f0cf7c, #d9a640 55%, #b9822a); color: var(--lk-ink); border: 2px solid #8a6a28; border-radius: 10px; font-weight: 800; box-shadow: 0 3px 0 #3b2810, inset 0 1.5px 0 rgba(255, 244, 214, 0.6); text-shadow: 0 1px 0 rgba(255, 244, 214, 0.5); }
html.lake:not([data-tilestyle="pumpkin"]) #challengeCreate:active, html.lake:not([data-tilestyle="pumpkin"]) #marathonStart:active, html.lake:not([data-tilestyle="pumpkin"]) #challengeShareChat:active { transform: translateY(2px); box-shadow: 0 1px 0 #3b2810, inset 0 1.5px 0 rgba(255, 244, 214, 0.6); }
html.lake:not([data-tilestyle="pumpkin"]) #challengeCreate:disabled, html.lake:not([data-tilestyle="pumpkin"]) #marathonStart:disabled { background: #6b5a40; color: #b8a78a; border-color: #4a3a22; box-shadow: none; text-shadow: none; opacity: 1; }
html.lake:not([data-tilestyle="pumpkin"]) button.ghost { background: rgba(255, 240, 205, 0.12); border: 2px dashed rgba(240, 214, 160, 0.6); border-radius: 10px; color: #f0dcae; font-weight: 700; }
html.lake:not([data-tilestyle="pumpkin"]) #challengeInput { background: #f3e2bd; color: var(--lk-ink); border: 2px solid #6b4423; border-radius: 10px; box-shadow: inset 0 2px 4px rgba(70, 38, 12, 0.25); }
html.lake:not([data-tilestyle="pumpkin"]) #challengeInput::placeholder { color: #9a7c52; }
html.lake:not([data-tilestyle="pumpkin"]) #challengeInput:focus { outline: none; border-color: #b9822a; box-shadow: 0 0 0 3px rgba(232, 193, 74, 0.35), inset 0 2px 4px rgba(70, 38, 12, 0.25); }
html.lake:not([data-tilestyle="pumpkin"]) .lb-mode { color: #d6e6f4; background: rgba(8, 20, 38, 0.4); border: 1.5px solid rgba(214, 230, 244, 0.35); border-radius: 999px; font-weight: 700; }
html.lake:not([data-tilestyle="pumpkin"]) .lb-mode.active { background: linear-gradient(180deg, #f0cf7c, #d9a640 55%, #b9822a); color: var(--lk-ink); border-color: #8a6a28; }
html.lake:not([data-tilestyle="pumpkin"]) #lbScopeBtn { background: rgba(8, 20, 38, 0.45); color: #f0dcae; border-color: rgba(240, 214, 160, 0.6); }

/* Кастомизация: карточки тем – вывески из тёмного дерева, выбранная – в золотой рамке */
html.lake:not([data-tilestyle="pumpkin"]) .theme-card { background: repeating-linear-gradient(90deg, rgba(255, 220, 160, 0.05) 0 2px, rgba(255, 220, 160, 0) 2px 9px), linear-gradient(180deg, #5f4129, #46301d); border: 2px solid #2b1a0c; border-radius: 12px; box-shadow: 0 3px 0 #1b110a, inset 0 1.5px 0 rgba(255, 220, 160, 0.22); }
html.lake:not([data-tilestyle="pumpkin"]) .theme-card.selected { border-color: #e8c14a; box-shadow: 0 3px 0 #1b110a, 0 0 0 2px rgba(232, 193, 74, 0.35), inset 0 1.5px 0 rgba(255, 220, 160, 0.3); }
html.lake:not([data-tilestyle="pumpkin"]) .theme-sub, html.lake:not([data-tilestyle="pumpkin"]) .theme-card .theme-sub { color: #d9c29a; }
html.lake:not([data-tilestyle="pumpkin"]) .theme-apply-btn { background: rgba(255, 240, 205, 0.12); border-color: rgba(240, 214, 160, 0.45); color: #f6e7c1; }
html.lake:not([data-tilestyle="pumpkin"]) .theme-apply-btn.active { background: linear-gradient(180deg, #f0cf7c, #d9a640 55%, #b9822a); color: var(--lk-ink); border-color: #8a6a28; font-weight: 700; }

/* ===== Профиль и задания дня: тёмное дерево, золото ===== */
html.lake:not([data-tilestyle="pumpkin"]) #pfChips .pf-chip { background: repeating-linear-gradient(90deg, rgba(255, 220, 160, 0.05) 0 2px, rgba(255, 220, 160, 0) 2px 9px), linear-gradient(180deg, #5f4129, #46301d); border: 2px solid #2b1a0c; color: #f6e7c1; box-shadow: 0 3px 0 #1b110a, inset 0 1.5px 0 rgba(255, 220, 160, 0.25); }
html.lake:not([data-tilestyle="pumpkin"]) .pf-chip .pf-bar { background: rgba(0, 0, 0, 0.4); }
html.lake:not([data-tilestyle="pumpkin"]) .pf-chip.pf-alldone { border-color: #e8c14a; color: #ffe9a8; }
html.lake:not([data-tilestyle="pumpkin"]) #pfSheet { background: rgba(6, 4, 2, 0.6); }
html.lake:not([data-tilestyle="pumpkin"]) #pfSheet .pf-card { background: repeating-linear-gradient(90deg, rgba(255, 220, 160, 0.05) 0 2px, rgba(255, 220, 160, 0) 2px 9px), linear-gradient(180deg, #5f4129, #46301d); border: 2px solid #2b1a0c; border-bottom: 0; color: #f6e7c1; box-shadow: 0 -4px 0 #1b110a, 0 -10px 30px rgba(0, 0, 0, 0.5), inset 0 1.5px 0 rgba(255, 220, 160, 0.25); }
html.lake:not([data-tilestyle="pumpkin"]) .pf-x { background: rgba(0, 0, 0, 0.3); color: #f6e7c1; }
html.lake:not([data-tilestyle="pumpkin"]) .pf-card h3 { color: #e8c14a; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); }
html.lake:not([data-tilestyle="pumpkin"]) .pf-rk span, html.lake:not([data-tilestyle="pumpkin"]) .pf-prog span, html.lake:not([data-tilestyle="pumpkin"]) .pf-qm > span, html.lake:not([data-tilestyle="pumpkin"]) .pf-s span { color: #d9c29a; }
html.lake:not([data-tilestyle="pumpkin"]) .pf-note { color: #b9a380; }
html.lake:not([data-tilestyle="pumpkin"]) .pf-pb { background: rgba(0, 0, 0, 0.4); }
html.lake:not([data-tilestyle="pumpkin"]) .pf-qi, html.lake:not([data-tilestyle="pumpkin"]) .pf-bonus, html.lake:not([data-tilestyle="pumpkin"]) .pf-s { background: rgba(0, 0, 0, 0.22); border-color: rgba(255, 220, 160, 0.18); }
html.lake:not([data-tilestyle="pumpkin"]) .pf-qi.ready { border-color: #e8c14a; background: rgba(232, 193, 74, 0.14); }
html.lake:not([data-tilestyle="pumpkin"]) .pf-claim { background: linear-gradient(180deg, #f0cf7c, #d9a640 55%, #b9822a); color: var(--lk-ink); border: 2px solid #8a6a28; box-shadow: 0 3px 0 #3b2810, inset 0 1.5px 0 rgba(255, 244, 214, 0.6); }
html.lake:not([data-tilestyle="pumpkin"]) .pf-go { background: rgba(255, 240, 205, 0.12); border: 2px dashed rgba(240, 214, 160, 0.55); color: #f0dcae; }
html.lake:not([data-tilestyle="pumpkin"]) .pf-s b { color: #ffe3a6; }

/* ===== Окна: подписка на канал, обычная кнопка «Назад» и главные кнопки Словолова ===== */
html.lake:not([data-tilestyle="pumpkin"]) .sub-card { background: repeating-linear-gradient(90deg, rgba(70, 38, 12, 0.07) 0 2px, rgba(70, 38, 12, 0) 2px 9px), linear-gradient(180deg, #d9ad74, #c4955c 55%, #ab7b46); border: 2px solid #4a2f19; color: var(--lk-ink); box-shadow: 0 5px 0 #2b1a0c, 0 12px 26px rgba(0, 0, 0, 0.5), inset 0 1.5px 0 rgba(255, 240, 205, 0.55); }
html.lake:not([data-tilestyle="pumpkin"]) .sub-card h2 { color: var(--lk-ink); text-shadow: 0 1px 0 rgba(255, 236, 200, 0.55); }
html.lake:not([data-tilestyle="pumpkin"]) .sub-card p { color: var(--lk-ink2); }
html.lake:not([data-tilestyle="pumpkin"]) #subGo { background: linear-gradient(180deg, #f0cf7c, #d9a640 55%, #b9822a); color: var(--lk-ink); border: 2px solid #8a6a28; border-radius: 10px; font-weight: 800; box-shadow: 0 3px 0 #3b2810, inset 0 1.5px 0 rgba(255, 244, 214, 0.6); }
html.lake:not([data-tilestyle="pumpkin"]) #subLater.ghost { background: transparent; border: 2px dashed rgba(74, 47, 25, 0.55); color: #5a3a1b; border-radius: 10px; }
html.lake:not([data-tilestyle="pumpkin"]) #shareBtn { background: linear-gradient(180deg, #f0cf7c, #d9a640 55%, #b9822a); color: var(--lk-ink); border: 2px solid #8a6a28; border-radius: 10px; font-weight: 800; box-shadow: 0 3px 0 #3b2810, inset 0 1.5px 0 rgba(255, 244, 214, 0.6); }
html.lake:not([data-tilestyle="pumpkin"]) #makeChallengeBtn, html.lake:not([data-tilestyle="pumpkin"]) #buyAttemptBtn, html.lake:not([data-tilestyle="pumpkin"]) #hintBtn, html.lake:not([data-tilestyle="pumpkin"]) #exitMarathon { background: rgba(255, 240, 205, 0.12); border: 2px dashed rgba(240, 214, 160, 0.6); border-radius: 10px; color: #f0dcae; font-weight: 700; }
html.lake:not([data-tilestyle="pumpkin"]) #backToDaily { color: #d6e6f4; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.65); }
html.lake:not([data-tilestyle="pumpkin"]) #gameModeSwitch { background: rgba(8, 20, 38, 0.5); border-color: rgba(240, 214, 160, 0.45); color: #f6e7c1; }

/* ===== Дуэль в партии: полоска «твоё слово», поле, результат ===== */
html.lake:not([data-tilestyle="pumpkin"]) .dl-ownword .cell { border-color: rgba(240, 214, 160, 0.5); }
html.lake:not([data-tilestyle="pumpkin"]) #dlGrid .cell:not(.correct):not(.present):not(.absent):not(.filled) { background: rgba(8, 20, 38, 0.5); border-color: rgba(160, 200, 235, 0.28); box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.5); }
html.lake:not([data-tilestyle="pumpkin"]) .dl-score { background: rgba(0, 0, 0, 0.12); border-radius: 12px; padding: 6px 12px; }
html.lake:not([data-tilestyle="pumpkin"]) .dl-link-field { color: var(--lk-ink2); }
html.lake:not([data-tilestyle="pumpkin"]) #dlResult .dl-score-name { color: var(--lk-ink2); }

/* Вторичная кнопка внутри деревянной вывески – тёмный пунктир, а не светлый (на дереве светлый не виден) */
html.lake:not([data-tilestyle="pumpkin"]) #dlMain section .dl-secondary { background: rgba(255, 240, 205, 0.3); border: 2px dashed rgba(74, 47, 25, 0.6); color: #4a2f19; }

html.lake:not([data-tilestyle="pumpkin"]) .pk-ulov { color: #7a4e12; font-weight: 800; }