/* PLAZMO — визуальные правки 08.10.2026, перенесены из шаблона Prism: ролики на баннерах и в шапках, интро, обложки, crash, «Показать ещё», боковое меню */
/* Баннер Zeus: видео и картинка выравниваются по верхнему краю, чтобы не обрезалась голова */
.tile>img[src*="banners/zeus-temple"]~.tile-vid{--art-pos:80% 0%}
.promo .tile>img[src*="banners/zeus-temple"]{object-position:80% 0%}
.promo .tile>img[src*="banners/zeus-temple"]~video.tile-vid{object-position:80% 0%!important}
/* Обложки игр выравниваются по верхнему краю: верх арта (лица, названия) не обрезается */
.gc-art img{object-position:50% 0!important;transform-origin:50% 0!important}
/* Свечение карточки при наведении не обрезается краем ряда: больше запаса вокруг ряда */
@media (min-width:768px){
  :is(.lane,.slots,.top10,.live,.crash,#crash-l,.prov):not(.px-noclip){padding:28px 24px 52px!important;margin:-22px -24px -46px!important;scroll-padding-inline:24px}
}
@media (max-width:767px){
  :is(.lane,.slots,.top10,.live,.crash,#crash-l,.prov):not(.px-noclip){padding-block:20px 40px!important;margin-block:-16px -36px!important}
}

/* видео-обложки игр: появляются поверх картинки только во время показа */

.gc-art .px-cv{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 0;pointer-events:none;z-index:1}
/* в покое виден первый кадр ролика, а не отдельная картинка */
.gc-art.has-cv>img{visibility:hidden}
/* затемнение под названием поверх видео-обложки */ .gc-art.has-cv::after{z-index:2}
/* плавная прокрутка рядов игр: без жёсткой «примагниченности» карточек, которая давала рывки */
:is(.lane,.slots,.top10,.live,.crash,#crash-l,.prov){scroll-snap-type:none!important;overscroll-behavior-x:contain}
.is-drag{scroll-behavior:auto!important}
@media (max-width:767px){:is(.lane,.slots,.top10,.live,.crash,#crash-l,.prov){scroll-snap-type:x proximity!important}}

/* тонкая ненавязчивая полоса прокрутки страницы */
html{scrollbar-width:thin;scrollbar-color:rgba(128,128,128,.4) transparent}
::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:rgba(128,128,128,.35);border-radius:6px}
::-webkit-scrollbar-thumb:hover{background:rgba(128,128,128,.6)}

/* перетаскивание ряда мышью: карточки не реагируют на наведение, пока ряд едет */
[data-drag]{cursor:grab}
.is-drag{cursor:grabbing;user-select:none}
.is-drag *{pointer-events:none}

/* интро-ролик перед игрой: на весь стол, поверх игры, с кнопкой «Skip» */
.gv-intro{position:absolute;inset:0;z-index:20;background:#000;display:grid;place-items:center}
.gv-intro video{width:100%;height:100%;object-fit:cover}
.gv-intro-skip{position:absolute;right:16px;bottom:16px;background:rgba(0,0,0,.45)!important;color:#fff!important;border-color:rgba(255,255,255,.35)!important;backdrop-filter:blur(6px)}

/* видео-баннеры: футболист в лобби (вместо коллажа), кубики в шапке разделов live / столы / видеопокер */
.t-fb.has-vid .fb-art>:is(.fb-p,.fb-sign){display:none!important}
#cat-bn.has-vid{position:relative;isolation:isolate;overflow:hidden}
#cat-bn.has-vid>img{visibility:hidden}

/* все видео-баннеры выравниваются по верху, как Зевс: верх кадра не обрезается */
.tile>video.tile-vid,#cat-bn>video.tile-vid{object-position:80% 0%!important}

/* карточки игр без обложки: серая заглушка, название и провайдер остаются */
.gc.no-art .gc-art{background:linear-gradient(160deg,#2b2b2e,#1c1c1f)}
body[data-mode="light"] .gc.no-art .gc-art{background:linear-gradient(160deg,#dcdcdf,#c9c9ce)}
/* футболист: видео целиком в кадре, без обрезки, прижато вправо (фон слайда чёрный) */
.t-fb>video.tile-vid{object-fit:contain!important;object-position:100% 50%!important}
.gc.no-art.cov-logo :is(.cv-t,.cv-p){position:static!important;white-space:normal!important;width:auto!important;height:auto!important;overflow:visible!important;clip-path:none!important}
.gc.no-art.cov-logo .gc-art::after{background:revert}

/* бегущая строка выигрышей: круглая иконка в круглой капсуле */
.win .th,.win .th img{border-radius:50%!important}
/* футболист: подписи имени и клуба — слева от лица, на тёмной части кадра, не перекрывают голову */
.t-fb.has-vid .fb-art{inset:0!important;height:auto!important;width:auto!important;aspect-ratio:auto!important;top:0!important;right:0!important;bottom:0!important;left:0!important;container-type:normal}
.t-fb.has-vid .fb-l{font-size:11px!important;color:rgba(243,240,235,.6)!important}
.t-fb.has-vid .fb-name{left:46%!important;top:16%!important}
.t-fb.has-vid .fb-club{left:46%!important;top:auto!important;bottom:16%!important}
@media (max-width:767px){.t-fb.has-vid .fb-l{display:none!important}}
/* подписи футболиста одной строкой под кнопками слева: ничего не перекрывают */
.t-fb.has-vid .fb-art{display:flex!important;align-items:flex-end;gap:16px;padding:0 0 14px 40px}
.t-fb.has-vid .fb-l{position:static!important;inset:auto!important}
/* анимация мяча на баннерах: мяч целиком, прижат вправо, без крупной обрезки */
video.ball-vid{object-fit:contain!important;object-position:100% 50%!important;background:#0d0705}
/* краш-игры: место под кнопку Play зарезервировано всегда — название не прыгает при наведении; обложки пока скрыты, серая заглушка */
:is(.crash,#crash-l) .gc-art img{display:none!important}
:is(.crash,#crash-l) .gc-art{background:linear-gradient(160deg,#2b2b2e,#1c1c1f)!important}
body[data-mode="light"] :is(.crash,#crash-l) .gc-art{background:linear-gradient(160deg,#dcdcdf,#c9c9ce)!important}
/* карточки без обложки (live-столы и др.): без крупного контурного дубля названия — просто серая заглушка */
.gc[data-nm]:not(.has-cov)::before{content:none!important;display:none!important}
.gc[data-nm]:not(.has-cov):not(.sq){background:linear-gradient(160deg,#2b2b2e,#1c1c1f)}
body[data-mode="light"] .gc[data-nm]:not(.has-cov):not(.sq){background:linear-gradient(160deg,#dcdcdf,#c9c9ce)}
/* главные баннеры (кроме Зевса): видео целиком по высоте, прижато вправо */
.t-main>img:not([src*="zeus-temple"]):not([src*="chips-lava"])~video.tile-vid{object-fit:contain!important;object-position:100% 50%!important;background:#000}
/* подпись футболиста — строкой в текстовой колонке под «Make the move.»: видна всегда и ничего не перекрывает */
.t-fb.has-vid .fb-l{display:none!important}
.t-fb .fb-cap{display:block;font-family:var(--mono);font-size:11px;line-height:1.2;letter-spacing:.06em;text-transform:uppercase;color:rgba(243,240,235,.6);margin-top:-4px}
/* подписи футболиста рядом с ним: слой подписей = рамка видео (справа, по высоте баннера), подписи слева от лица */
.t-fb.has-vid .fb-art{display:block!important;padding:0!important;inset:0 0 0 auto!important;left:auto!important;height:100%!important;width:auto!important;aspect-ratio:1586/800!important;top:0!important;bottom:0!important}
.t-fb.has-vid .fb-l{display:block!important;position:absolute!important;left:auto!important;right:35%!important;text-align:right;font-size:11px!important;color:rgba(243,240,235,.6)!important}
.t-fb.has-vid .fb-name{top:24%!important;bottom:auto!important}
.t-fb.has-vid .fb-club{top:auto!important;bottom:30%!important}
.t-fb .fb-cap{display:none!important}
@media (max-width:767px){.t-fb.has-vid .fb-l{display:none!important}}
/* фишки — как было: на весь баннер, своё кадрирование */
.t-main>img[src*="chips-lava"]~video.tile-vid{object-fit:cover!important;object-position:90% 40%!important}
/* имя — справа от лица (вверху), клуб — слева от лица */
.t-fb.has-vid .fb-name{right:3%!important;top:14%!important;text-align:right}
.t-fb.has-vid .fb-club{right:35%!important;bottom:30%!important}

/* Зевс на баннерах страниц (каталог и др.): как картинка — на весь баннер, по верху справа */
video.zeus-vid{object-fit:contain!important;object-position:100% 50%!important;background:none!important}
/* шапки разделов: ролик целиком по высоте, прижат вправо */
#cat-bn>video.tile-vid{object-fit:contain!important;object-position:100% 50%!important}
/* мяч в широкой полосе турнира — крупнее, может слегка обрезаться; левый край ролика растворяется в фоне */
img[src*="ball-strip"]+video.ball-vid{transform:scale(1.45);transform-origin:100% 50%}
video.ball-vid:not(.zeus-vid){-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 18%);mask-image:linear-gradient(90deg,transparent 0,#000 18%);background:none!important}
/* ролик мяча = прямоугольник по высоте баннера, прижат вправо; левый край растворяется */
video.ball-vid:not(.zeus-vid){left:auto!important;right:0!important;width:auto!important;height:100%!important;aspect-ratio:1586/800;object-fit:cover!important;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 30%);mask-image:linear-gradient(90deg,transparent 0,#000 30%)}

/* активный бонус: фишки вместо пистолета; тёмный фон ролика растворяется в сером фоне карточки (режим «осветление») */
.bact-h>video.chips-vid{position:absolute;z-index:-1;top:0;right:0;height:100%;width:auto;max-width:70%;aspect-ratio:1586/800;object-fit:cover;object-position:right 50%;pointer-events:none;mix-blend-mode:lighten;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 40%);mask-image:linear-gradient(90deg,transparent 0,#000 40%)}
@media (max-width:767px){.bact-h>video.chips-vid{max-width:none;opacity:.9}}
.bact-h>video.chips-vid{transform:scale(1.7);transform-origin:100% 35%}
.bnp .panel:has(.chips-vid),.bact .panel{overflow:hidden}
/* баннеры с анимацией мяча: фон тёмный, в цвет края ролика — шва не видно */
.bn:has(>video.ball-vid:not(.zeus-vid)){background:#080404!important}
/* активный бонус с роликом: шапка карточки — тёмный блок в цвет ролика, ролик живёт только в ней; без красного пятна снизу */
.bact .panel:has(.chips-vid){background:var(--char,#201e1f)!important}
.bact-h:has(>video.chips-vid){position:relative;overflow:hidden;isolation:isolate;background:#080404}
.bact-h>video.chips-vid{z-index:-1!important;mix-blend-mode:normal!important;max-width:none!important;height:100%!important;transform:scale(1.3)!important;transform-origin:100% 50%!important;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 35%)!important;mask-image:linear-gradient(90deg,transparent 0,#000 35%)!important}
.bact-h>video.chips-vid{transform:scale(1.9)!important;transform-origin:100% 45%!important}

/* шапки каталога и разделов: ролик крупнее, прижат вправо, левый край плавно растворяется в фоне — конца видео не видно */
video.zeus-vid,#cat-bn>video.tile-vid{left:auto!important;right:0!important;width:auto!important;height:100%!important;aspect-ratio:1586/800;object-fit:cover!important;object-position:50% 50%!important;transform:scale(1.18);transform-origin:100% 50%;-webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.35) 18%,#000 45%)!important;mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.35) 18%,#000 45%)!important}
/* кубики в шапках разделов — крупнее, могут слегка обрезаться */
#cat-bn>video.tile-vid:is([src*="dice"],[data-file*="dice"]){transform:scale(1.6)!important;transform-origin:100% 50%!important}
/* фишки в шапке слотов — крупнее, могут обрезаться */
#cat-bn>video.tile-vid:is([src*="chips"],[data-file*="chips"]){transform:scale(1.6)!important;transform-origin:100% 45%!important}
/* Зевс в шапке каталога — крупнее, верхний край ролика по верхнему краю баннера */
video.zeus-vid{transform:scale(1.5)!important;transform-origin:100% 0%!important}
/* шапки каталога и разделов с роликом — чёрный фон, как у баннеров лобби */
#cat-bn.has-vid,.ph:has(>video.zeus-vid),:has(>video.zeus-vid){background:#000!important}
#cat-bn.has-vid::before,:has(>video.zeus-vid)::before{background:linear-gradient(90deg,rgb(0 0 0 / .55),transparent 55%)!important}
/* все шапки разделов (и с роликом, и со статичной картинкой) — единый чёрный фон, как у баннеров лобби */
.cp .bn.head.hd,#cat-bn{background:#000!important}
.cp .bn.head.hd::before,#cat-bn::before{display:block;content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgb(0 0 0 / .55),transparent 55%)!important}

/* анимированные баннеры: статичная картинка не мелькает до ролика, ролик проявляется плавно; углы режет сам баннер */
@media (prefers-reduced-motion:no-preference){img:is([src*="banners/ball-"],[src*="banners/glass-ball"],[src*="banners/zeus-temple"],[src*="banners/money-gun"]):not(#cat-bn>img){visibility:hidden}}
video.vid-wait{opacity:0!important}
video:is(.ball-vid,.chips-vid){transition:opacity .35s ease;border-radius:0!important}

/* копия первого баннера для бесконечной карусели нужна только на телефоне */
@media (min-width:768px){.car-clone{display:none!important}}

/* боковое меню: кнопка сворачивания по центру шапки, первая полоска — ровно на линии нижней границы шапки */
@media (min-width:768px){
  .rail{padding-top:calc((var(--hdr-real,68px) - 40px) / 2)!important}
  .rail>hr:first-of-type{margin-top:calc(var(--hdr-real,68px) - 1px - 44px - (var(--hdr-real,68px) - 40px) / 2)!important;margin-bottom:8px}
}
/* «Показать ещё»: понятная схема — подпись «Показано 24 из 77 игр», под ней короткая шкала, ниже заметная кнопка; всё по центру, без плашки */
.cp .more.mg{display:flex!important;flex-direction:column;align-items:center;gap:12px;margin-top:24px;padding:0!important;background:none!important;box-shadow:none!important}
.cp .mg .mg-t{position:static!important;order:1;width:auto!important;height:auto!important;overflow:visible!important;clip:auto!important;margin:0;font-family:var(--mono);font-size:13px;letter-spacing:.02em;color:var(--ash)}
.cp .mg .mg-g{order:2;width:min(260px,70%)}
.cp .mg .mg-n{display:none}
.cp .mg .mg-bar{height:4px}
.cp .mg .more-l{order:3;margin-top:8px}
.cp .mg .more-b{height:48px!important;padding:0 28px!important;border-radius:var(--r-pill)!important;background:var(--bone)!important;color:var(--soot,#0c0c0c)!important;font-weight:600;display:inline-flex;align-items:center;gap:8px}
.cp .mg .more-b::after{content:"";width:8px;height:8px;margin-top:-4px;border:solid currentColor;border-width:0 2px 2px 0;rotate:45deg}
.cp .mg .more-b:hover{background:#fff!important}
@media (max-width:767px){.cp .mg .more-l{width:100%}.cp .mg .more-b{width:100%;justify-content:center}}
/* crash-карточки лобби без обложки: серый фон без значка-заглушки */
:is(.crash,#crash-l) .gc:not(.has-cov)::before{content:none!important;display:none!important}
:is(.crash,#crash-l) .gc:not(.has-cov){background:linear-gradient(160deg,#2b2b2e,#1c1c1f)!important}
body[data-mode="light"] :is(.crash,#crash-l) .gc:not(.has-cov){background:linear-gradient(160deg,#dcdcdf,#c9c9ce)!important}