body {
  background: #070707;
  color: #f4f4f4;
  font-family: Geologica, Manrope, sans-serif;
}

.pd-app { display: grid; grid-template-columns: 54px minmax(0, 1fr); min-height: 100vh; }
.pd-rail { background: #0c0c0c; border-right: 1px solid #222; padding: 10px 6px; }
.pd-icons a { display: block; margin: 0 0 8px; padding: 8px 2px; border-radius: 10px; text-align: center; font-size: 10px; color: #cfcfcf; }
.pd-icons a::before { display: block; margin-bottom: 3px; font-size: 18px; color: #d6d6d6; }
.pd-icons a:nth-child(1)::before { content: "⌕"; }
.pd-icons a:nth-child(2)::before { content: "♛"; }
.pd-icons a:nth-child(3)::before { content: "▣"; }
.pd-icons a:nth-child(4)::before { content: "♜"; }
.pd-icons a:hover { background: #1c1c1c; }
.pd-burger { position: absolute; width: 1px; height: 1px; overflow: hidden; }
.pd-top {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 24px;
}
.pd-top h1 { margin: 0; font-size: 11px; color: #a9a9a9; }
.pd-mobile-word { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.pd-search { position: relative; flex: 0 1 280px; }
.pd-search label, .ax-search label { position: absolute; width: 1px; height: 1px; overflow: hidden; }
.pd-search input, .ax-search input {
  width: 100%;
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid #2a2a2a;
  background: #141414;
  color: #fff;
}
.pd-actions, .pd-hero, .pd-chips { display: flex; gap: 10px; }
.pd-actions { margin-left: auto; }
.pd-in, .pd-reg, .pd-cash-link { padding: 10px 14px; border-radius: 12px; font-weight: 800; }
.pd-in { background: #1a1a1a; }
.pd-reg, .pd-cash-link { background: #e4b15a; color: #1a1408; }
.pd-main { display: flex; flex-direction: column; padding: 46px 24px 28px; }
.pd-hero { align-items: stretch; }
.pd-hero > a:first-child { flex: 1 1 auto; min-width: 0; overflow: hidden; border-radius: 18px; }
.pd-hero img { width: 100%; height: 294px; object-fit: cover; object-position: left center; display: block; }
.pd-tile {
  flex: 0 0 280px;
  display: grid;
  place-items: center;
  gap: 10px;
  min-height: 230px;
  border-radius: 18px;
  background: radial-gradient(120% 90% at 50% 18%, #1c6b49, #0a3828 62%), #0a3828;
  box-shadow: inset 0 0 0 1px #1c5a40, inset 0 30px 60px rgba(60,220,150,.14);
}
.pd-tile img { width: 86px; height: 86px; object-fit: contain; filter: drop-shadow(0 6px 14px rgba(0,0,0,.4)); }
.pd-tile b { font-size: 22px; text-align: center; text-shadow: 0 2px 12px #000; }
.pd-shop {
  background: radial-gradient(120% 90% at 50% 18%, #6b4a1c, #382808 62%), #382808;
  box-shadow: inset 0 0 0 1px #5a4620, inset 0 30px 60px rgba(240,200,90,.14);
}
/* Анимированный баннер: панда мягко покачивается */
@keyframes pd-float { 0%,100% { transform: translateY(0) rotate(0); } 50% { transform: translateY(-10px) rotate(-1.2deg); } }
@media (prefers-reduced-motion: no-preference) {
  .pd-character { animation: pd-float 4.2s ease-in-out infinite; transform-origin: bottom center; }
  .pd-bamboo { animation: pd-float 5.6s ease-in-out infinite; }
}
.pd-main > .pd-hero { order: 1; }
.pd-main > .pd-ticker { order: 2; }
.pd-main > .pd-catalog-search { order: 3; }
.pd-main > .pd-chips { order: 3; }
.pd-catalog-search { display:flex; gap:8px; width:100%; margin:14px 0 8px; }
.pd-catalog-search label { position:absolute; width:1px; height:1px; overflow:hidden; }
.pd-catalog-search input { flex:1; min-width:0; padding:13px 16px; border:1px solid #414141; border-radius:16px; background:#101010; color:#fff; }
.pd-catalog-search a { padding:13px 16px; border-radius:14px; background:#242424; color:#fff; font-weight:700; }
.pd-main > .slot-shelf-wrap { order: 4; margin-top: 8px; }
.pd-main > .pd-cash { order: 5; }
.pd-main > .pd-story { order: 6; }
.pd-ticker { overflow: hidden; margin: 14px 0; }
.pd-ticker-track { display: flex; gap: 8px; width: max-content; animation: pd-marq 28s linear infinite; }
.pd-ticker span { padding: 10px 12px; border-radius: 10px; color: #ececec; font-weight: 700; }
@keyframes pd-marq { from { transform: translateX(0); } to { transform: translateX(-50%); } }
.pd-chips { justify-content: center; flex-wrap: wrap; overflow-x: auto; margin-bottom: 12px; }
.pd-chips a { flex: 0 0 auto; padding: 8px 12px; border-radius: 999px; background: #161616; }
.pd-app .slot-shelf img { border-radius: 16px; height: 150px; object-fit: cover; }

@media (max-width: 900px) {
  .pd-app { display: block; }
  .pd-rail {
    position: fixed;
    z-index: 30;
    top: 0; bottom: 0; left: 0;
    width: min(240px, 80vw);
    transform: translateX(-110%);
    transition: transform .25s ease;
  }
  .pd-toggle:checked ~ .pd-rail { transform: none; }
  .pd-burger { position: static; width: 42px; height: 42px; overflow: visible; }
  .pd-main { padding: 16px 12px 28px; }
  .pd-hero { flex-direction: column; }
  .pd-tile { min-height: 92px; }
  .pd-top { flex-wrap: wrap; padding: 12px; }
  .pd-search { flex: 1 1 180px; }
}

@media (max-width: 900px) {
  .pd-top {
    min-height: 64px;
    padding: 8px 12px;
    flex-wrap: nowrap;
  }
  .pd-top .brand-logo {
    order: 1;
    width: 48px;
    height: 44px;
    object-fit: contain;
  }
  .pd-mobile-word {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip-path: none;
    order: 2;
    color: #f5f5f5;
    font-size: 18px;
    font-weight: 900;
    letter-spacing: .04em;
  }
  .pd-burger {
    position: fixed;
    z-index: 42;
    top: 8px;
    right: 12px;
    order: 3;
    margin-left: auto;
  }
  .pd-search {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
  }
  .pd-actions {
    position: fixed;
    z-index: 35;
    left: 8px;
    right: 8px;
    bottom: 8px;
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr);
    gap: 8px;
    margin: 0;
  }
  .pd-in, .pd-reg { text-align: center; padding: 12px 8px; }
  .pd-main { padding: 0 8px 86px; }
  .pd-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 8px;
    margin-top: 0;
  }
  .pd-hero > a:first-child { grid-column: 1 / -1; }
  .pd-hero img { width: 100%; height: auto; object-fit: contain; }
  .pd-tile { min-height: 58px; padding: 8px; font-size: 14px; }
  .pd-ticker { min-height: 32px; margin: 10px 0; }
}
@media (prefers-reduced-motion: reduce) {
  .pd-ticker-track { animation: none; }
}

/* Panda's lobby is a horizontal desk, not a fluid full-width poster. */
@media (min-width: 901px) {
  .pd-top {
    min-height: 72px;
    padding-inline: 22px;
  }
  .pd-top .brand-logo {
    position: fixed;
    z-index: 24;
    top: 62px;
    left: 9px;
    width: 36px;
    height: 36px;
  }
  .pd-top h1 {
    position: absolute;
    top: 76px;
    left: 9px;
    width: 36px;
    color: #0c0c0c;
    font-size: 10px;
    line-height: 1;
  }
  .pd-main {
    width: min(1540px, calc(100% - 36px));
    margin-inline: auto;
    padding: 48px 22px 32px;
  }
  .pd-hero { min-height: 294px; overflow-x: auto; scrollbar-width: none; }
  .pd-hero::-webkit-scrollbar { height: 0; }
  .pd-hero > a:first-child { flex: 0 0 710px; }
  .pd-hero img { height: 294px; }
  .pd-tile { flex-basis: 280px; min-height: 294px; }
  .pd-main > .slot-shelf-wrap { width: 100%; margin-inline: 0; }
}

.pd-ticker {
  min-height: 40px;
  border-radius: 14px;
  background: linear-gradient(90deg, #3c3c3c, #4a4a4a 48%, #383838);
}

.pd-top h1 {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
}
.pd-main > .brand-footer { order: 7; }
.pd-hero > .pd-bonus { position: relative; background: radial-gradient(circle at 75% 30%, #236847, transparent 46%), linear-gradient(100deg, #00180e, #073326); }
.pd-bonus > span { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: flex-start; gap: 8px; padding: 30px 24px; }
.pd-bonus b { font-size: 21px; }.pd-bonus strong { color: #179d70; font-size: clamp(27px, 3.2vw, 48px); line-height: 1; }.pd-bonus strong small { color: white; font-size: .38em; }.pd-bonus em { color: white; font-style: normal; font-weight: 700; }.pd-bonus i { margin-top: 12px; padding: 12px 18px; border-radius: 12px; background: #f1b861; color: #111; font-style: normal; font-weight: 800; }
.pd-hero .pd-character { position: absolute; right: 0; bottom: 0; width: min(52%, 320px); height: auto; max-height: 100%; object-fit: contain; object-position: right bottom; }
.pd-hero .pd-bamboo { position: absolute; top: -35px; right: 5%; width: 48%; height: auto; object-fit: contain; opacity: .75; }
.pd-tile { position: relative; overflow: hidden; filter: none; background: radial-gradient(120% 90% at 50% 18%, #1c6b49, #0a3828 62%), #0a3828; border: 1px solid #1c5a40; } .pd-tile.pd-shop { background: radial-gradient(120% 90% at 50% 18%, #6b4a1c, #382808 62%), #382808; border-color: #5a4620; }
.pd-tile img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .2; filter: grayscale(1); transform: scale(1.2); }
.pd-tile b { position: relative; z-index: 1; }
.pd-bonus > .pd-payments { position: absolute; z-index: 2; right: 12px; bottom: 8px; left: 16px; display: block; overflow: hidden; padding: 0; color: #61c8a2; font-size: 11px; font-weight: 800; white-space: nowrap; }
@media (max-width: 900px) { .pd-bonus { min-height: 220px; }.pd-bonus > span { padding: 24px 16px; }.pd-bonus strong { font-size: 30px; }.pd-hero .pd-character { width: 48%; }.pd-hero .pd-bamboo { width: 42%; }.pd-tile img { height: 100%; } }
@media (max-width: 700px) {
  .pd-bonus { min-height: 176px; }
  .pd-bonus > span:not(.pd-payments) { padding: 12px 12px 35px; gap: 3px; }
  .pd-bonus b { font-size: 18px; }
  .pd-bonus strong { font-size: 27px; }
  .pd-bonus em { font-size: 11px; }
  .pd-bonus i { margin-top: 5px; padding: 8px 12px; font-size: 12px; }
  .pd-hero .pd-character { bottom: 26px; }
  .pd-tile { min-height: 54px; display: flex; align-items: center; justify-content: flex-start; padding: 7px 8px 7px 50px; }
  .pd-tile img { inset: auto auto 0 0; width: 50px; height: 50px; object-fit: contain; opacity: 1; filter: none; transform: none; }
  .pd-tile b { text-align: left; font-size: 12px; line-height: 1.1; }
  .pd-chips { scrollbar-width: none; }
  .pd-chips::-webkit-scrollbar { display: none; }
}
.pd-icons a { padding: 0; margin: 0 0 8px; font-size: 21px; line-height: 36px; }
.pd-icons a:not(.pd-ic)::before { content: none !important; }
.pd-icons img { display: block; width: 38px; height: 38px; object-fit: contain; }
.pd-icons .pd-rail-mark { margin: 45px 0 30px; }
@media (min-width: 901px) { .pd-rail { padding-top: 132px; } }
.pd-mobile-logo { display: none; }
@media (max-width: 900px) { .pd-mobile-logo { display: block; width: 48px; height: 44px; object-fit: contain; order: 1; } }
.pd-footer { padding: 24px; border-radius: 18px; background: #141414; }
.pd-footer-app { display: flex; justify-content: space-between; gap: 15px; padding: 20px; border-radius: 14px; background: linear-gradient(110deg,#165438,#232323); color: #fff; font-size: 17px; }
.pd-footer-app span { color: #e7b35c; }
.pd-footer .pd-footer-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: start; }
.pd-footer-columns section { display: grid; gap: 8px; }.pd-footer-columns b { color: #fff; font-size: 15px; }.pd-footer-columns a { color: #aaa; }
.pd-footer .pd-footer-legal { display: flex; gap: 16px; padding-top: 20px; border-top: 1px solid #333; }
.pd-footer-legal span { font-size: 18px; font-weight: 800; }
.pd-app .brand-top-games .slot-shelf li:first-child img { height: auto; aspect-ratio: 1; }

/* ============================================================
   PANDA — доводка под оригинал shiningvoyage-p4nda14.com:
   иконки рейла + низ, баннер на всю ширину, лента выигрышей,
   чипы с иконками, заполнение полок, чат.
   ============================================================ */

/* Боковой рейл: логотип, иконки, нижний блок контактов */
.pd-rail { display: flex; flex-direction: column; align-items: center; min-height: 100vh; padding: 10px 6px 12px; }
@media (min-width: 901px) {
  .pd-rail { position: sticky; top: 0; align-self: start; height: 100vh; max-height: 100vh; overflow: hidden; padding-top: 12px; }
  /* верхний логотип и нижние контакты закреплены, средний список иконок при нехватке высоты скроллится сам */
  .pd-rail-logo { flex: 0 0 auto; }
  .pd-icons { flex: 1 1 auto; min-height: 0; overflow-y: auto; scrollbar-width: none; }
  .pd-icons::-webkit-scrollbar { display: none; }
  .pd-rail-bottom { flex: 0 0 auto; margin-top: 6px; }
  .pd-top .brand-logo { display: none; }
}
.pd-rail-logo { margin: 2px 0 14px; }
.pd-rail-logo img { width: 38px; height: 38px; object-fit: contain; }
.pd-icons { display: grid; gap: 8px; justify-items: center; }
.pd-ic { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 10px; color: #cfcfcf; font-size: 18px; line-height: 1; }
.pd-ic:hover { background: #1c1c1c; }
/* Иконки рейла — чистые SVG-маски (currentColor), как у оригинала. */
.pd-ic::before {
  content: ""; width: 22px; height: 22px;
  background-color: currentColor;
  -webkit-mask-position: center; mask-position: center;
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  -webkit-mask-size: 21px 21px; mask-size: 21px 21px;
}
.pd-ic-dl::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12M8 11l4 4 4-4M4 20h16'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12M8 11l4 4 4-4M4 20h16'/%3E%3C/svg%3E"); }
.pd-ic-fire::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3c1 3 4 4 4 8a4 4 0 0 1-8 0c0-1 .5-2 1-2.5C9 11 11 10 12 3z'/%3E%3Cpath d='M8 13a6 6 0 1 0 8 0'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3c1 3 4 4 4 8a4 4 0 0 1-8 0c0-1 .5-2 1-2.5C9 11 11 10 12 3z'/%3E%3Cpath d='M8 13a6 6 0 1 0 8 0'/%3E%3C/svg%3E"); }
.pd-ic-slots::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='3' width='16' height='18' rx='2'/%3E%3Cpath d='M6 7h12M8 10v5M12 10v5M16 10v5'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='3' width='16' height='18' rx='2'/%3E%3Cpath d='M6 7h12M8 10v5M12 10v5M16 10v5'/%3E%3C/svg%3E"); }
.pd-ic-plus::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 8v8M8 12h8'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 8v8M8 12h8'/%3E%3C/svg%3E"); }
.pd-ic-mail::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M4 7l8 6 8-6'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M4 7l8 6 8-6'/%3E%3C/svg%3E"); }
.pd-ic-tg::before { color: #2aabee; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 4L3 11l6 2 2 6 3-4 4 3z'/%3E%3Cpath d='M9 13l8-7'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 4L3 11l6 2 2 6 3-4 4 3z'/%3E%3Cpath d='M9 13l8-7'/%3E%3C/svg%3E"); }
.pd-ic-link::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.5 14.5l5-5'/%3E%3Cpath d='M10 7l1.2-1.2a3.5 3.5 0 0 1 5 5L15 12M14 17l-1.2 1.2a3.5 3.5 0 0 1-5-5L9 12'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.5 14.5l5-5'/%3E%3Cpath d='M10 7l1.2-1.2a3.5 3.5 0 0 1 5 5L15 12M14 17l-1.2 1.2a3.5 3.5 0 0 1-5-5L9 12'/%3E%3C/svg%3E"); }
.pd-ic-cup::before { color: #e7b35c; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 4h10v5a5 5 0 0 1-10 0z'/%3E%3Cpath d='M7 5H4v2a3 3 0 0 0 3 3M17 5h3v2a3 3 0 0 1-3 3'/%3E%3Cpath d='M12 14v3M8 20h8M10 20v-2.5M14 20v-2.5'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 4h10v5a5 5 0 0 1-10 0z'/%3E%3Cpath d='M7 5H4v2a3 3 0 0 0 3 3M17 5h3v2a3 3 0 0 1-3 3'/%3E%3Cpath d='M12 14v3M8 20h8M10 20v-2.5M14 20v-2.5'/%3E%3C/svg%3E"); }
.pd-rail-bottom { display: grid; gap: 8px; justify-items: center; margin-top: auto; padding-top: 14px; }

/* Баннерная зона на всю ширину, без горизонтального скролла */
@media (min-width: 901px) {
  .pd-hero { overflow: visible; }
  .pd-hero > a:first-child { flex: 1 1 auto; }
  .pd-tile { flex: 0 0 clamp(220px, 20vw, 310px); }
}
.pd-tile { filter: none; background: radial-gradient(120% 90% at 50% 18%, #1c6b49, #0a3828 62%), #0a3828; } .pd-tile.pd-shop { background: radial-gradient(120% 90% at 50% 18%, #6b4a1c, #382808 62%), #382808; }
.pd-tile img { opacity: .5; filter: none; transform: scale(1.05); }
.pd-tile b { color: #fff; }

/* Лента выигрышей игроков */
.pd-ticker { min-height: 0; padding: 8px 10px; border-radius: 14px; background: #101010; }
.pd-ticker-track { gap: 10px; }
.pd-win { display: flex; align-items: center; gap: 9px; padding: 6px 14px 6px 6px; border-radius: 12px; background: #181818; }
.pd-win img { width: 36px; height: 36px; flex: 0 0 auto; border-radius: 9px; object-fit: cover; }
.pd-win-txt { display: grid; }
.pd-win b { color: #c9c9c9; font-size: 11px; font-weight: 700; }
.pd-win em { color: #4fd39a; font-size: 13px; font-style: normal; font-weight: 800; white-space: nowrap; }

/* Чипы категорий с иконками */
.pd-chips a { display: inline-flex; align-items: center; gap: 7px; }
.pd-chip::before {
  content: ""; width: 17px; height: 17px;
  background-color: currentColor;
  -webkit-mask-position: center; mask-position: center;
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  -webkit-mask-size: 16px 16px; mask-size: 16px 16px;
}
.pd-ch-slots::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='3' width='16' height='18' rx='2'/%3E%3Cpath d='M6 7h12M8 10v5M12 10v5M16 10v5'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='3' width='16' height='18' rx='2'/%3E%3Cpath d='M6 7h12M8 10v5M12 10v5M16 10v5'/%3E%3C/svg%3E"); }
.pd-ch-hot::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3c1 3 4 4 4 8a4 4 0 0 1-8 0c0-1 .5-2 1-2.5C9 11 11 10 12 3z'/%3E%3Cpath d='M8 13a6 6 0 1 0 8 0'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3c1 3 4 4 4 8a4 4 0 0 1-8 0c0-1 .5-2 1-2.5C9 11 11 10 12 3z'/%3E%3Cpath d='M8 13a6 6 0 1 0 8 0'/%3E%3C/svg%3E"); }
.pd-ch-new::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 8v8M8 12h8'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 8v8M8 12h8'/%3E%3C/svg%3E"); }
.pd-ch-top::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M5 9h14l-7 11zM5 9l3-4h8l3 4M9 9l3 11M15 9l-3 11'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M5 9h14l-7 11zM5 9l3-4h8l3 4M9 9l3 11M15 9l-3 11'/%3E%3C/svg%3E"); }
.pd-ch-bonus::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='9' width='17' height='4' rx='1'/%3E%3Cpath d='M5 13h14v8H5z'/%3E%3Cpath d='M12 9v12'/%3E%3Cpath d='M12 9C10 9 8 8 8 6.5A2.5 2.5 0 0 1 12 5a2.5 2.5 0 0 1 4 1.5C16 8 14 9 12 9z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='9' width='17' height='4' rx='1'/%3E%3Cpath d='M5 13h14v8H5z'/%3E%3Cpath d='M12 9v12'/%3E%3Cpath d='M12 9C10 9 8 8 8 6.5A2.5 2.5 0 0 1 12 5a2.5 2.5 0 0 1 4 1.5C16 8 14 9 12 9z'/%3E%3C/svg%3E"); }
.pd-ch-jack::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='7' rx='6' ry='2.5'/%3E%3Cpath d='M6 7v4c0 1.4 2.7 2.5 6 2.5s6-1.1 6-2.5V7M6 11v4c0 1.4 2.7 2.5 6 2.5s6-1.1 6-2.5v-4'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='7' rx='6' ry='2.5'/%3E%3Cpath d='M6 7v4c0 1.4 2.7 2.5 6 2.5s6-1.1 6-2.5V7M6 11v4c0 1.4 2.7 2.5 6 2.5s6-1.1 6-2.5v-4'/%3E%3C/svg%3E"); }
.pd-ch-live::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Crect x='8' y='3' width='11' height='15' rx='2'/%3E%3Cpath d='M8 6L5 7l3 11 1-.3'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Crect x='8' y='3' width='11' height='15' rx='2'/%3E%3Cpath d='M8 6L5 7l3 11 1-.3'/%3E%3C/svg%3E"); }
.pd-ch-crash::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2c3 2 5 6 5 10l-3 3h-4l-3-3c0-4 2-8 5-10z'/%3E%3Cpath d='M9 15l-2.5 4 3.5-1.2M15 15l2.5 4-3.5-1.2'/%3E%3Ccircle cx='12' cy='9' r='1.6'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2c3 2 5 6 5 10l-3 3h-4l-3-3c0-4 2-8 5-10z'/%3E%3Cpath d='M9 15l-2.5 4 3.5-1.2M15 15l2.5 4-3.5-1.2'/%3E%3Ccircle cx='12' cy='9' r='1.6'/%3E%3C/svg%3E"); }

/* Полка ТОП заполняет ширину (нет пустых мест ни на какой ширине):
   крупная первая плитка (1 колонка × 2 ряда) + 8 обычных ровно заполняют
   2 ряда × 4 колонки; колонки тянутся (1fr), поэтому трек всегда во всю ширину. */
/* Квадратная крупная плитка 2×2 + 8 обычных ровно заполняют сетку 6×2;
   плитки квадратные (aspect-ratio:1) — картинки не обрезаются и ничего не вылезает. */
.pd-app .pd-top-games .slot-shelf { display: grid; grid-template-columns: repeat(6, 1fr); grid-auto-flow: row dense; gap: 12px; overflow: visible; }
.pd-app .pd-top-games .slot-shelf li { aspect-ratio: 1; overflow: hidden; border-radius: 16px; background: #141414; }
.pd-app .pd-top-games .slot-shelf li:first-child { grid-column: span 2; grid-row: span 2; width: auto; }
.pd-app .pd-top-games .slot-shelf img { width: 100%; height: 100%; aspect-ratio: auto; object-fit: cover; }
.pd-app .pd-top-games .slot-shelf h3 { margin: 6px 8px 2px; font-size: 12px; }
.pd-app .pd-top-games .slot-shelf p { margin: 0 8px 8px; font-size: 11px; color: #a6a6a6; }

/* Плавающий чат */
.pd-chat { position: fixed; z-index: 30; right: 24px; bottom: 24px; display: grid; width: 56px; height: 56px; place-items: center; border-radius: 50%; background: linear-gradient(135deg, #3a9bff, #1766dc); box-shadow: 0 10px 26px rgba(23,102,220,.42); font-size: 24px; }
@media (max-width: 900px) {
  .pd-chat { right: 14px; bottom: 84px; width: 50px; height: 50px; font-size: 21px; }
  /* Телефон: 3 колонки, крупная плитка 2×2 + 8 обычных ровно заполняют 4 ряда. */
  .pd-app .pd-top-games .slot-shelf { grid-auto-flow: row dense; grid-template-columns: repeat(3, 1fr); }
  .pd-app .pd-top-games .slot-shelf li:first-child { grid-column: span 2; grid-row: span 2; }
}

/* Новые иконки рейла, разделитель, плавающий логотип-панда */
.pd-icons .pd-div { width: 22px; height: 1px; margin: 5px 0; background: #2a2a2a; }
.pd-rail-logo img { animation: pd-logo-float 3.6s ease-in-out infinite; transform-origin: center; }
@media (prefers-reduced-motion: reduce) { .pd-rail-logo img { animation: none; } }
@keyframes pd-logo-float { 0%,100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-5px) rotate(-4deg); } }
.pd-ic-top::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M6 3h12l3 5-9 13L3 8z'/%3E%3Cpath d='M3 8h18'/%3E%3Cpath d='M9 3 7 8l5 13M15 3l2 5-5 13'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M6 3h12l3 5-9 13L3 8z'/%3E%3Cpath d='M3 8h18'/%3E%3Cpath d='M9 3 7 8l5 13M15 3l2 5-5 13'/%3E%3C/svg%3E"); }
.pd-ic-live::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='2.4' fill='black'/%3E%3Cpath d='M7 7a7 7 0 0 0 0 10M17 7a7 7 0 0 1 0 10M4 4a11 11 0 0 0 0 16M20 4a11 11 0 0 1 0 16'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='2.4' fill='black'/%3E%3Cpath d='M7 7a7 7 0 0 0 0 10M17 7a7 7 0 0 1 0 10M4 4a11 11 0 0 0 0 16M20 4a11 11 0 0 1 0 16'/%3E%3C/svg%3E"); }
.pd-ic-bonusplay::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Crect x='3' y='8' width='18' height='4' rx='1'/%3E%3Cpath d='M5 12v9h14v-9M12 8v13'/%3E%3Cpath d='M12 8C11 4.5 9.5 4 8.3 4a2 2 0 0 0 0 4zM12 8c1-3.5 2.5-4 3.7-4a2 2 0 0 1 0 4z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Crect x='3' y='8' width='18' height='4' rx='1'/%3E%3Cpath d='M5 12v9h14v-9M12 8v13'/%3E%3Cpath d='M12 8C11 4.5 9.5 4 8.3 4a2 2 0 0 0 0 4zM12 8c1-3.5 2.5-4 3.7-4a2 2 0 0 1 0 4z'/%3E%3C/svg%3E"); }
.pd-ic-crash::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M5.5 14.5c-1.2 1-1.8 4.2-1.8 4.2s3.2-.6 4.2-1.8'/%3E%3Cpath d='M9 15 6 12C8 6 12.5 3.2 18 3.2c0 5.5-2.8 10-9 12z' fill='black' stroke='none'/%3E%3Ccircle cx='14.3' cy='9.5' r='1.5' fill='%23ffffff'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M5.5 14.5c-1.2 1-1.8 4.2-1.8 4.2s3.2-.6 4.2-1.8'/%3E%3Cpath d='M9 15 6 12C8 6 12.5 3.2 18 3.2c0 5.5-2.8 10-9 12z' fill='black' stroke='none'/%3E%3Ccircle cx='14.3' cy='9.5' r='1.5' fill='%23ffffff'/%3E%3C/svg%3E"); }
.pd-ic-jack::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='6.5' rx='7' ry='3'/%3E%3Cpath d='M5 6.5v5c0 1.7 3.1 3 7 3s7-1.3 7-3v-5M5 11.5v5c0 1.7 3.1 3 7 3s7-1.3 7-3v-5'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='6.5' rx='7' ry='3'/%3E%3Cpath d='M5 6.5v5c0 1.7 3.1 3 7 3s7-1.3 7-3v-5M5 11.5v5c0 1.7 3.1 3 7 3s7-1.3 7-3v-5'/%3E%3C/svg%3E"); }
.pd-ic-cont::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M4 4h16v7a8 8 0 0 1-16 0z'/%3E%3Ccircle cx='9' cy='10' r='1.3' fill='%23ffffff'/%3E%3Ccircle cx='15' cy='10' r='1.3' fill='%23ffffff'/%3E%3Cpath d='M9 14a4 3 0 0 0 6 0' fill='none' stroke='%23ffffff' stroke-width='1.4'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M4 4h16v7a8 8 0 0 1-16 0z'/%3E%3Ccircle cx='9' cy='10' r='1.3' fill='%23ffffff'/%3E%3Ccircle cx='15' cy='10' r='1.3' fill='%23ffffff'/%3E%3Cpath d='M9 14a4 3 0 0 0 6 0' fill='none' stroke='%23ffffff' stroke-width='1.4'/%3E%3C/svg%3E"); }
.pd-ic-joker::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M4 13c0-5 3.5-8.5 8-8.5s8 3.5 8 8.5l-2.2-2.3-2 3-1.8-3.2-2 3.2-2-3-1.8 2.8z'/%3E%3Ccircle cx='3.6' cy='13' r='1.7'/%3E%3Ccircle cx='20.4' cy='13' r='1.7'/%3E%3Ccircle cx='12' cy='3.6' r='1.7'/%3E%3Crect x='5' y='13.5' width='14' height='3.2' rx='1.6'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M4 13c0-5 3.5-8.5 8-8.5s8 3.5 8 8.5l-2.2-2.3-2 3-1.8-3.2-2 3.2-2-3-1.8 2.8z'/%3E%3Ccircle cx='3.6' cy='13' r='1.7'/%3E%3Ccircle cx='20.4' cy='13' r='1.7'/%3E%3Ccircle cx='12' cy='3.6' r='1.7'/%3E%3Crect x='5' y='13.5' width='14' height='3.2' rx='1.6'/%3E%3C/svg%3E"); }