/* Desktop chrome retains its native size; mobile changes composition explicitly. */
:root:is([data-skin="luckyway"], [data-skin="plinko"], [data-skin="racing"], [data-skin="thunder"]) .lw-panel-backdrop { position: absolute; inset: var(--lw-overlayTop) 0 0; z-index: 5; background: var(--lw-overlayShade); }
:root:is([data-skin="luckyway"], [data-skin="plinko"], [data-skin="racing"], [data-skin="thunder"]) .lw-panel-backdrop[hidden] { display: none; }
:root:is([data-skin="luckyway"], [data-skin="plinko"], [data-skin="racing"], [data-skin="thunder"]) .lw-panel-overlay .lw-activity { top: var(--lw-overlayTop); z-index: 6; box-shadow: var(--lw-overlayShadow); }
:root:is([data-skin="luckyway"], [data-skin="plinko"], [data-skin="racing"], [data-skin="thunder"]) .luckyway-host.lw-narrow-header .lw-help { width: var(--lw-narrowHelpWidth); }
:root:is([data-skin="luckyway"], [data-skin="plinko"], [data-skin="racing"], [data-skin="thunder"]) .lw-narrow-header .lw-help [data-lw-label] { display: none; }

:root:is([data-skin="luckyway"], [data-skin="plinko"], [data-skin="racing"], [data-skin="thunder"]) .luckyway-host.lw-mobile .lw-controls { display: contents; }
:root:is([data-skin="luckyway"], [data-skin="plinko"], [data-skin="racing"], [data-skin="thunder"]) .luckyway-host.lw-mobile .lw-logo-area { top: 7px; left: 8px; width: 152px; height: 34px; display: flex; align-items: center; }
:root:is([data-skin="luckyway"], [data-skin="plinko"], [data-skin="racing"], [data-skin="thunder"]) .luckyway-host.lw-mobile .lw-logo { display: none; }
:root:is([data-skin="luckyway"], [data-skin="plinko"], [data-skin="racing"], [data-skin="thunder"]) .luckyway-host.lw-mobile .lw-logo-mobile { display: block !important; width: var(--lw-mobileLogoWidth); height: auto; }
:root:is([data-skin="luckyway"], [data-skin="plinko"], [data-skin="racing"], [data-skin="thunder"]) .luckyway-host.lw-mobile .lw-round-head { left: 0; right: 0; height: 110px; }
:root:is([data-skin="luckyway"], [data-skin="plinko"], [data-skin="racing"], [data-skin="thunder"]) .luckyway-host.lw-mobile .lw-tools-left { display: none; }
:root:is([data-skin="luckyway"], [data-skin="plinko"], [data-skin="racing"], [data-skin="thunder"]) .luckyway-host.lw-mobile .lw-tools-right { top: 7px; right: 8px; }
/* Кнопка панели на мобильном открывает LIVE WINS (luckywayWrapper). */
:root:is([data-skin="luckyway"], [data-skin="plinko"], [data-skin="racing"], [data-skin="thunder"]) .luckyway-host.lw-mobile .lw-clock { top: var(--lw-mobileClockTop); font-size: var(--lw-mobileClockSize); width: 41px; height: 28px; }
:root:is([data-skin="luckyway"], [data-skin="plinko"], [data-skin="racing"], [data-skin="thunder"]) .luckyway-host.lw-mobile .lw-clock-number { flex-basis: 23px; height: 28px; }
:root:is([data-skin="luckyway"], [data-skin="plinko"], [data-skin="racing"], [data-skin="thunder"]) .luckyway-host.lw-mobile .lw-clock-suffix { flex-basis: 17px; }
:root:is([data-skin="luckyway"], [data-skin="plinko"], [data-skin="racing"], [data-skin="thunder"]) .luckyway-host.lw-mobile .lw-clock.is-message { width: auto; }
:root:is([data-skin="luckyway"], [data-skin="plinko"], [data-skin="racing"], [data-skin="thunder"]) .luckyway-host.lw-mobile .lw-clock.is-message .lw-clock-number { flex-basis: auto; }
:root:is([data-skin="luckyway"], [data-skin="plinko"], [data-skin="racing"], [data-skin="thunder"]) .luckyway-host.lw-mobile .lw-progress { left: var(--lw-mobileProgressInset); right: var(--lw-mobileProgressInset); top: var(--lw-mobileProgressTop); height: 4px; }
:root:is([data-skin="luckyway"], [data-skin="plinko"], [data-skin="racing"], [data-skin="thunder"]) .luckyway-host.lw-mobile .lw-control-stack { top: var(--lw-controlsTop); left: 8px; width: calc(100% - 16px); transform: none; padding: 4px; background: var(--lw-sideBg); border-radius: 16px; }
:root:is([data-skin="luckyway"], [data-skin="plinko"], [data-skin="racing"], [data-skin="thunder"]) .luckyway-host.lw-mobile .lw-stake-panel { width: 100%; display: grid; grid-template-columns: minmax(0, 1fr) var(--lw-mobileActionsWidth); grid-template-rows: 40px 30px; align-items: stretch; border-radius: 14px; }
:root:is([data-skin="luckyway"], [data-skin="plinko"], [data-skin="racing"], [data-skin="thunder"]) .luckyway-host.lw-mobile .lw-stake-main { width: auto; min-width: 0; height: 40px; grid-column: 1; grid-row: 1; }
:root:is([data-skin="luckyway"], [data-skin="plinko"], [data-skin="racing"], [data-skin="thunder"]) .luckyway-host.lw-mobile .lw-presets { width: auto; min-width: 0; height: 30px; grid-column: 1; grid-row: 2; }
:root:is([data-skin="luckyway"], [data-skin="plinko"], [data-skin="racing"], [data-skin="thunder"]) .luckyway-host.lw-mobile .lw-amount { font-size: var(--lw-mobileControlSize); flex: 1; min-width: 0; }
:root:is([data-skin="luckyway"], [data-skin="plinko"], [data-skin="racing"], [data-skin="thunder"]) .luckyway-host.lw-mobile .lw-amount input { width: 100%; min-width: 0; }
:root:is([data-skin="luckyway"], [data-skin="plinko"], [data-skin="racing"], [data-skin="thunder"]) .luckyway-host.lw-mobile .lw-actions { grid-column: 2; grid-row: 1 / 3; width: auto; height: 70px; padding-left: 0; }
:root:is([data-skin="luckyway"], [data-skin="plinko"], [data-skin="racing"], [data-skin="thunder"]) .luckyway-host.lw-mobile .lw-actions button { flex: 1; min-width: 0; width: auto; height: 62px; gap: 8px; font-size: var(--lw-mobileActionSize); }
:root:is([data-skin="luckyway"], [data-skin="plinko"], [data-skin="racing"], [data-skin="thunder"]) .luckyway-host.lw-mobile .lw-actions img { width: 22px; height: 22px; object-fit: contain; }
:root:is([data-skin="luckyway"], [data-skin="plinko"], [data-skin="racing"], [data-skin="thunder"]) .luckyway-host.lw-mobile .lw-fair { top: auto; bottom: 13px; font-size: var(--lw-mobileFairSize); line-height: 18px; gap: 7px; z-index: 1; }
:root:is([data-skin="luckyway"], [data-skin="plinko"], [data-skin="racing"], [data-skin="thunder"]) .luckyway-host.lw-mobile .lw-fair svg { width: 14px; height: 16px; flex-basis: 14px; }
:root:is([data-skin="luckyway"], [data-skin="plinko"], [data-skin="racing"], [data-skin="thunder"]) .luckyway-host.lw-mobile .lw-activity { display: block; left: 8px; right: 8px; top: var(--lw-feedTop); bottom: 8px; width: auto; padding-top: var(--lw-mobileActivityPadding); }
:root:is([data-skin="luckyway"], [data-skin="plinko"], [data-skin="racing"], [data-skin="thunder"]) .luckyway-host.lw-mobile .lw-stats { top: var(--lw-mobileStatsTop); }
:root:is([data-skin="luckyway"], [data-skin="plinko"], [data-skin="racing"], [data-skin="thunder"]) .luckyway-host.lw-mobile .lw-tabs { width: 100%; }
:root:is([data-skin="luckyway"], [data-skin="plinko"], [data-skin="racing"], [data-skin="thunder"]) .luckyway-host.lw-mobile .lw-tabs button { font-size: var(--lw-mobileTabSize); }
:root:is([data-skin="luckyway"], [data-skin="plinko"], [data-skin="racing"], [data-skin="thunder"]) .luckyway-host.lw-mobile .lw-feed-window { top: var(--lw-mobileRowsTop); bottom: 42px; }
:root:is([data-skin="luckyway"], [data-skin="plinko"], [data-skin="racing"], [data-skin="thunder"]) .luckyway-host.lw-mobile .lw-activity-rows { max-height: none; overflow: auto; }

:root:is([data-skin="luckyway"], [data-skin="plinko"]) .luckyway-host.lw-mobile .lw-cell { --lw-coefSize: var(--lw-mobileCoefSize); --lw-smallSize: 18px; }
:root:is([data-skin="luckyway"], [data-skin="plinko"]) .luckyway-host.lw-mobile .lw-cell-own, :root:is([data-skin="luckyway"], [data-skin="plinko"]) .luckyway-host.lw-mobile .lw-cell-total, :root:is([data-skin="luckyway"], [data-skin="plinko"]) .luckyway-host.lw-mobile .lw-cell-count { height: 27px; line-height: 15px; }
:root:is([data-skin="luckyway"], [data-skin="plinko"]) .luckyway-host.lw-mobile .lw-cell-count { min-width: 27px; }

:root:is([data-skin="luckyway"], [data-skin="plinko"]) .luckyway-host.lw-mobile .lw-cell-total, :root:is([data-skin="luckyway"], [data-skin="plinko"]) .luckyway-host.lw-mobile .lw-cell-count { font-size: 15px; }

/* Мобильная раскладка: класс lw-mobile-page ставит LuckywayView (ширина <= mobileBreakpoint скина), а не @media - порог один, в JS. */
:root:is([data-skin="luckyway"], [data-skin="plinko"], [data-skin="racing"], [data-skin="thunder"]).lw-mobile-page body.luckyway-mode { min-height: var(--lw-mobileHeight, 1340px); overflow-y: auto; }
:root:is([data-skin="luckyway"], [data-skin="plinko"], [data-skin="racing"], [data-skin="thunder"]).lw-mobile-page .lw-viewport > .luckyway-host.lw-mobile { position: absolute; inset: 0 0 auto; height: var(--lw-mobileHeight); }
:root:is([data-skin="luckyway"], [data-skin="plinko"], [data-skin="racing"], [data-skin="thunder"]).lw-mobile-page body.luckyway-mode .lw-line-canvas { position: absolute; }

:root:is([data-skin="luckyway"], [data-skin="plinko"], [data-skin="racing"], [data-skin="thunder"]) .luckyway-host.lw-mobile .lw-table-head, :root:is([data-skin="luckyway"], [data-skin="plinko"], [data-skin="racing"], [data-skin="thunder"]) .luckyway-host.lw-mobile .lw-activity-row { grid-template-columns: minmax(0, 1fr) 66px 44px 74px; column-gap: 8px; padding-left: 9px; padding-right: 9px; }
:root:is([data-skin="luckyway"], [data-skin="plinko"], [data-skin="racing"], [data-skin="thunder"]) .luckyway-host.lw-mobile .lw-activity-row { height: 44px; flex-basis: 44px; }
:root:is([data-skin="luckyway"], [data-skin="plinko"], [data-skin="racing"], [data-skin="thunder"]) .luckyway-host.lw-mobile .lw-row-avatar { width: 24px; height: 24px; flex-basis: 24px; }
:root:is([data-skin="luckyway"], [data-skin="plinko"], [data-skin="racing"], [data-skin="thunder"]) .luckyway-host.lw-mobile .lw-table-head { font-size: 11px; }
:root:is([data-skin="luckyway"], [data-skin="plinko"], [data-skin="racing"], [data-skin="thunder"]) .luckyway-host.lw-mobile .lw-table-head > :not(:first-child) { font-size: inherit; }
:root:is([data-skin="luckyway"], [data-skin="plinko"], [data-skin="racing"], [data-skin="thunder"]) .luckyway-host.lw-mobile .lw-row-amount, :root:is([data-skin="luckyway"], [data-skin="plinko"], [data-skin="racing"], [data-skin="thunder"]) .luckyway-host.lw-mobile .lw-table-head > :nth-child(2) { padding-right: 0; }

:root:is([data-skin="luckyway"], [data-skin="plinko"], [data-skin="racing"], [data-skin="thunder"]) .luckyway-host.lw-mobile .lw-win-pill { --lw-winPillTop: 80px; --lw-winPillHeight: 24px; --lw-winPillSize: 15px; --lw-winPillPad: 14px; }

/* Keep the grid backing and the 42 animated faces in stable compositor layers. */
:root:is([data-skin="luckyway"], [data-skin="plinko"], [data-skin="racing"], [data-skin="thunder"]) .luckyway-host.lw-mobile .lw-board { will-change: transform; backface-visibility: hidden; }
:root:is([data-skin="luckyway"], [data-skin="plinko"]) .luckyway-host.lw-mobile .lw-cell-face { transform: translateZ(0); will-change: transform; backface-visibility: hidden; }
:root:is([data-skin="luckyway"], [data-skin="plinko"], [data-skin="racing"], [data-skin="thunder"]) .luckyway-host.lw-mobile, :root:is([data-skin="luckyway"], [data-skin="plinko"], [data-skin="racing"], [data-skin="thunder"]) .luckyway-host.lw-mobile * { touch-action: manipulation; }
:root:is([data-skin="luckyway"], [data-skin="plinko"], [data-skin="racing"], [data-skin="thunder"]) .luckyway-host.lw-mobile, :root:is([data-skin="luckyway"], [data-skin="plinko"], [data-skin="racing"], [data-skin="thunder"]) .luckyway-host.lw-mobile .lw-stage, :root:is([data-skin="luckyway"], [data-skin="plinko"], [data-skin="racing"], [data-skin="thunder"]) .luckyway-host.lw-mobile .lw-feed-window { overflow: clip; }
:root:is([data-skin="luckyway"], [data-skin="plinko"], [data-skin="racing"], [data-skin="thunder"]) .luckyway-host.lw-mobile .lw-activity-rows { overscroll-behavior-y: auto; -webkit-overflow-scrolling: touch; }

:root:is([data-skin="luckyway"], [data-skin="plinko"], [data-skin="racing"], [data-skin="thunder"]) .luckyway-host.lw-mobile .lw-step { font-size: var(--lw-mobileStepSize); }
:root:is([data-skin="luckyway"], [data-skin="plinko"], [data-skin="racing"], [data-skin="thunder"]) .luckyway-host.lw-mobile .lw-presets button { font-size: var(--lw-mobileStakePresetSize); }

:root:is([data-skin="luckyway"], [data-skin="plinko"], [data-skin="racing"], [data-skin="thunder"]) .luckyway-host.lw-mobile .lw-mobile-header { display: block; position: sticky; top: 0; height: var(--lw-mobileHeaderHeight); width: 100%; z-index: 9; background: var(--lw-bg); border-bottom: 1px solid var(--lw-border); }
:root:is([data-skin="luckyway"], [data-skin="plinko"], [data-skin="racing"], [data-skin="thunder"]) .luckyway-host.lw-mobile .lw-step { width: 32px; height: 32px; flex: 0 0 32px; }
:root:is([data-skin="luckyway"], [data-skin="plinko"], [data-skin="racing"], [data-skin="thunder"]) .luckyway-host.lw-mobile .lw-presets button { height: 26px; }
:root:is([data-skin="luckyway"], [data-skin="plinko"], [data-skin="racing"], [data-skin="thunder"]).lw-mobile-page, :root:is([data-skin="luckyway"], [data-skin="plinko"], [data-skin="racing"], [data-skin="thunder"]) body.lw-mobile-page, :root:is([data-skin="luckyway"], [data-skin="plinko"], [data-skin="racing"], [data-skin="thunder"]) body.lw-mobile-page .lw-embed { scrollbar-width: none; }
:root:is([data-skin="luckyway"], [data-skin="plinko"], [data-skin="racing"], [data-skin="thunder"]).lw-mobile-page::-webkit-scrollbar, :root:is([data-skin="luckyway"], [data-skin="plinko"], [data-skin="racing"], [data-skin="thunder"]) body.lw-mobile-page::-webkit-scrollbar, :root:is([data-skin="luckyway"], [data-skin="plinko"], [data-skin="racing"], [data-skin="thunder"]) body.lw-mobile-page .lw-embed::-webkit-scrollbar { display: none; width: 0; height: 0; }

:root:is([data-skin="luckyway"], [data-skin="plinko"], [data-skin="racing"], [data-skin="thunder"]).lw-mobile-page, :root:is([data-skin="luckyway"], [data-skin="plinko"], [data-skin="racing"], [data-skin="thunder"]) body.lw-mobile-page, :root:is([data-skin="luckyway"], [data-skin="plinko"], [data-skin="racing"], [data-skin="thunder"]) .luckyway-host.lw-mobile, :root:is([data-skin="luckyway"], [data-skin="plinko"], [data-skin="racing"], [data-skin="thunder"]) .luckyway-host.lw-mobile * { -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; }
:root:is([data-skin="luckyway"], [data-skin="plinko"], [data-skin="racing"], [data-skin="thunder"]) .luckyway-host.lw-mobile input, :root:is([data-skin="luckyway"], [data-skin="plinko"], [data-skin="racing"], [data-skin="thunder"]) .luckyway-host.lw-mobile textarea, :root:is([data-skin="luckyway"], [data-skin="plinko"], [data-skin="racing"], [data-skin="thunder"]) .luckyway-host.lw-mobile [contenteditable="true"] { -webkit-user-select: text; user-select: text; }

/* Lower dock and mobile feed grow with their rows: the page scrolls, the list never hides rows inside. */
:root:is([data-skin="luckyway"], [data-skin="plinko"], [data-skin="racing"], [data-skin="thunder"]) .luckyway-host:is(.lw-docked, .lw-mobile) .lw-activity-rows { overflow: visible; }
:root:is([data-skin="luckyway"], [data-skin="plinko"], [data-skin="racing"], [data-skin="thunder"]) .luckyway-host:is(.lw-docked, .lw-mobile) .lw-feed-window::after { display: none; }