/*! For license information please see main.js.LICENSE.txt */
.sn-row { transition: background var(--item-wrap), color var(--item-wrap), opacity var(--item-wrap); display: grid; place-items: center; background: var(--slab-tray); width: 34px; height: 34px; border-radius: 50%; color: rgb(243, 245, 247) }
.sn-row:hover { background: var(--menu-view); color: var(--mark-promo); }
.sn-row[disabled] { opacity: 0.3; pointer-events: none; }
@media (max-width: 720px) { .sv-link { font-size: 28px; white-space: normal; line-height: 0.95; min-width: 0; }
  .tc-cell-yo .pl-front-nw { flex: none; }
  .sv-link .kx-block { height: 30px; width: 30px; font-size: 16px; }
  .hu-bonus { display: none; } }
.fu-flag { padding: 4px 2px 14px; display: grid; grid-auto-flow: column; overscroll-behavior-x: contain; grid-auto-columns: var(--front-stack); overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; gap: 12px }
.fu-flag::-webkit-scrollbar { display: none; }
.fu-flag > * { scroll-snap-align: start; }
.vq-link-k7 { display: grid; grid-template-columns: minmax(0, 1fr); transition: transform var(--item-wrap) cubic-bezier(0.34, 1.4, 0.64, 1); min-width: 0; gap: 8px; }
.du-card { position: relative; aspect-ratio: var(--table-rail, 3 / 2); overflow: hidden; border-radius: 14px; background: var(--slab-tray); box-shadow: 0 4px 0 0 #000; transition: box-shadow var(--item-wrap) }
.du-card img { width: 100%; height: 100%; object-fit: cover; }
.ci-top-3c { z-index: 1; left: 8px; position: absolute; top: 8px; transform: rotate(-4deg); }
.vq-link-k7:hover { transform: translateY(-5px); }
.vq-link-k7:hover .du-card { box-shadow: 0 0 0 3px var(--menu-view), 0 8px 0 0 #000; }
.az-tab { font-size: var(--block-list); text-overflow: ellipsis; font-weight: 600; white-space: nowrap; overflow: hidden; }
.gy-bonus { gap: 8px; justify-content: space-between; font-size: var(--lobby-area); color: hsl(217 11% 47%); align-items: center; margin-top: 2px; display: flex; }
.gy-bonus > span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/*  tokens  */
.xv-deal { display: inline-flex; gap: 6px; font: 700 11px/1 var(--star-media); flex: none; align-items: center; color: var(--star-tile); }
.rr-table { --crest-flag: 34px; display: inline-flex; align-items: center; gap: 0.3em; font-size: var(--crest-flag); line-height: 1; color: rgb(243, 245, 247); white-space: nowrap; text-decoration: none }
.ng-vip { --crest-flag: 44px; }
.ib-group-z7 { line-height: 1; font-family: var(--stack-bonus); letter-spacing: var(--cell-outer); font-size: 0.74em; text-transform: var(--media-star); font-weight: var(--label-panel) }
.li-table { position: relative; flex: none; }
@media (max-width: 720px) { .wb-panel .rr-table { --crest-flag: 28px; } }
.rj-tab-9b { display: grid; place-items: center; width: 0.72em; height: 1em; margin: 0 0.06em; transform: rotate(calc(-7deg - var(--table-outer))); border-radius: 0.09em; color: var(--pane-label); box-shadow: 0.1em 0.04em 0 -0.02em var(--menu-view); background: rgb(243, 245, 247) }
.ax-tile-9f { font-family: "Segoe UI Symbol", "Apple Symbols", serif; font-size: 0.5em; line-height: 1; }
.dx-base .ax-tile-9f { color: var(--menu-view); }
.jl-offer { top: 0.07em; left: 0.08em; position: absolute; font: 700 0.2em/1 "General Sans", "Segoe UI", Arial, sans-serif }
.fw-pill { left: auto; top: auto; right: 0.08em; bottom: 0.07em; transform: rotate(180deg); }
.wb-panel {
  position: sticky; top: 0; z-index: 30;
  display: flex; align-items: center; gap: 24px;
  height: 72px;
  padding: 0 var(--box-tray) 0 18px;
  background: color-mix(in srgb, var(--pane-label) 88%, transparent);
  backdrop-filter: blur(12px);
  border-bottom: 2px solid var(--rail-tab) }
.po-field { margin-left: auto; gap: 10px; align-items: center; display: flex; }
.fu-wrap { padding: 18px 14px 32px; }
.xb-crown { display: flex; padding: 0; margin: 0; list-style: none; flex-direction: column; gap: 4px; }
.kj-top-t4 { gap: 8px; display: grid; grid-template-columns: 1fr 1fr; margin-bottom: 18px; }
.ul-front-ad {
  display: grid; justify-items: center; gap: 6px;
  padding: 10px 6px 12px;
  background: var(--group-win);
  border: 2px solid var(--rail-tab);
  border-radius: var(--item-reel);
  box-shadow: var(--field-label);
  font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--star-tile);
  transition: border-color var(--item-wrap), color var(--item-wrap), transform var(--item-wrap) cubic-bezier(0.34, 1.4, 0.64, 1) }
.xo-win { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 50%; font-size: 28px; color: var(--mark-promo); background: radial-gradient(circle at 35% 30%, var(--ace-meta), var(--menu-view) 70%); box-shadow: 0 6px 16px -8px var(--menu-view); }
.ul-front-ad:nth-child(2) .xo-win { background: radial-gradient(circle at 35% 30%, color-mix(in srgb, #3BE8A8 70%, #fff), #3BE8A8 70%); box-shadow: 0 6px 16px -8px #3BE8A8; }
.ul-front-ad:hover { color: rgb(243, 245, 247); transform: translateY(calc(var(--vip-crest) * -1)); border-color: var(--menu-view); }
.gm-stack {
  margin: 22px 10px 8px;
  font-size: var(--lobby-area); letter-spacing: var(--jackpot-spin); text-transform: uppercase;
  color: hsl(217 11% 47%) }
.zc-table {
  position: relative;
  display: flex; align-items: center; gap: 12px;
  height: 40px; padding: 0 10px;
  border-radius: var(--item-unit);
  font-size: 14px; color: var(--star-tile);
  transition: color var(--item-wrap), background var(--item-wrap) }
.zc-table .xz-nav-8v { margin-left: auto; }
.zc-table:hover { color: rgb(243, 245, 247); background: var(--group-win); }
.zc-table.ph-core-ks { color: rgb(243, 245, 247); background: var(--group-win); }
.zc-table.ph-core-ks .kx-block { color: var(--menu-view); }
.kc-link { min-width: 0; }
.mr-deck {
  max-width: var(--base-lead, 1440px); grid-template-columns: minmax(0, 1fr);
  padding: 28px var(--box-tray) var(--lead-rail);
  display: grid; gap: var(--lead-rail); margin: 0 auto }
.la-inner-7h { display: none; }
.vr-grid-wu.ai-lead .la-inner-7h { display: block; position: fixed; inset: 0; z-index: 35; background: rgba(0, 0, 0, 0.55); }
.wv-shape-wf {
  width: min(300px, 86vw);
  background: var(--pane-label); z-index: 40; bottom: 0; top: 0; left: 0;
  overflow-y: auto;
  position: fixed;
  transform: translateX(-102%);
  border-right: 2px solid var(--rail-tab); transition: transform 320ms cubic-bezier(0.34, 1.4, 0.64, 1) }
.vr-grid-wu.ai-lead .wv-shape-wf { transform: none; }
@media (max-width: 720px) {
  .wb-panel { gap: 12px; padding: 0 16px 0 12px; }
  .po-field { min-width: 0; }
  .wb-panel .kp-ring-k7 { display: none; }
  .po-field .le-view { display: none; }
 }
@media (max-width: 480px) {
  .wb-panel { gap: 8px; padding-right: 10px; }
  .po-field { gap: 6px; }
  .po-field .qr-jackpot-x2 { padding: 0 12px; letter-spacing: 0.02em; }
 }
.lp-slot { grid-template-columns: 88px minmax(0, 1fr); display: grid; min-height: 100vh; }
.xv-page { gap: 10px; display: flex; position: sticky; scrollbar-width: none; top: 0; flex-direction: column; align-items: center; overflow-y: auto; border-right: 2px solid var(--rail-tab); background: #0F1217; height: 100vh; padding: 16px 8px }
.sq-slab-73 { display: grid; gap: 4px; width: 100%; margin-top: 6px; }
.zc-tab-oo { display: grid; justify-items: center; gap: 5px; padding: 10px 2px 9px; border-radius: var(--item-unit); font-size: 10px; line-height: 1.1; text-align: center; color: hsl(217 11% 47%); transition: color var(--item-wrap), background var(--item-wrap) }
.zc-tab-oo .kx-block { font-size: 22px; color: var(--star-tile); }
.zc-tab-oo:hover { color: rgb(243, 245, 247); background: var(--group-win); }
.zc-tab-oo.ph-core-ks { color: rgb(243, 245, 247); background: var(--slab-tray); }
.zc-tab-oo.ph-core-ks .kx-block { color: var(--menu-view); }
.du-panel-99 { margin-top: auto; width: 100%; }
.eg-cell-5a { min-width: 0; }
.lp-slot .wb-panel { gap: 28px; }
.mi-stage-rr { display: none; }
.aq-group { display: flex; gap: 4px; }
.ls-promo-np { display: inline-flex; height: 38px; transition: color var(--item-wrap), background var(--item-wrap); border-radius: var(--promo-card); color: var(--star-tile); font-weight: 500; font-size: var(--block-list); align-items: center; padding: 0 14px }
.ls-promo-np:hover { color: rgb(243, 245, 247); }
.ls-promo-np.ph-core-ks { color: rgb(243, 245, 247); background: var(--slab-tray); box-shadow: inset 0 calc(2px * -2) 0 var(--menu-view); }
.jp-label-p1 { width: 260px; }
@media (max-width: 1280px) { .aq-group { display: none; } }
@media (max-width: 900px) { .lp-slot { grid-template-columns: minmax(0, 1fr); }
  .xv-page { display: none; }
  .mi-stage-rr { display: inline-grid; } }
@media (max-width: 720px) { .jp-label-p1 { display: none; } }
.pp-crest-2q { color: var(--star-tile); }
.pp-crest-2q p { margin: 0 0 1em; }
.pp-crest-2q p:last-child { margin-bottom: 0; }
.dk-tab { font-weight: 600; color: rgb(243, 245, 247); margin: 1.4em 0 0.5em; font-size: var(--dock-zone); }
.sx-slab, .wp-area { list-style: none; display: grid; padding: 0; margin: 0 0 1.1em; gap: 0.55em; }
.sx-slab li { position: relative; padding-left: 1.4em; }
.sx-slab li::before { top: 0.62em;
  background: var(--menu-view); border-radius: calc(var(--item-unit) * 0.2);
  content: ""; left: 0.1em;
  transform: rotate(45deg); height: 0.45em; position: absolute;
  width: 0.45em }
.wp-area { counter-reset: step; }
.wp-area li { counter-increment: step; position: relative; padding-left: 2.3em; min-height: 1.7em; }
.wp-area li::before { height: 1.7em; left: 0; top: -0.05em; width: 1.7em; border-radius: 50%; color: var(--mark-promo);
  position: absolute;
  content: counter(step);
  background: var(--menu-view);
  font: 600 0.8em/1 var(--star-media); place-items: center;
  display: grid }
.pp-crest-2q, .pp-crest-2q > * { min-width: 0; }
.zq-tab { max-width: 100%; margin: 0 0 1.1em; overflow-x: auto; border: 2px solid var(--rail-tab); border-radius: var(--item-unit); }
.zq-tab table { font-size: var(--block-list); border-collapse: collapse; width: 100%; }
.zq-tab th, .zq-tab td { border-bottom: 2px solid var(--rail-tab); text-align: left; white-space: nowrap; padding: 10px 14px; }
.zq-tab tbody tr:last-child > * { border-bottom: 0; }
.zq-tab thead th { background: var(--group-win); letter-spacing: var(--jackpot-spin); text-transform: uppercase; color: hsl(217 11% 47%); font-weight: 600; font-size: var(--lobby-area); }
.zq-tab tbody th { font-weight: 600; color: rgb(243, 245, 247); }
/*  sections  */
.zq-tab caption { caption-side: top; text-align: left; font-weight: 600; padding: 10px 14px; color: var(--menu-view); font-size: var(--lobby-area); letter-spacing: var(--jackpot-spin); text-transform: uppercase; border-bottom: 2px solid var(--rail-tab); }
.zq-tab tbody tr:nth-child(even) > * { background: color-mix(in srgb, var(--slab-tray) 45%, transparent); }
.qi-star, .cw-media { width: 22px; place-items: center; font-size: 12px; display: inline-grid; font-weight: 700; border-radius: 50%; height: 22px; }
.qi-star { background: color-mix(in srgb, #3BE8A8 18%, transparent); color: #3BE8A8; }
.cw-media { background: color-mix(in srgb, hsl(8 100% 61%) 14%, transparent); color: hsl(8 100% 61%); }
.gp-promo tbody th { width: 42%; color: var(--star-tile); font-weight: 500; white-space: normal; }
.gp-promo td { color: rgb(243, 245, 247); font-weight: 600; white-space: normal; }
.ag-mark td, .ag-mark thead th:not(:first-child) { text-align: center; }
.ag-mark tbody td:nth-child(2), .ag-mark thead th:nth-child(2) { background: var(--slab-head) !important; }
.ag-mark thead th:nth-child(2) { color: var(--menu-view); }
@media (max-width: 520px) { .tc-cell-yo { flex-wrap: wrap; row-gap: 8px; } }
img.bd-chip-7x, img.de-media, img.yx-offer { background-color: var(--chip-dock, var(--slab-tray)); }
.nu-inner { --table-rail: 3 / 4; position: relative; }
.nu-inner img {
  object-fit: contain !important; object-position: 50% 0 !important;
  background: linear-gradient(180deg, color-mix(in srgb, var(--chip-dock, #222) 72%, rgb(11, 11, 16)) 0 50%, color-mix(in srgb, var(--chip-dock, #222) 38%, #0b0b10)) !important }
.nu-inner::before { content: ""; position: absolute; left: 0; right: 0; top: 49%; height: 24%; z-index: 1; pointer-events: none; background: linear-gradient(rgba(0, 0, 0, 0.28), transparent); }
.hu-base { position: absolute; left: 10px; right: 10px; bottom: 12px; z-index: 2; display: grid; gap: 2px; color: #fff; text-shadow: 0 1px 6px rgba(0, 0, 0, 0.45); pointer-events: none; }
.se-rear-ry { -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; line-height: 1.05; font-size: 17px; letter-spacing: var(--cell-outer); text-transform: var(--media-star); overflow: hidden; font-weight: var(--label-panel); font-family: var(--stack-bonus); }
.ag-top { font-size: 11px; opacity: 0.78; }
.du-card.nu-inner + .mh-gold, .du-card.nu-inner + .ea-base { display: none; }
img.hq-grid-fa {
  background: none !important; border: 0 !important; border-radius: 0 !important; padding: 0 !important;
  box-shadow: none !important; mask-image: none !important }
.so-page {
  position: relative;
  width: 100%; justify-self: center; min-height: var(--strip-meta, 340px);
  pointer-events: none; align-self: stretch }
.so-page .nk-vip-gg {
  position: absolute; max-width: 116%; top: 50%; left: 50%; transform: translate(-50%, -50%);
  width: auto;
  object-fit: contain; height: auto; object-position: 50% 100%; max-height: 100%;
  filter: drop-shadow(0 18px 26px rgba(0, 0, 0, 0.35)) }
@media (max-width: 820px) {
  .so-page { align-self: auto; min-height: var(--slot-game, 260px); }
  .so-page .nk-vip-gg { object-position: 50% 100%; }
 }
img.mi-ring { object-fit: contain; border-radius: 0; filter: var(--box-crest, none); }
.tp-meta { display: inline-flex; align-items: center; gap: 0.5em; line-height: 1; vertical-align: middle; }
.tp-meta svg { flex: none; max-width: 3em; width: auto; height: 1.6em; }
.rx-race-aa { overflow: hidden; white-space: nowrap; position: absolute; clip-path: inset(50%); width: 1px; height: 1px; }
.ut-tile { align-items: center; font-size: 12px; text-transform: uppercase; letter-spacing: 0.04em; display: inline-flex; gap: 12px; }
.ut-tile a { color: var(--star-tile); text-decoration: none; }