body { background: #070b12; color: #f4f7fb; font-family: Geologica, Manrope, sans-serif; }
.ax-top, .ax-actions, .ax-side-cards { display: flex; align-items: center; gap: 10px; }
.ax-top { padding: 12px 14px; background: #0b1018; }
.ax-burger { position: absolute; width: 1px; height: 1px; overflow: hidden; }
.ax-top h1 { margin: 0; font-size: 15px; }
.ax-actions { margin-left: auto; }
.ax-in, .ax-reg, .ax-get, .ax-cash { padding: 10px 14px; border-radius: 999px; font-weight: 800; }
.ax-in { background: #172033; }
.ax-reg, .ax-get, .ax-cash { background: #d7b56a; color: #241c0e; }
.ax-body { display: grid; grid-template-columns: 220px minmax(0, 1fr); }
.ax-rail { padding: 12px; background: #0b1018; }
.ax-rail a { display: block; padding: 8px; border-radius: 10px; color: #d5deea; }
.ax-rail a:hover { background: #162033; }
.ax-main { padding: 14px; }
.ax-hero {
  display: grid;
  grid-template-columns: 1fr .8fr;
  gap: 12px;
  align-items: center;
  min-height: 280px;
  padding: 18px;
  border-radius: 20px;
  background:
    radial-gradient(circle at 70% 40%, rgba(40, 180, 90, .35), transparent 42%),
    #101820;
  overflow: hidden;
}
.ax-kicker {
  display: inline-block;
  margin: 0 0 12px;
  padding: 4px 10px;
  border-radius: 999px;
  background: #1c8f4a;
  font-size: 13px;
  font-weight: 800;
}
.ax-hero img { width: 100%; max-height: 320px; object-fit: contain; }
.ax-hero h2 { margin: 0 0 10px; max-width: 12ch; font-size: clamp(34px, 4.6vw, 60px); line-height: .96; text-transform: uppercase; }
.ax-hero h2 em { color: #1bd054; font-size: .42em; font-style: normal; white-space: nowrap; }
.ax-timer { margin: 0 0 16px; color: #dce4ef; font-size: 13px; }.ax-timer::first-letter { color: #f3075a; }.ax-timer b { color: #fff; }
.ax-payments { margin: 22px 0 0; color: #718093; font-size: clamp(14px, 2vw, 25px); font-weight: 800; white-space: nowrap; }
.ax-side-cards { margin: 12px 0; }
.ax-side-cards a {
  position: relative;
  flex: 1;
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr) 14px;
  align-items: center;
  justify-items: start;
  gap: 10px;
  padding: 12px;
  border-radius: 16px;
  background: #121a24;
}
.ax-side-cards img { width: 72px; height: 72px; object-fit: contain; }
.ax-side-cards b { font-size: 16px; line-height: 1.05; }.ax-side-cards i { color: #b8c7d9; font-size: 27px; font-style: normal; }
.ax-search { margin: 8px 0 14px; }
.ax-search label { position: absolute; width: 1px; height: 1px; overflow: hidden; }
.ax-search input {
  width: 100%;
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid #243044;
  background: #101820;
  color: #fff;
}
.ax-categories { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px; margin: 0 0 18px; overflow-x: auto; scrollbar-width: none; }
.ax-categories::-webkit-scrollbar { display: none; }
.ax-categories a { flex: 0 0 auto; padding: 10px 16px; border: 1px solid #253345; border-radius: 10px; background: #111b29; color: #b9c6d5; font-size: 14px; font-weight: 700; white-space: nowrap; }
.ax-categories a:hover, .ax-categories a:focus-visible { color: #fff; border-color: #2eac67; }
.ax-footer { margin-top: 40px; padding: 24px; background: #101923; border-radius: 16px; color: #9aaabb; }
.ax-footer-app { display: flex; flex-direction: column; gap: 8px; padding: 20px; background: #172434; border-radius: 12px; color: #fff; }
.ax-footer-columns { display: flex; flex-wrap: wrap; gap: 70px; margin: 28px 0; }
.ax-footer-columns section { display: flex; flex-direction: column; gap: 10px; }
.ax-footer-columns b { color: #fff; }
.ax-app .slot-shelf img { border-radius: 16px; height: 150px; object-fit: cover; }
@media (max-width: 1000px) {
  .ax-top { min-height: 60px; padding: 8px 14px; }
  .ax-top .brand-logo { order: 1; }
  .ax-top h1 { order: 2; font-size: 12px; }
  .ax-burger { position: static; width: 42px; height: 42px; overflow: visible; order: 4; margin-left: auto; }
  .ax-actions { position: absolute; width: 1px; height: 1px; overflow: hidden; }
  .ax-body { display: block; }
  .ax-rail {
    position: fixed; z-index: 30; top: 64px; bottom: 0; left: 0;
    width: min(250px, 84vw);
    transform: translateX(-110%);
    transition: transform .25s ease;
  }
  .ax-toggle:checked ~ .ax-body .ax-rail { transform: none; }
  .ax-hero { grid-template-columns: 1.15fr .85fr; height: 280px; min-height: 0; padding: 18px 32px; overflow: hidden; }
  .ax-hero img { align-self: end; max-height: 280px; }
  .ax-side-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .ax-side-cards a { min-height: 94px; padding: 10px 12px; grid-template-columns: 62px minmax(0, 1fr) 12px; align-items: center; justify-items: start; text-align: left; }
  .ax-side-cards img { width: 60px; height: 60px; }
}
@media (max-width: 560px) {
  .ax-hero { grid-template-columns: 1fr; min-height: 300px; padding: 18px; }
  .ax-hero img { position: absolute; right: 0; bottom: 0; width: 58%; opacity: .7; }
  .ax-hero { position: relative; }
  .ax-side-cards { display: flex; overflow-x: auto; scrollbar-width: none; }
  .ax-side-cards a { flex: 0 0 172px; min-height: 94px; padding: 10px; grid-template-columns: 56px minmax(0, 1fr) 10px; }
  .ax-side-cards b { min-width: 0; font-size: 13px; line-height: 1.15; overflow-wrap: normal; }
  .ax-side-cards img { width: 54px; height: 54px; }
  .ax-payments { position: absolute; right: 12px; bottom: 8px; left: 18px; overflow: hidden; font-size: 12px; }
}
@media (min-width: 1001px) {
  .ax-body { grid-template-columns: 54px minmax(0, 1fr); }
  .ax-rail { padding: 58px 6px 12px; }
  .ax-rail a { display: grid; place-items: center; width: 40px; height: 42px; margin-bottom: 5px; padding: 0; font-size: 0; }
  .ax-rail a::before { content: '✦'; color: #7e91ac; font-size: 20px; }
  .ax-rail a:nth-child(-n+4)::before { color: #20c95c; }
  .ax-top .brand-logo { position: absolute; top: 64px; left: 10px; width: 30px; height: 30px; object-fit: contain; content: url('/assets/favicons/apex.svg'); }
  .ax-main { width: min(1500px, 100%); margin-inline: auto; padding: 40px 16px; }
  .ax-hero { min-height: 280px; max-height: 300px; border: 1px solid #1f3040; border-radius: 16px; }
}
.ax-reg { border-radius: 9px; background: linear-gradient(100deg, #0643bc, #09a9e2); color: #fff; }
.ax-get { border-radius: 8px; background: #08712e; color: #fff; }
.ax-in { border-radius: 9px; }
.ax-app .brand-top-games .slot-shelf li:first-child img { height: auto; aspect-ratio: 1; }

/* ============================================================
   APEX — доводка под оригинал apeex34-crimsob-red.com:
   иконки рейла + низ, поиск в шапке, фикс колеса, иконки
   категорий, заполнение полок, чат, мобильное нижнее меню.
   ============================================================ */

/* Рейл: иконки по разделам + разделитель + контакты */
.ax-rail .ax-ic::before {
  content: ""; width: 22px; height: 22px; color: #aebccd;
  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;
}
.ax-rail .ax-ic-vip::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='M3 8l4 4 5-7 5 7 4-4-1.5 11h-15z'/%3E%3Cpath d='M4.5 19h15'/%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='M3 8l4 4 5-7 5 7 4-4-1.5 11h-15z'/%3E%3Cpath d='M4.5 19h15'/%3E%3C/svg%3E"); }
.ax-rail .ax-ic-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"); }
.ax-rail .ax-ic-promo::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='M3 10v4h3l9 5V5L6 10z'/%3E%3Cpath d='M18 9a4 4 0 0 1 0 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='M3 10v4h3l9 5V5L6 10z'/%3E%3Cpath d='M18 9a4 4 0 0 1 0 6'/%3E%3C/svg%3E"); }
.ax-rail .ax-ic-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"); }
.ax-rail .ax-ic-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"); }
.ax-rail .ax-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%3Cpolygon points='12,3 14.3,8.6 20.4,9 15.7,13.1 17.2,19 12,15.6 6.8,19 8.3,13.1 3.6,9 9.7,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-linejoin='round'%3E%3Cpolygon points='12,3 14.3,8.6 20.4,9 15.7,13.1 17.2,19 12,15.6 6.8,19 8.3,13.1 3.6,9 9.7,8.6'/%3E%3C/svg%3E"); }
.ax-rail .ax-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"); }
.ax-rail .ax-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-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"); }
.ax-rail .ax-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='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"); }
.ax-rail .ax-ic-wager::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"); }
.ax-rail .ax-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"); }
.ax-rail .ax-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"); }
.ax-rail .ax-ic-shop::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='M4 8h16l-1 3a3 3 0 0 1-3 2H8a3 3 0 0 1-3-2z'/%3E%3Cpath d='M4 8l1.5-3h13L20 8'/%3E%3Cpath d='M6 13v7h12v-7'/%3E%3Cpath d='M10 20v-4h4v4'/%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='M4 8h16l-1 3a3 3 0 0 1-3 2H8a3 3 0 0 1-3-2z'/%3E%3Cpath d='M4 8l1.5-3h13L20 8'/%3E%3Cpath d='M6 13v7h12v-7'/%3E%3Cpath d='M10 20v-4h4v4'/%3E%3C/svg%3E"); }
.ax-rail .ax-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='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Ccircle cx='12' cy='12' r='5'/%3E%3Ccircle cx='12' cy='12' r='1.4' fill='black'/%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'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Ccircle cx='12' cy='12' r='5'/%3E%3Ccircle cx='12' cy='12' r='1.4' fill='black'/%3E%3C/svg%3E"); }
.ax-rail .ax-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='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 10c0-3 3-5 6-5s6 2 6 5l-1.5 7h-9z'/%3E%3Cpath d='M6 10L4 7M18 10l2-3M12 5V2.5'/%3E%3Ccircle cx='4' cy='7' r='1' fill='black'/%3E%3Ccircle cx='20' cy='7' r='1' fill='black'/%3E%3Ccircle cx='12' cy='2.5' r='1' fill='black'/%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='M6 10c0-3 3-5 6-5s6 2 6 5l-1.5 7h-9z'/%3E%3Cpath d='M6 10L4 7M18 10l2-3M12 5V2.5'/%3E%3Ccircle cx='4' cy='7' r='1' fill='black'/%3E%3Ccircle cx='20' cy='7' r='1' fill='black'/%3E%3Ccircle cx='12' cy='2.5' r='1' fill='black'/%3E%3C/svg%3E"); }
.ax-rail .ax-ic-partner::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='8' cy='8' r='3'/%3E%3Ccircle cx='16' cy='8' r='3'/%3E%3Cpath d='M3 20c0-3 2.2-5 5-5s5 2 5 5M14 15c2.8 0 5 2 5 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%3Ccircle cx='8' cy='8' r='3'/%3E%3Ccircle cx='16' cy='8' r='3'/%3E%3Cpath d='M3 20c0-3 2.2-5 5-5s5 2 5 5M14 15c2.8 0 5 2 5 5'/%3E%3C/svg%3E"); }
.ax-rail .ax-ic-chat::before { color: #2eac67; -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='M4 5h16v11H9l-4 3z'/%3E%3Cpath d='M8 9h8M8 12h5'/%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='M4 5h16v11H9l-4 3z'/%3E%3Cpath d='M8 9h8M8 12h5'/%3E%3C/svg%3E"); }
.ax-rail-div { display: block; height: 1px; margin: 8px 6px; background: #1b2636; }

/* Поиск в шапке */
.ax-head-search { position: relative; flex: 1 1 auto; max-width: 440px; margin-inline: auto; }
.ax-head-search label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.ax-head-search input { width: 100%; padding: 11px 14px 11px 40px; border: 1px solid #1f2b3d; border-radius: 12px; background: #0f1826; color: #fff; }
.ax-head-search input::placeholder { color: #71809a; }
.ax-head-search::before { content: ""; position: absolute; left: 14px; top: 50%; z-index: 1; transform: translateY(-50%); width: 18px; height: 18px; color: #7e91ac; background-color: currentColor; -webkit-mask: 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='11' cy='11' r='7'/%3E%3Cpath d='M16.5 16.5L21 21'/%3E%3C/svg%3E") center/17px no-repeat; mask: 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='11' cy='11' r='7'/%3E%3Cpath d='M16.5 16.5L21 21'/%3E%3C/svg%3E") center/17px no-repeat; }

/* Колесо фортуны и соседние карточки: картинка влезает */
.ax-side-cards a { overflow: hidden; }
.ax-side-cards img { width: 52px; height: 52px; flex: 0 0 auto; object-fit: contain; }
@media (min-width: 1001px) { .ax-side-cards a { grid-template-columns: 56px minmax(0, 1fr) 14px; min-height: 92px; padding: 14px 16px; } .ax-side-cards img { width: 54px; height: 54px; } }

/* Категории с иконками */
.ax-cat { display: inline-flex; align-items: center; gap: 7px; }
.ax-cat::before {
  content: ""; display: inline-block; width: 17px; height: 17px; vertical-align: -3px;
  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;
}
.ax-cat-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"); }
.ax-cat-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"); }
.ax-cat-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%3Cpolygon points='12,3 14.3,8.6 20.4,9 15.7,13.1 17.2,19 12,15.6 6.8,19 8.3,13.1 3.6,9 9.7,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-linejoin='round'%3E%3Cpolygon points='12,3 14.3,8.6 20.4,9 15.7,13.1 17.2,19 12,15.6 6.8,19 8.3,13.1 3.6,9 9.7,8.6'/%3E%3C/svg%3E"); }
.ax-cat-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"); }
.ax-cat-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"); }
.ax-cat-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"); }
.ax-cat-wager::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"); }
.ax-cat-cont::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'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Ccircle cx='12' cy='12' r='5'/%3E%3Ccircle cx='12' cy='12' r='1.4' fill='black'/%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'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Ccircle cx='12' cy='12' r='5'/%3E%3Ccircle cx='12' cy='12' r='1.4' fill='black'/%3E%3C/svg%3E"); }
.ax-cat-joker::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='M6 10c0-3 3-5 6-5s6 2 6 5l-1.5 7h-9z'/%3E%3Cpath d='M6 10L4 7M18 10l2-3M12 5V2.5'/%3E%3Ccircle cx='4' cy='7' r='1' fill='black'/%3E%3Ccircle cx='20' cy='7' r='1' fill='black'/%3E%3Ccircle cx='12' cy='2.5' r='1' fill='black'/%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='M6 10c0-3 3-5 6-5s6 2 6 5l-1.5 7h-9z'/%3E%3Cpath d='M6 10L4 7M18 10l2-3M12 5V2.5'/%3E%3Ccircle cx='4' cy='7' r='1' fill='black'/%3E%3Ccircle cx='20' cy='7' r='1' fill='black'/%3E%3Ccircle cx='12' cy='2.5' r='1' fill='black'/%3E%3C/svg%3E"); }

/* Полка ТОП во всю ширину: крупная плитка (1 колонка × 2 ряда) + 8 обычных
   ровно заполняют 2 ряда × 4 колонки, пустых мест нет ни на какой ширине. */
/* Квадратная крупная плитка 2×2 + 8 обычных ровно заполняют сетку 6×2;
   плитки квадратные (aspect-ratio:1) — картинки не обрезаются и ничего не вылезает. */
.ax-app .ax-top-games .slot-shelf { display: grid; grid-template-columns: repeat(6, 1fr); grid-auto-flow: row dense; gap: 12px; overflow: visible; }
.ax-app .ax-top-games .slot-shelf li { aspect-ratio: 1; overflow: hidden; border-radius: 14px; background: #121a24; }
.ax-app .ax-top-games .slot-shelf li:first-child { grid-column: span 2; grid-row: span 2; width: auto; position: relative; background: radial-gradient(120% 120% at 50% 35%, #1b2735 0%, #0c131d 100%); }
.ax-app .ax-top-games .slot-shelf img { width: 100%; height: 100%; aspect-ratio: auto; object-fit: cover; }
/* Увеличенный ТОП-слот: любая картинка (в т.ч. широкая) влезает целиком */
.ax-app .ax-top-games .slot-shelf li:first-child img { object-fit: contain; padding: 10px; }
.ax-app .ax-top-games .slot-shelf h3 { margin: 6px 8px 2px; font-size: 12px; }
.ax-app .ax-top-games .slot-shelf p { margin: 0 8px 8px; font-size: 11px; color: #9aaabb; }

/* Плавающий чат */
.ax-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, #2b8cff, #0a5fd0); box-shadow: 0 10px 26px rgba(10,95,208,.42); font-size: 24px; }

@media (max-width: 1000px) {
  /* Рейл-ящик: иконка + подпись */
  .ax-rail a.ax-ic { display: flex; align-items: center; gap: 10px; }
  .ax-rail .ax-ic::before { width: 22px; text-align: center; }
  /* Нижнее меню: кнопки входа/регистрации закреплены снизу */
  .ax-actions { position: fixed; z-index: 35; left: 8px; right: 8px; bottom: 8px; display: grid; grid-template-columns: 1fr 1.5fr; gap: 8px; width: auto; height: auto; margin: 0; overflow: visible; }
  .ax-actions a { padding: 13px 8px; text-align: center; }
  .ax-main { padding-bottom: 82px; }
  .ax-head-search { display: none; }
  .ax-chat { right: 14px; bottom: 76px; width: 50px; height: 50px; font-size: 21px; }
  .ax-app .ax-top-games .slot-shelf { grid-auto-flow: row dense; grid-template-columns: repeat(3, 1fr); }
  .ax-app .ax-top-games .slot-shelf li:first-child { grid-column: span 2; grid-row: span 2; }
}