/* skins/palm-chrome.css - хром окон донора PALM-RIDE (шапка, ставка, Live Bets, кнопки,
   переключатель звука, LIVE WINS). ЕДИНСТВЕННЫЙ источник для racing и thunder: правки окон
   этих игр - только здесь. JS-часть (иконки, палитра --lw-rc*) - themes/palmChrome.js.
   Отличия игр (дорога, лого, таймер) - skins/racing.css и skins/thunder.css. */

/* Меню и кнопки: хром luckyway, отличие - нейтральные стеклянные кнопки донора и акцент игры (--lw-rcAccent). */
:root:is([data-skin="racing"], [data-skin="thunder"]) .luckyway-host .lw-step,
:root:is([data-skin="racing"], [data-skin="thunder"]) .luckyway-host .lw-presets button,
:root:is([data-skin="racing"], [data-skin="thunder"]) .luckyway-host .lw-actions button,
:root:is([data-skin="racing"], [data-skin="thunder"]) .luckyway-host .lw-tool { background: var(--lw-rcButton); border-radius: 12px; }
@media (hover: hover) and (pointer: fine) {
    :root:is([data-skin="racing"], [data-skin="thunder"]) .luckyway-host .lw-step:hover,
    :root:is([data-skin="racing"], [data-skin="thunder"]) .luckyway-host .lw-presets button:hover,
    :root:is([data-skin="racing"], [data-skin="thunder"]) .luckyway-host .lw-actions button:hover { background: var(--lw-rcButtonHover); }
}
/* Блок ставки ПК донора (PALM-RIDE styles/racing.css): стекло panel rgba(0,0,0,.74) + blur 9px,
   а не сплошной sideBg. Знаки -/+ только векторные (псевдоэлементы), текст кнопки скрыт,
   цвет знаков - muted донора (styles/gravity-gates.css .lw-step). */
:root:is([data-skin="racing"], [data-skin="thunder"]) .luckyway-host:not(.lw-mobile) .lw-controls {
    background: rgb(0 0 0 / var(--lw-panelGlassAlpha, .74)); -webkit-backdrop-filter: blur(var(--lw-panelGlassBlur, 9px)); backdrop-filter: blur(var(--lw-panelGlassBlur, 9px));
}
:root:is([data-skin="racing"], [data-skin="thunder"]) .luckyway-host .lw-controls .lw-step { font-size: 0; color: var(--lw-muted); }
/* Ставка донора (gravity-gates.css): копейки и валюта одного цвета - muted без прозрачности
   (у нас luckyway-layout.css гасит копейки до .5), при наведении на сумму - белые. */
:root:is([data-skin="racing"], [data-skin="thunder"]) .luckyway-host .lw-amount .lw-money-decimal { opacity: 1; }
@media (hover: hover) and (pointer: fine) {
    :root:is([data-skin="racing"], [data-skin="thunder"]) .luckyway-host .lw-amount:hover:not(:disabled),
    :root:is([data-skin="racing"], [data-skin="thunder"]) .luckyway-host .lw-amount:hover:not(:disabled) :is(.lw-money-decimal, .lw-stake-currency) { color: var(--lw-white); }
}
:root:is([data-skin="racing"], [data-skin="thunder"]) .luckyway-host .lw-progress-fill { background: var(--lw-rcAccent); }

/* Мобильный (донор PALM-RIDE styles/racing.css, racingTheme css): ставка и Live Bets с отступом
   mobileHeaderInset 12px от краёв, радиус dockRadius 12px. Стекло донора: panel rgba(0,0,0,.74) +
   blur 9px у ставки и у шапки Live Bets высотой dockPeek 48px; тело Live Bets - feedBg #151515. */
:root:is([data-skin="racing"], [data-skin="thunder"]) .lw-v2.lw-mobile .lw-control-stack { left: 12px; width: calc(100% - 24px); }
:root:is([data-skin="racing"], [data-skin="thunder"]) .lw-v2.lw-mobile .lw-activity { left: 12px; right: 12px; }
:root:is([data-skin="racing"], [data-skin="thunder"]) .lw-v2.lw-mobile .lw-fair { left: 12px; }
:root:is([data-skin="racing"], [data-skin="thunder"]) .lw-v2.lw-mobile .lw-control-stack {
    border-radius: 12px; background: rgb(0 0 0 / var(--lw-panelGlassAlpha, .74)); -webkit-backdrop-filter: blur(var(--lw-panelGlassBlur, 9px)); backdrop-filter: blur(var(--lw-panelGlassBlur, 9px));
}

:root:is([data-skin="racing"], [data-skin="thunder"]) .lw-v2.lw-mobile .lw-activity { border-radius: 12px; background: linear-gradient(transparent 48px, #151515 48px); }
:root:is([data-skin="racing"], [data-skin="thunder"]) .lw-v2.lw-mobile .lw-activity::before {
    content: ''; position: absolute; inset: 0 0 auto; z-index: -1; height: 48px; pointer-events: none;
    border-radius: 12px 12px 0 0; background: var(--lw-strip-bg); -webkit-backdrop-filter: blur(var(--lw-strip-blur)); backdrop-filter: blur(var(--lw-strip-blur));
}

/* Меню донора (PALM-RIDE styles/racing.css): вкладки Live Bets - нейтральное стекло вместо
   цветной плашки luckyway, иконки шапки белые, нажатие - прозрачность без фильтра. */
:root:is([data-skin="racing"], [data-skin="thunder"]) .luckyway-host .lw-activity .lw-tabs button { background: rgba(255,255,255,.055); color: var(--lw-rcMuted); border-radius: 12px; }
:root:is([data-skin="racing"], [data-skin="thunder"]) .luckyway-host .lw-activity .lw-tabs button[aria-pressed="true"] { background: rgba(255,255,255,.17); color: var(--lw-rcInk); }
@media (hover: hover) and (pointer: fine) {
    :root:is([data-skin="racing"], [data-skin="thunder"]) .luckyway-host .lw-activity .lw-tabs button:not([aria-pressed="true"]):hover { background: rgba(255,255,255,.1); }
}

/* Мобильная шапка донора (PALM-RIDE styles/racing.css .lw-mobile-header): баланс, логотип и иконки
   в одной строке поверх дороги, без фона; шапка уезжает при прокрутке к Live Bets. Логотип по центру;
   баланс не уже своего текста (валюта FUN длиннее «$» донора) - на узком экране сжимается логотип. */
:root:is([data-skin="racing"], [data-skin="thunder"]) .luckyway-host.lw-v2.lw-mobile .lw-mobile-header {
    position: absolute; top: 0; left: 0; display: grid; box-sizing: border-box; height: 44px; padding-inline: 18px;
    grid-template-columns: minmax(max-content, 1fr) minmax(0, 104px) minmax(max-content, 1fr);
    align-items: center; column-gap: 8px; background: transparent; border: 0; pointer-events: none;
}
:root:is([data-skin="racing"], [data-skin="thunder"]) .luckyway-host.lw-v2.lw-mobile .lw-mobile-header > :is(.lw-balance, .lw-logo-area, .lw-tools-right) { position: static; margin: 0; }
:root:is([data-skin="racing"], [data-skin="thunder"]) .luckyway-host.lw-v2.lw-mobile .lw-mobile-header > :is(.lw-balance, .lw-tools-right) { pointer-events: auto; }
:root:is([data-skin="racing"], [data-skin="thunder"]) .luckyway-host.lw-v2.lw-mobile .lw-mobile-header > .lw-balance { max-width: 100%; min-width: 0; }
:root:is([data-skin="racing"], [data-skin="thunder"]) .luckyway-host.lw-v2.lw-mobile .lw-mobile-header > .lw-tools-right { justify-self: end; gap: 10px; }
/* Шторка блюра донора (.lw-mobile-header::before): высота toolbarHeight 44 + headerFeather 36,
   headerTint, blur panelBlur 9px, маска headerFade. */
:root:is([data-skin="racing"], [data-skin="thunder"]) .luckyway-host.lw-v2.lw-mobile .lw-mobile-header::before {
    content: ''; position: absolute; inset: 0 0 auto; z-index: -1; height: 80px; pointer-events: none;
    background: linear-gradient(rgba(0,0,0,.57), rgba(0,0,0,.23) 48%, transparent 82%);
    -webkit-backdrop-filter: blur(9px); backdrop-filter: blur(9px);
    -webkit-mask-image: linear-gradient(#000 12%, rgba(0,0,0,.70) 40%, rgba(0,0,0,.12) 68%, transparent 90%);
    mask-image: linear-gradient(#000 12%, rgba(0,0,0,.70) 40%, rgba(0,0,0,.12) 68%, transparent 90%);
}
:root:is([data-skin="racing"], [data-skin="thunder"]) .lw-v2.lw-mobile .lw-logo-area { width: 100%; height: auto; pointer-events: none; }
:root:is([data-skin="racing"], [data-skin="thunder"]) .lw-v2.lw-mobile .lw-logo-mobile { width: 100%; height: auto; object-fit: contain; }

/* Шапка ПК: лёгкая тень по краям под балансом и иконками, центр прозрачный. */
:root:is([data-skin="racing"], [data-skin="thunder"]) .luckyway-host:not(.lw-mobile) .lw-v2-header::before {
    content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none;
    background: linear-gradient(rgba(9,9,9,.20), rgba(9,9,9,.12) 46%, transparent);
    mask-image: linear-gradient(90deg, #000 11%, transparent 32%, transparent 68%, #000 89%);
}

/* Баланс: белый текст 91%, копейки и валюта - прозрачность .64, иконка кошелька белая. */
:root:is([data-skin="racing"], [data-skin="thunder"]) .luckyway-host .lw-balance { font-weight: 600; color: color-mix(in srgb, var(--lw-rcInk) 91%, transparent); }
:root:is([data-skin="racing"], [data-skin="thunder"]) .luckyway-host .lw-balance :is(.lw-money-decimal, .lw-balance-currency) { color: color-mix(in srgb, var(--lw-rcInk) 91%, transparent); opacity: .64; }
:root:is([data-skin="racing"], [data-skin="thunder"]) .luckyway-host .lw-currency img { filter: brightness(0) invert(.94); }

/* Иконки шапки донора (RACING.toolbar.icons) белые .94; нажатие - прозрачность и сжатие. */
:root:is([data-skin="racing"], [data-skin="thunder"]) .luckyway-host .lw-tools-right .lw-tool img { filter: brightness(0) invert(.94); }
:root:is([data-skin="racing"], [data-skin="thunder"]) .luckyway-host .lw-tools-right button.lw-tool:is(:active, .is-ui-pressed):not(:disabled) { filter: none; opacity: .78; }
@media (prefers-reduced-motion: no-preference) {
    :root:is([data-skin="racing"], [data-skin="thunder"]) .luckyway-host .lw-tools-right button.lw-tool:is(:active, .is-ui-pressed):not(:disabled) img { scale: .92; }
}

/* Переключатель звука донора (RACING.toolbar.combinedAudio): трек 46x27, бегунок 21. */
:root:is([data-skin="racing"], [data-skin="thunder"]) .luckyway-host .lw-tools-right .lw-tool[role="switch"] {
    position: relative; flex: none; width: 46px; height: 27px; padding: 0; border: 0;
    border-radius: 999px; background: rgba(240,240,240,.24); box-shadow: inset 0 0 0 1px rgba(255,255,255,.32);
}
:root:is([data-skin="racing"], [data-skin="thunder"]) .lw-audio-thumb {
    position: absolute; left: 3px; top: 3px; width: 21px; height: 21px; border-radius: 50%;
    display: grid; place-items: center; background: rgba(240,240,240,.79);
    transition: transform 180ms cubic-bezier(.2,.8,.2,1), background-color 180ms ease;
}
:root:is([data-skin="racing"], [data-skin="thunder"]) .lw-tool[aria-checked="true"] .lw-audio-thumb { transform: translateX(19px); background: #f0f0f0; }
:root:is([data-skin="racing"], [data-skin="thunder"]) .luckyway-host .lw-tools-right .lw-tool[role="switch"] img { width: 13px; height: auto; filter: brightness(0) invert(.37); }
:root:is([data-skin="racing"], [data-skin="thunder"]) .lw-tool[aria-checked="false"] .lw-audio-thumb img { opacity: .6; transform: translateX(25%); }
@media (prefers-reduced-motion: reduce) { :root:is([data-skin="racing"], [data-skin="thunder"]) .lw-audio-thumb { transition: none; } }

/* LIVE WINS донора (gravity-gates-winnings.css, racing.css): заголовок, имена и выигрыши -
   белый 91% (заголовок .76), вес 600; копейки и валюта .64 (muteCurrency). Наклон плоскости
   (PALM_LIVE_WINS yaw/perspective) ставит luckywayWrapper inline во ВСЕХ режимах. Прозрачность, сдвиг, высота списка
   (--lw-wins-listHeight), разворот иконки - luckywayWrapper по PALM_LIVE_WINS (palmChrome.js). */
:root:is([data-skin="racing"], [data-skin="thunder"]) .luckyway-host :is(.lw-wins-title, .lw-win-name, .lw-win-payout) { color: color-mix(in srgb, var(--lw-rcInk) 91%, transparent); font-weight: 600; }
:root:is([data-skin="racing"], [data-skin="thunder"]) .luckyway-host .lw-wins-title { opacity: .76; }
:root:is([data-skin="racing"], [data-skin="thunder"]) .luckyway-host [data-toolbar="panel"] img { transition: none; }
:root:is([data-skin="racing"], [data-skin="thunder"]) .luckyway-host .lw-wins .lw-money-decimal { opacity: .64; }
:root:is([data-skin="racing"], [data-skin="thunder"]) .luckyway-host .lw-wins-list { height: var(--lw-wins-listHeight, 352px); }
:root:is([data-skin="racing"], [data-skin="thunder"]) .luckyway-host .lw-win-row { height: var(--lw-wins-rowHeight, 44px); width: min(100%, var(--lw-wins-rowWidth, 236px)); }
:root:is([data-skin="racing"], [data-skin="thunder"]) .luckyway-host.lw-mobile .lw-win-name { font-size: 14px; }
:root:is([data-skin="racing"], [data-skin="thunder"]) .luckyway-host.lw-mobile .lw-win-payout { font-size: 16px; }
:root:is([data-skin="racing"], [data-skin="thunder"]) .luckyway-host.lw-compact-desktop:not(.lw-mobile) .lw-win-row { column-gap: 8px; }
:root:is([data-skin="racing"], [data-skin="thunder"]) .luckyway-host.lw-compact-desktop:not(.lw-mobile) .lw-win-payout { font-size: 14px; }
/* Узкий ПК и мобильный: без карточки, плоскость в перспективе; JS ведёт opacity/transform. */
:root:is([data-skin="racing"], [data-skin="thunder"]) .luckyway-host:is(.lw-mobile, .lw-compact-desktop) .lw-wins {
    padding: 0; border-radius: 0; background: none; box-shadow: none; pointer-events: none; transition: none; z-index: 7;
}
:root:is([data-skin="racing"], [data-skin="thunder"]) .luckyway-host:is(.lw-mobile, .lw-compact-desktop) .lw-wins-list { height: var(--lw-wins-listHeight, 308px); }
/* Подложка донора: прозрачная кнопка, справа фейд-затемнение шириной колонки + winsFeather 142px. */
:root:is([data-skin="racing"], [data-skin="thunder"]) .luckyway-host .lw-wins-shade:not([hidden]) { background: transparent; z-index: 6; }
:root:is([data-skin="racing"], [data-skin="thunder"]) .luckyway-host .lw-wins-shade::before {
    content: ''; position: absolute; inset: 0 0 0 auto; pointer-events: none;
    width: min(100%, calc(var(--lw-rcWinsWidth, 328px) + 142px));
    background: linear-gradient(90deg, rgba(9,9,9,0), rgba(9,9,9,.008) 8%, rgba(9,9,9,.05) 16%, rgba(9,9,9,.13) 24%, rgba(9,9,9,.26) 32%, rgba(9,9,9,.42) 40%, rgba(9,9,9,.59) 48%, rgba(9,9,9,.74) 56%, rgba(9,9,9,.85) 64%, rgba(9,9,9,.92) 72%, rgba(9,9,9,.95) 82%, rgba(9,9,9,.96));
}
:root:is([data-skin="racing"], [data-skin="thunder"]) .luckyway-host.lw-mobile .lw-wins-shade::before { --lw-rcWinsWidth: 230px; }
@media (prefers-reduced-motion: reduce) { :root:is([data-skin="racing"], [data-skin="thunder"]) .luckyway-host .lw-wins-plane { transform: none !important; } }

/* Строки Live Bets донора (PALM-RIDE styles/racing.css + luckyway-v2.css): графитовые строки
   rowOdd #1b1b1b / rowEven #222, ник muted #a0a0a0, множитель softInk #d0d0d0. Кегль сумм,
   множителя и выигрыша - rowTextSize 14px (у luckyway v4 - 13px, luckyway-layout.css). */
:root:is([data-skin="racing"], [data-skin="thunder"]) .luckyway-host .lw-activity {
    --lw-v2-rowOdd: #1b1b1b; --lw-v2-rowEven: #222222; --lw-v2-rowNameInk: #a0a0a0; --lw-v2-rowMultiplierInk: #d0d0d0;
}
:root:is([data-skin="racing"], [data-skin="thunder"]) .luckyway-host.lw-v4.lw-v2 .lw-activity .lw-activity-row :is(.lw-row-amount, .lw-row-multiplier, .lw-row-result) { font-size: 14px; }
/* LIVE WINS и фильтр истории донора (racing.css: gg-history-*): нейтральный графит вместо сиреневых тонов luckyway. */
:root:is([data-skin="racing"], [data-skin="thunder"]) .luckyway-host {
    --lw-wins-ink: #f0f0f0; --lw-wins-muted: #a0a0a0; --lw-select-bg: #222222; --lw-select-ink: #d0d0d0; --lw-option-selected: rgba(255,255,255,.17);
}

/* Вкладка Top донора (gravity-gates-history.css + gravityGatesHistoryTheme.js): фильтр - строка под
   вкладками (top 54, высота 42, отступ 16, колонка 1fr из сетки 1fr 1fr с зазором 12), шапка
   таблицы и строки опущены (118/150). Цвета racing.css: фон rowEven #222, текст softInk #d0d0d0,
   выбранный пункт tabActive, радиус dockRadius - controlInset = 8px. */
:root:is([data-skin="racing"], [data-skin="thunder"]) .luckyway-host .lw-activity .lw-top-sort {
    left: 16px; right: auto; top: 54px; width: calc((100% - 44px) / 2);
}
/* Второй фильтр (период) - правая колонка сетки донора 1fr 1fr. */
:root:is([data-skin="racing"], [data-skin="thunder"]) .luckyway-host .lw-activity .lw-top-sort + .lw-top-sort { left: calc(16px + (100% - 44px) / 2 + 12px); }
:root:is([data-skin="racing"], [data-skin="thunder"]) .luckyway-host .lw-activity:has([data-tab="top"][aria-pressed="true"]) .lw-table-head { top: 118px; }
:root:is([data-skin="racing"], [data-skin="thunder"]) .luckyway-host .lw-activity:has([data-tab="top"][aria-pressed="true"]) .lw-feed-window { top: 150px; }
:root:is([data-skin="racing"], [data-skin="thunder"]) .luckyway-host :is(.lw-sort-trigger, .lw-sort-menu) { border-radius: 8px; }
:root:is([data-skin="racing"], [data-skin="thunder"]) .luckyway-host .lw-activity .lw-sort-trigger { height: 42px; background: #222222; color: #d0d0d0; }
:root:is([data-skin="racing"], [data-skin="thunder"]) .luckyway-host .lw-activity .lw-sort-menu button:not([aria-selected="true"]) { color: #d0d0d0; }
:root:is([data-skin="racing"], [data-skin="thunder"]) .luckyway-host .lw-sort-menu button { height: 42px; border-radius: 4px; }
/* Отступ текста фильтров донора (selectPad 14px): общее правило кнопок обнуляет padding. */
:root:is([data-skin="racing"], [data-skin="thunder"]) .luckyway-host .lw-activity :is(.lw-sort-trigger, .lw-sort-menu button) { padding: 0 14px; }
/* Разделитель счётчика игроков во вкладке Live донора (racing.css tabDivider): белый .26 в любом состоянии вкладки. */
:root:is([data-skin="racing"], [data-skin="thunder"]) .luckyway-host .lw-activity .lw-tabs .lw-live-count { border-left-color: rgba(255,255,255,.26); }
/* LIVE WINS и его затемнение (z 7/6) лежат ПОД выбором ставки и Live Bets: они выше по z. */
:root:is([data-skin="racing"], [data-skin="thunder"]) .luckyway-host:is(.lw-mobile, .lw-compact-desktop) :is(.lw-controls, .lw-control-stack, .lw-activity) { z-index: 8; }
/* Provably Fair с иконкой - внизу плашки Live Bets (донор gravity-gates-history.css .lw-activity .lw-fair). */
:root:is([data-skin="racing"], [data-skin="thunder"]) .luckyway-host .lw-activity .lw-fair { top: auto; left: 16px; right: 16px; width: auto; bottom: 13px; justify-content: flex-start; }