.top--dice{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 8px;background:var(--cfg-frame);border-right:var(--cfg-front-fl) solid var(--cfg-crown);overflow-y:auto;scrollbar-width:none}
.unit__bonus--row{width:100%;gap:4px;margin-top:6px;display:grid}
.frame__chip{padding:10px 2px 9px;justify-items:center;text-align:center;line-height:1.1;gap:5px;transition:color var(--cfg-row),background var(--cfg-row);font-size:10px;display:grid;color:var(--cfg-cell);border-radius:var(--cfg-chip-j8)}
.frame__chip .edge--flag{font-size:22px;color:var(--cfg-panel)}
.frame__chip:hover{color:var(--cfg-rear-l4);background:var(--cfg-label)}
.frame__chip.chip--stack{color:var(--cfg-rear-l4);background:var(--cfg-game)}
.frame__chip.chip--stack .edge--flag{color:var(--cfg-lead)}
.deck__vip{margin-top:auto;width:100%}
.mark__lobby { min-width: 0; }
.group__line .offer--flag { gap: 28px; }
.media__game { display: none; }
.list__win { display: flex; gap: 4px; }
.panel__group--game {
  display: inline-flex; align-items: center; height: 38px; padding: 0 14px;
  border-radius: var(--cfg-chip);
  font-size: var(--cfg-page); font-weight: 500; color: var(--cfg-panel);
  transition: color var(--cfg-row), background var(--cfg-row);
}
.panel__group--game:hover { color: var(--cfg-rear-l4); }
.panel__group--game.chip--stack { color: var(--cfg-rear-l4); background: var(--cfg-game); box-shadow: inset 0 calc(var(--cfg-front-fl) * -2) 0 var(--cfg-lead); }
.bar__copy { width: 260px; }
@media (max-width: 1280px) { .list__win { display: none; } }
@media (max-width: 900px) {
  .group__line { grid-template-columns: minmax(0, 1fr); }
  .top--dice { display: none; }
  .media__game { display: inline-grid; }
}
@media (max-width: 720px) { .bar__copy { display: none; } }
.deck--star { color: var(--cfg-panel); }
.deck--star p { margin: 0 0 1em; }
.deck--star p:last-child { margin-bottom: 0; }
.unit__rear { color: var(--cfg-rear-l4); font-weight: 600; font-size: var(--cfg-front-qj); margin: 1.4em 0 0.5em; }
/*  components  */
.band__outer, .main__shape { gap: 0.55em; display: grid; list-style: none; padding: 0; margin: 0 0 1.1em; }
.band__outer li { position: relative; padding-left: 1.4em; }
.band__outer li::before { top: 0.62em;
  content: "";
  width: 0.45em; position: absolute; left: 0.1em;
  background: var(--cfg-lead); border-radius: calc(var(--cfg-chip-j8) * 0.2); height: 0.45em;
  transform: rotate(45deg);
}
.main__shape { counter-reset: step; }
.main__shape li { counter-increment: step; position: relative; padding-left: 2.3em; min-height: 1.7em; }
.main__shape li::before {
  font: 600 0.8em/1 var(--cfg-note-ik);
  content: counter(step); height: 1.7em; top: -0.05em; place-items: center;
  display: grid; width: 1.7em; left: 0;
  background: var(--cfg-lead);
  position: absolute; color: var(--cfg-area); border-radius: 50%;
}
.deck--star, .deck--star > * { min-width: 0; }
.deal__table--deal { max-width: 100%; margin: 0 0 1.1em; overflow-x: auto; border: var(--cfg-front-fl) solid var(--cfg-crown); border-radius: var(--cfg-chip-j8); }
.deal__table--deal table { font-size: var(--cfg-page); border-collapse: collapse; width: 100%; }
.deal__table--deal th, .deal__table--deal td { text-align: left; white-space: nowrap; padding: 10px 14px; border-bottom: var(--cfg-front-fl) solid var(--cfg-crown); }
.deal__table--deal tbody tr:last-child > * { border-bottom: 0; }
.deal__table--deal thead th { font-size: var(--cfg-lobby); font-weight: 600; text-transform: uppercase; letter-spacing: var(--cfg-unit); color: var(--cfg-cell); background: var(--cfg-label); }
.deal__table--deal tbody th { font-weight: 600; color: var(--cfg-rear-l4); }
.deal__table--deal caption { caption-side: top; text-align: left; padding: 10px 14px; font-size: var(--cfg-lobby); font-weight: 600; letter-spacing: var(--cfg-unit); text-transform: uppercase; color: var(--cfg-lead); border-bottom: var(--cfg-front-fl) solid var(--cfg-crown); }
.deal__table--deal tbody tr:nth-child(even) > * { background: color-mix(in srgb, var(--cfg-game) 45%, transparent); }
.view__spin, .crest__deal { place-items: center; width: 22px; border-radius: 50%; height: 22px; font-size: 12px; display: inline-grid; font-weight: 700; }
.view__spin { background: color-mix(in srgb, var(--cfg-rail-5u) 18%, transparent); color: var(--cfg-rail-5u); }
.crest__deal { background: color-mix(in srgb, var(--cfg-chip-g6) 14%, transparent); color: var(--cfg-chip-g6); }
.spin__pill tbody th { width: 42%; color: var(--cfg-panel); font-weight: 500; white-space: normal; }
.spin__pill td { color: var(--cfg-rear-l4); font-weight: 600; white-space: normal; }
.group__foot td, .group__foot thead th:not(:first-child) { text-align: center; }
.group__foot tbody td:nth-child(2), .group__foot thead th:nth-child(2) { background: var(--cfg-body-16) !important; }
.group__foot thead th:nth-child(2) { color: var(--cfg-lead); }
@media (max-width: 520px) { .promo__club { flex-wrap: wrap; row-gap: 8px; } }
img.feature__rail, img.group__front, img.promo__front { background-color: var(--cfg-label-8y, var(--cfg-game)); }
.step--band { --cfg-slab-lf: 3 / 4; position: relative; }
.step--band img {
  object-fit: contain !important; object-position: 50% 0 !important;
  background: linear-gradient(180deg, color-mix(in srgb, var(--cfg-label-8y, #222) 72%, #0b0b10) 0 50%, color-mix(in srgb, var(--cfg-label-8y, #222) 38%, #0B0B10)) !important;
}
.step--band::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); }
.menu__area { bottom: 12px; right: 10px; gap: 2px; display: grid; color: #fff; pointer-events: none; z-index: 2; left: 10px; position: absolute; text-shadow: 0 1px 6px rgba(0, 0, 0, 0.45); }
.cell__line--game { letter-spacing: var(--cfg-dock); -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; display: -webkit-box; font-size: 17px; font-family: var(--cfg-gold-hi); font-weight: var(--cfg-grid); text-transform: var(--cfg-grid-ge); line-height: 1.05; }
.view__unit--bonus { font-size: 11px; opacity: 0.78; }
.mark__rear.step--band + .tray__rail, .mark__rear.step--band + .edge__game--menu { display: none; }
img.body__body {
  background: none !important; border: 0 !important; border-radius: 0 !important; padding: 0 !important;
  box-shadow: none !important; mask-image: none !important;
}
.group__win {
  width: 100%; align-self: stretch; min-height: var(--cfg-club-ey, 340px);
  pointer-events: none;
  position: relative; justify-self: center;
}
.group__win .view--area {
  position: absolute; top: 50%; left: 50%; max-width: 116%; transform: translate(-50%, -50%);
  width: auto;
  object-fit: contain; height: auto; max-height: 100%;
  filter: drop-shadow(0 18px 26px rgba(0, 0, 0, 0.35)); object-position: 50% 100%;
}
@media (max-width: 820px) {
  .group__win { align-self: auto; min-height: var(--cfg-box-fk, 260px); }
  .group__win .view--area { object-position: 50% 100%; }
}
img.edge__page--base { object-fit: contain; border-radius: 0; filter: var(--cfg-tab-au, none); }
.note__table { display: inline-flex; gap: 0.5em; align-items: center; vertical-align: middle; line-height: 1; }
.note__table svg { width: auto; flex: none; max-width: 3em; height: 1.6em; }
.game__view { overflow: hidden; clip-path: inset(50%); height: 1px; width: 1px; white-space: nowrap; position: absolute; }
.nav__edge--flag { display: inline-flex; gap: 12px; align-items: center; font-size: 12px; letter-spacing: 0.04em; text-transform: uppercase; }
.nav__edge--flag a { color: var(--cfg-panel); text-decoration: none; }
.nav__edge--flag a:hover { color: var(--cfg-lead); }
.nav__edge--flag a.chip--stack { color: var(--cfg-rear-l4); font-weight: 600; }
/*  components  */
.inner__frame { display: block; }
.game__ring { color: var(--cfg-lead); }
.copy__block--strip { color: inherit; opacity: 0.72;
  display: block; font-size: clamp(12px, 0.22em, 17px); text-transform: uppercase; font-weight: 600;
  letter-spacing: var(--cfg-unit); line-height: 1.2; margin-top: 0.5em;
  font-family: var(--cfg-top-7n);
}
.main__seal {
  margin: 0;
  letter-spacing: var(--cfg-dock); font-size: clamp(22px, 2.4vw, 38px); display: block; text-transform: var(--cfg-grid-ge);
  font-family: var(--cfg-gold-hi); font-weight: var(--cfg-grid); line-height: 1.05;
}
.area__promo--pane { font-style: normal; color: var(--cfg-lead); }
.band__shape { display: inline-flex; align-items: baseline; flex-wrap: wrap; gap: 6px; color: var(--cfg-cell); font-size: var(--cfg-lobby); line-height: 1.3; }
.core__unit { letter-spacing: var(--cfg-unit); text-transform: uppercase; }
.seal__panel--copy { font-weight: 600; color: var(--cfg-rear-l4); }
.offer__wrap { color: rgba(255, 255, 255, 0.72); }
.offer__wrap .seal__panel--copy { color: #fff; }
.side__top { gap: 8px; align-items: center; flex-wrap: wrap; display: flex; }
.field__slot { gap: 6px; height: 28px; display: inline-flex; border-radius: var(--cfg-chip-j8); padding: 0 10px; align-items: center; font-size: var(--cfg-lobby); transition: color .15s, border-color .15s, background-color .15s; color: var(--cfg-cell); }
.field__slot:hover { color: var(--cfg-rear-l4); }
.field__slot .edge--flag { font-size: 1.25em; }
.rear__core .field__slot { background: var(--cfg-frame); border-radius: var(--cfg-chip); }
.reel__foot .field__slot { border: var(--cfg-front-fl) solid var(--cfg-promo-qo); }
.reel__foot .field__slot:hover { border-color: var(--cfg-step-1p); }
.menu__bar .field__slot { background: var(--cfg-label); border: var(--cfg-front-fl) solid var(--cfg-crown); font-weight: 600; }
.label__mark--bonus { gap: 4px 18px; }
.label__mark--bonus .field__slot { padding: 0; height: auto; text-decoration-color: var(--cfg-step-1p); text-decoration: underline; text-underline-offset: 3px; }
.bonus__foot .field__slot { padding: 0 8px; text-transform: uppercase; letter-spacing: 0.08em; border-left: 2px solid var(--cfg-lead); border-radius: 0; font: 500 11px/1 var(--cfg-note-ik); }
a[role="button"] { cursor: pointer; }
.panel__race { display: none; }
@media (max-width: 640px) {
  .seal__strip--shape { overflow: visible; border: 0; border-radius: 0; }
  .seal__strip--shape thead { display: none; }
  .seal__strip--shape table, .seal__strip--shape tbody, .seal__strip--shape tr { display: block; width: 100%; }
  .seal__strip--shape caption { display: block; padding: 0 0 8px; }
  .seal__strip--shape tr { margin: 0 0 10px; border: var(--cfg-front-fl) solid var(--cfg-crown); border-radius: var(--cfg-chip-j8); overflow: hidden; }
  .seal__strip--shape tbody tr > * { background: none; }
  .seal__strip--shape tbody th { background: color-mix(in srgb, var(--cfg-game) 70%, transparent); border-bottom: var(--cfg-front-fl) solid var(--cfg-crown); white-space: normal; display: block; }
  .seal__strip--shape td { justify-content: space-between; gap: 14px; text-align: right; display: flex; align-items: baseline; white-space: normal; }
  .seal__strip--shape tbody tr > td:last-child { border-bottom: 0; }
  .seal__strip--shape tbody tr:last-child > th { border-bottom: var(--cfg-front-fl) solid var(--cfg-crown); }
  .seal__strip--shape .panel__race { color: var(--cfg-cell); flex: none; display: block; font-weight: 600; text-transform: uppercase; font-size: var(--cfg-lobby); letter-spacing: var(--cfg-unit); max-width: 48%; text-align: left; }
}
.offer--flag { background: color-mix(in srgb, var(--cfg-promo) 80%, transparent); }
.stack--star { background: transparent; border-right-color: var(--cfg-crown); }
.group__meta--promo { height: 42px; font-weight: 600; }
.group__meta--promo.chip--stack { box-shadow: 0 3px 0 #000; color: var(--cfg-area); background: var(--cfg-lead); }
.group__meta--promo.chip--stack .edge--flag { color: inherit; }
.group__meta--promo.chip--stack .panel--dice { background: var(--cfg-area); color: var(--cfg-lead); box-shadow: none; }
.side__area { background: var(--cfg-game); font-weight: 600; }
.side__area:nth-child(1) { transform: rotate(-2deg); }
.side__area:nth-child(2) { transform: rotate(2deg); }
.side__area:hover { transform: rotate(0) translateY(-3px); }
.item__outer { font-weight: 600; }
.vip__race--group { overflow: hidden; isolation: isolate; padding: clamp(40px, 6vw, 88px) 24px clamp(28px, 4vw, 48px); }
.dock__top--side { object-fit: cover;
  width: 140%; opacity: 0.22; z-index: -2; height: 140%; inset: -20%;
  filter: blur(70px) saturate(0.85);
  position: absolute;
}
.vip__race--group::before { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--cfg-meta-io); opacity: 0.6; mask-image: radial-gradient(60% 70% at 50% 50%, #000, transparent); }
.field__hero { width: 210px;
  border-radius: var(--cfg-edge); height: 210px;
  position: absolute; object-fit: cover; z-index: -1; box-shadow: var(--cfg-deal-jp);
}
.core__panel { left: 5%; top: 18%; transform: rotate(calc(-4deg - var(--cfg-bar) * 2)); }
.step__gold { right: 2%; bottom: 6%; transform: rotate(calc(5deg + var(--cfg-bar) * 2)); }
.game__slab--deck { text-align: center; display: grid; justify-items: center; z-index: 1; gap: 20px; position: relative; margin: 0 auto; max-width: 720px; }
.note__top--stage { font-size: clamp(44px, 6vw, 96px); }
.shape__cell { max-width: 48ch; color: var(--cfg-panel); font-size: var(--cfg-front-qj); }
.top__club--base { justify-content: center; gap: 12px; display: flex; flex-wrap: wrap; }
.star__lobby {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px;
  width: 100%; margin: 14px 0 0; padding: 0; list-style: none;
}
.star__lobby li {
  display: flex; align-items: center; gap: 10px; padding: 12px 14px;
  border-radius: var(--cfg-chip-j8); border: var(--cfg-front-fl) solid var(--cfg-crown);
  background: var(--cfg-label);
  font-size: var(--cfg-page); text-align: left;
}
.unit__chip--win { display: grid; place-items: center; flex: none; width: 26px; height: 26px; border-radius: 50%; background: var(--cfg-lead); color: var(--cfg-area); font-size: 12px; }
.grid__set { font-size: var(--cfg-lobby); color: var(--cfg-cell); }
@media (max-width: 1400px) { .field__hero { width: 175px; height: 175px; } }
@media (max-width: 1100px) { .field__hero { width: 130px; height: 130px; opacity: 0.6; } .core__panel { left: -30px; } .step__gold { right: -30px; } }
@media (max-width: 700px) {
  .field__hero { display: none; }
  .star__lobby { grid-template-columns: 1fr; }
}
.club__offer--foot { grid-template-columns: minmax(320px, 46%) minmax(0, 1fr);
  gap: clamp(12px, 2vw, 32px);
  display: grid; align-items: center; padding: clamp(24px, 3vw, 40px) clamp(20px, 3vw, 40px) 0;
}
.club__offer--foot .field__hero { display: none; }
.club__offer--foot .game__slab--deck {
  margin: 0; padding: 0 0 clamp(24px, 3vw, 40px); max-width: none; gap: 16px;
  justify-items: start; text-align: left; align-content: center;
}
.club__offer--foot .note__top--stage { font-size: clamp(34px, 3.1vw, 56px); }
.club__offer--foot .shape__cell { font-size: var(--cfg-dot-gw); max-width: 44ch; }
.club__offer--foot .top__club--base { justify-content: flex-start; }
.club__offer--foot .star__lobby { margin-top: 4px; }
.club__offer--foot .star__lobby li { padding: 10px 12px; }
.body__group--vip { --cfg-club-ey: 440px; align-self: stretch; }
@media (max-width: 820px) {
  .club__offer--foot { padding-bottom: 0; min-height: 0; justify-items: center; grid-template-columns: minmax(0, 1fr); }
  .club__offer--foot .game__slab--deck { justify-items: center; text-align: center; }
  .club__offer--foot .top__club--base { justify-content: center; }
  .body__group--vip { width: min(74vw, 320px); --cfg-box-fk: min(62vw, 270px); margin-bottom: 18px; }
}
.zone__unit--jackpot { display: grid; grid-template-columns: minmax(240px, 0.8fr) minmax(0, 2.4fr); align-items: center; gap: 32px; padding: 28px 32px; overflow: hidden; }
.inner__side { justify-items: start; display: grid; gap: 12px; }
.label__promo { font-size: clamp(26px, 2.4vw, 36px); }
.rail__chip2 { font-size: var(--cfg-page); display: inline-flex; color: var(--cfg-panel); align-items: center; gap: 8px; }
.frame__nav { gap: 12px; margin: 0; grid-template-columns: repeat(6, minmax(0, 1fr)); padding: 0; display: grid; list-style: none; }
.tab__dice--field { text-align: center; display: grid; justify-items: center; gap: 4px; position: relative; }
.feature__deck {
  display: block; width: 100%; max-width: 124px; aspect-ratio: 1; padding: 4px; border-radius: 50%;
  background: conic-gradient(from 200deg, var(--cfg-lead), var(--cfg-list), var(--cfg-rail-5u), var(--cfg-lead));
  transition: transform var(--cfg-row) var(--cfg-field);
}
.feature__deck img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 15%; border-radius: 50%; border: 3px solid var(--cfg-label); }
.tab__dice--field:hover .feature__deck { transform: scale(1.05) rotate(calc(var(--cfg-bar) * -1)); }
.game__star {
  margin-top: -14px; z-index: 1; padding: 2px 8px; border-radius: 999px;
  background: var(--cfg-chip-g6); color: #fff; font: 700 9px/1.4 var(--cfg-side); letter-spacing: 0.1em; text-transform: uppercase;
}
.crest__dock { line-height: 1.2; font-weight: 600; font-size: var(--cfg-page); margin-top: 6px; }
.deal__block { font-size: 11px; color: var(--cfg-cell); }
@media (max-width: 1180px) { .zone__unit--jackpot { grid-template-columns: 1fr; } }
@media (max-width: 720px) {
  .zone__unit--jackpot { padding: 22px 18px; }
  .frame__nav { overflow-x: auto; scrollbar-width: none; padding-bottom: 4px; grid-auto-flow: column; grid-template-columns: none; grid-auto-columns: 96px; }
}
.note__list {
  display: grid; grid-auto-flow: column; grid-auto-columns: 232px; scrollbar-width: none; gap: 8px;
  margin: 0; scroll-snap-type: x mandatory; padding: 4px 2px 12px; list-style: none;
  overflow-x: auto;
}
.note__list::-webkit-scrollbar { display: none; }
.crown__offer { scroll-snap-align: start; align-items: flex-end; padding-left: 64px; display: flex; position: relative; }
.deck__view {
  color: var(--cfg-promo);
  font-size: 190px;
  -webkit-text-stroke: 3px var(--cfg-step-1p); line-height: 0.8; left: 0;
  position: absolute; z-index: 0; bottom: 30px;
  letter-spacing: -0.06em;
}
.live__jackpot--slab { z-index: 1; width: 100%; position: relative; }
.crown__offer:first-child .deck__view { -webkit-text-stroke-color: var(--cfg-lead); }
@media (max-width: 720px) {
  .note__list { grid-auto-columns: 180px; }
  .crown__offer { padding-left: 48px; }
  .deck__view { font-size: 140px; }
}
.link__note { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 14px; }
.seal__shape {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 0.9fr); align-items: center; gap: 20px;
  padding: 32px; overflow: hidden;
}
.head__side { gap: 14px; justify-items: start; display: grid; }
.deck__bar { font-size: clamp(32px, 3vw, 48px); }
.seal__strip { transform: rotate(var(--cfg-bar)); border-radius: var(--cfg-edge); aspect-ratio: 1; width: 100%; object-fit: cover; }
.view__star { font-size: var(--cfg-page); color: var(--cfg-panel); }
.flag__slab--pill{display:grid;gap:14px}
.lobby__rear{display:grid;grid-template-columns:110px minmax(0,1fr);align-items:center;gap:18px;padding:12px 18px 12px 12px;transition:transform var(--cfg-row) var(--cfg-field),box-shadow var(--cfg-row),border-color var(--cfg-row)}
.lobby__rear:hover{transform:translateX(4px);border-color:var(--cfg-step-1p)}
.lobby__rear img{border-radius:var(--cfg-chip-j8);width:110px;height:110px;object-fit:cover}
.spin__foot{display:grid;gap:6px}
.item__core{font-size:var(--cfg-view)}
.card__feature--meta{color:var(--cfg-lead);display:inline-flex;align-items:center;gap:6px;font-size:var(--cfg-lobby)}
@media (max-width: 1180px) { .link__note { grid-template-columns: 1fr; } }
@media (max-width: 600px) {
  .seal__shape { grid-template-columns: 1fr; padding: 22px; }
  .seal__strip { order: -1; width: 60%; }
  .lobby__rear { grid-template-columns: 80px minmax(0, 1fr); }
  .lobby__rear img { width: 80px; height: 80px; }
}
.gold__dice { margin-bottom: 18px; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; gap: 14px 24px; }
.tray__shape--dock { font-size: var(--cfg-feature); }
.group__feature--group { display: flex; gap: 6px; flex-wrap: wrap; }
.hero__link {
  height: 34px; display: inline-flex; align-items: center; padding: 0 14px;
  border-radius: var(--cfg-chip); border: var(--cfg-front-fl) solid var(--cfg-promo-qo);
  font-size: var(--cfg-page); color: var(--cfg-panel);
  transition: border-color var(--cfg-row), color var(--cfg-row), background var(--cfg-row);
}
.hero__link:hover { color: var(--cfg-rear-l4); border-color: var(--cfg-step-1p); }
/*  base  */
.hero__link.chip--stack { background: var(--cfg-rear-l4); color: var(--cfg-promo); border-color: var(--cfg-rear-l4); }
.body__race { gap: 10px; list-style: none; display: grid; padding: 0; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; }
.lobby__base, .zone__seal--main {
  position: relative; display: block; aspect-ratio: 3 / 2; overflow: hidden;
  border-radius: var(--cfg-edge); background: var(--cfg-game);
}
.lobby__base img { width: 100%; height: 100%; object-fit: cover; transition: transform 600ms var(--cfg-field), filter var(--cfg-row); }
.tab__stack { position: absolute; top: 8px; right: 8px; z-index: 1; }
.table__base { gap: 2px; align-content: end;
  color: #fff; transition: opacity var(--cfg-row);
  display: grid; padding: 14px;
  opacity: 0; inset: 0;
  position: absolute;
  background: linear-gradient(180deg, transparent 35%, rgba(0, 0, 0, 0.9));
}
.pill__frame { line-height: 1.2; font-weight: 600; font-size: var(--cfg-page); }
.step__deal { font-size: 11px; opacity: 0.7; }
.vip__promo--link {
  position: absolute; left: 50%; top: 42%; transform: translate(-50%, -50%) scale(0.8);
  display: grid; place-items: center; width: 52px; height: 52px; border-radius: 50%;
  background: var(--cfg-lead); color: var(--cfg-area); font-size: 22px;
  transition: transform var(--cfg-row) var(--cfg-field);
}
.lobby__base:hover img { transform: scale(1.06); filter: brightness(0.8); }
.lobby__base:hover .table__base { opacity: 1; }
.lobby__base:hover .vip__promo--link { transform: translate(-50%, -50%) scale(1); }
.zone__seal--main {
  display: grid; align-content: center; justify-items: center; gap: 6px; padding: 14px; text-align: center;
  border: var(--cfg-front-fl) dashed var(--cfg-step-1p); background: var(--cfg-label);
  font-size: var(--cfg-lobby); color: var(--cfg-panel);
}
.spin__card { font-size: 40px; color: var(--cfg-lead); }
@media (max-width: 1280px) { .body__race { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 720px) {
  .body__race { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .table__base { opacity: 1; }
  .vip__promo--link { display: none; }
}
@media (max-width: 480px) { .body__race { grid-template-columns: 1fr; } }
.view__table { overflow: hidden; grid-template-columns: minmax(260px, 0.8fr) minmax(0, 1.4fr); display: grid; }
.outer__chip { gap: 14px; justify-items: start; border-right: var(--cfg-front-fl) solid var(--cfg-crown); padding: 32px; align-content: center; display: grid; }
.jackpot__nav { font-size: clamp(28px, 2.6vw, 40px); }
.feature__flag--bar { display: grid; gap: 14px; margin: 8px 0 0; width: 100%; }
.feature__flag--bar .media--row { padding-top: 12px; border-top: var(--cfg-front-fl) solid var(--cfg-crown); }
.feature__flag--bar dd { margin: 0; }
.menu__menu--menu {
  height: 340px; overflow: hidden;
  mask-image: linear-gradient(transparent, #000 14%, #000 86%, transparent);
}
.meta__set { display: grid; animation: wins-d-up 40s linear infinite; }
.view__table:hover .meta__set { animation-play-state: paused; }
.tray__block { grid-template-columns: 36px minmax(0, 1fr) auto auto; gap: 14px; border-bottom: var(--cfg-front-fl) solid var(--cfg-crown);
  padding: 10px 24px;
  display: grid; align-items: center;
}
.tray__block img { width: 40px; height: 40px; object-fit: cover; border-radius: calc(var(--cfg-chip-j8) * 0.5); }
.lobby__seal--body { display: grid; gap: 2px; min-width: 0; font-size: var(--cfg-page); }
.lobby__seal--body span { overflow: hidden; color: var(--cfg-cell); font-size: var(--cfg-lobby); white-space: nowrap; text-overflow: ellipsis; }
.body__cell { font-size: var(--cfg-lobby); color: var(--cfg-panel); }
.group__grid { color: var(--cfg-rail-5u); text-align: right; min-width: 100px; }
@keyframes wins-d-up { to { transform: translateY(-50%); } }
@media (prefers-reduced-motion: reduce) { .meta__set { animation: none; } .menu__menu--menu { overflow-y: auto; } }
@media (max-width: 900px) {
  .view__table { grid-template-columns: 1fr; }
  .outer__chip { border-right: 0; border-bottom: var(--cfg-front-fl) solid var(--cfg-crown); }
  .feature__flag--bar { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 560px) {
  .feature__flag--bar { grid-template-columns: 1fr; }
  .tray__block { grid-template-columns: 36px minmax(0, 1fr) auto; padding: 10px 16px; }
  .body__cell { display: none; }
}
.panel__side--band { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 28px; margin-bottom: 18px; }
.slot__box { font-size: var(--cfg-view); }
.tile__chip--front { flex: 1; min-width: 260px; font-size: var(--cfg-page); color: var(--cfg-panel); }
.deal__label--dock { list-style: none; padding: 0; margin: 0; gap: 12px; grid-template-columns: repeat(4, minmax(0, 1fr)) minmax(0, 1.25fr); display: grid; }
.dot__band { isolation: isolate; display: grid; align-content: start; justify-items: center; gap: 10px; padding: 26px 18px 22px; text-align: center; }
.dot__band.race--bar { background: var(--cfg-ring), var(--cfg-label); border-color: var(--cfg-lead); }
.stage__deck--media {
  --cfg-offer-hk: #8a5a2b;
  position: relative; --cfg-front-up: #d59a61; display: grid;
  background: radial-gradient(circle at 35% 30%, var(--cfg-front-up), var(--cfg-offer-hk) 70%); height: 68px; place-items: center;
  box-shadow: inset 0 0 0 4px rgba(255, 255, 255, 0.18), inset 0 -6px 10px rgba(0, 0, 0, 0.25), 0 6px 16px -6px rgba(0, 0, 0, 0.5); border-radius: 50%;
  width: 68px;
}
.stage__deck--media::before, .stage__deck--media::after {
  content: ""; position: absolute; top: -14px; width: 16px; height: 22px; z-index: -1;
  background: var(--cfg-offer-hk); clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 75%, 0 100%);
}
.stage__deck--media::before { left: 14px; transform: rotate(-18deg); }
.stage__deck--media::after { right: 14px; transform: rotate(18deg); }
.stage__deck--media span { font: 700 20px/1 var(--cfg-gold-hi); color: rgba(255, 255, 255, 0.92); text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35); }
.grid__win { --cfg-offer-hk: #7D848D; --cfg-front-up: #E3E7EC; }
.jackpot__body { --cfg-offer-hk: #a67c12; --cfg-front-up: #f4d06a; }
.wrap__jackpot { --cfg-offer-hk: #5a7584; --cfg-front-up: #cfe3ea; }
.slot__vip { --cfg-offer-hk: color-mix(in srgb, var(--cfg-lead) 60%, #000); --cfg-front-up: var(--cfg-list); width: 84px; height: 84px; }
.chip__item--inner { font-size: 24px; }
.dot__band.race--bar .chip__item--inner { color: var(--cfg-list); }
.card__hero--lead { display: flex; align-items: baseline; gap: 6px; }
.base__slot { display: grid; gap: 6px; margin-top: 4px; font-size: var(--cfg-page); color: var(--cfg-panel); }
.base__slot li { display: flex; align-items: center; justify-content: center; gap: 6px; }
.base__slot .edge--flag { color: var(--cfg-lead); font-size: 14px; }
@media (max-width: 1180px) { .deal__label--dock { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 640px) {
  .deal__label--dock { grid-auto-flow: column; grid-template-columns: none; grid-auto-columns: 200px; overflow-x: auto; padding: 16px 2px 8px; scrollbar-width: none; }
}
.offer__dock .game--chip2 { --cfg-line: clamp(200px, calc((100% - 14px * 4) / 5), 300px); }
@media (max-width: 720px) { .offer__dock .game--chip2 { --cfg-line: 64vw; } }
.grid__live {
  display: grid; grid-template-columns: repeat(8, minmax(0, 1fr));
  border-top: var(--cfg-front-fl) solid var(--cfg-crown); border-left: var(--cfg-front-fl) solid var(--cfg-crown);
}
.grid__nav {
  display: grid; place-items: center; height: 96px; padding: 12px;
  border-right: var(--cfg-front-fl) solid var(--cfg-crown); border-bottom: var(--cfg-front-fl) solid var(--cfg-crown);
  transition: background var(--cfg-row);
}
.grid__nav img { width: 100%; max-width: 150px; height: 44px; opacity: 0.6; transition: opacity var(--cfg-row); }
.grid__nav:hover { background: var(--cfg-label); }
.grid__nav:hover img { opacity: 1; }
@media (max-width: 1280px) { .grid__live { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 600px) { .grid__live { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.nav__list {
  display: grid;
  align-items: center;
  padding: clamp(28px, 3.5vw, 48px) clamp(24px, 4vw, 56px);
  overflow: hidden; gap: 32px; grid-template-columns: minmax(0, 1fr) minmax(0, 0.8fr); isolation: isolate;
}
.nav__list::before {
  content: "";
  background: var(--cfg-edge-iy); position: absolute; inset: 0;
  mask-image: linear-gradient(90deg, transparent 35%, #000); z-index: -1;
}
.side__tile { justify-items: start; gap: 16px; display: grid; }
.tray__dock { font-size: clamp(30px, 3vw, 44px); max-width: 16ch; }
.slab__reel { max-width: 52ch; color: var(--cfg-panel); }
.box__grid { display: flex; flex-wrap: wrap; align-items: center; gap: 28px; margin-top: 8px; }
.unit__nav--race { padding-left: 28px; border-left: var(--cfg-front-fl) solid var(--cfg-promo-qo); }
.game__head { position: relative; height: 240px; }
.box__table {
  position: absolute; width: 210px; height: 210px; object-fit: cover;
  padding: 6px; background: var(--cfg-promo);
  border: var(--cfg-front-fl) solid var(--cfg-promo-qo); border-radius: var(--cfg-edge);
  box-shadow: var(--cfg-deal-jp);
}
.base__unit--outer { transform: rotate(calc(var(--cfg-bar) * -2)); top: 22px; right: 38%; }
.set__pill { right: 6%; top: 4px; transform: rotate(calc(var(--cfg-bar) * 1.5)); }
@media (max-width: 900px) {
  .nav__list { grid-template-columns: 1fr; }
  .game__head { height: 180px; order: -1; }
  .box__table { width: 170px; height: 170px; }
  .base__unit--outer { right: auto; left: 0; }
}
.slab__dock--meta { display: grid; grid-template-columns: minmax(240px, 0.8fr) minmax(0, 2fr); gap: clamp(28px, 5vw, 72px); }
.group__nav { display: grid; top: calc(var(--cfg-crest-c9) + 28px); position: sticky; gap: 16px; align-self: start; }
.media__view { font-size: clamp(28px, 2.6vw, 40px); }
.media__race { font-size: var(--cfg-lobby); color: var(--cfg-cell); letter-spacing: 0.04em; }
.win__grid { min-width: 0; justify-items: start; gap: 24px; display: grid; }
.win__grid > * { max-width: 100%; }
.mark__game--label { color: var(--cfg-rear-l4); line-height: 1.6; font-size: var(--cfg-front-qj); }
.tile__rail {
  justify-self: stretch; width: 100%;
  mask-image: linear-gradient(#000 60%, transparent); overflow: hidden; min-width: 0; max-height: 560px;
}
.table__label:checked ~ .tile__rail { max-height: none; mask-image: none; }
.menu__live--line { line-height: 1.7;
  font-size: var(--cfg-page); gap: 12px 40px;
  display: grid; grid-template-columns: minmax(160px, 0.7fr) minmax(0, 2fr);
  padding: 26px 0; border-top: var(--cfg-front-fl) solid var(--cfg-crown);
}
.race__label--label { font-size: var(--cfg-dot-gw); font-weight: 600; line-height: 1.35; color: var(--cfg-rear-l4); }
.meta__label, .table__label:checked ~ .promo__ace .table__chip { display: none; }
.table__label:checked ~ .promo__ace .meta__label { display: inline; }
.table__label:focus-visible ~ .promo__ace { outline: 2px solid var(--cfg-lead); outline-offset: 3px; }
@media (max-width: 1080px) {
  .slab__dock--meta { grid-template-columns: 1fr; }
  .group__nav { position: static; }
}
@media (max-width: 640px) { .menu__live--line { grid-template-columns: 1fr; } }
.field__mark { display: grid; grid-template-columns: minmax(260px, 0.8fr) minmax(0, 1.4fr); gap: clamp(28px, 5vw, 72px); }
.front__flag { position: sticky; gap: 14px; align-self: start; justify-items: start; display: grid; top: calc(var(--cfg-crest-c9) + 28px); }
.win__hero { font-size: clamp(30px, 3vw, 46px); }
.group__offer { color: var(--cfg-panel); }
.card__seal--inner { padding: 16px; display: grid; grid-template-columns: 44px minmax(0, 1fr); align-items: center; margin-top: 8px; gap: 12px; width: 100%; }
.card__seal--inner .feature--head { grid-column: 1 / -1; }
.card__seal--inner :is(strong, b) { display: block; font-size: var(--cfg-page); }
.foot__slab--stage { place-items: center; border-radius: 50%; font-size: 20px; width: 44px; color: var(--cfg-area); height: 44px; display: grid; background: var(--cfg-lead); }
.crown__body { display: inline-flex; gap: 6px; color: var(--cfg-cell); font-size: var(--cfg-lobby); align-items: center; }
.deal__dock { display: grid; gap: 10px; }
.gold__stack { overflow: hidden; }
.gold__stack summary { cursor: pointer;
  display: grid; grid-template-columns: 44px minmax(0, 1fr) 32px; list-style: none;
  padding: 18px 20px; align-items: center; gap: 12px;
}
.gold__stack summary::-webkit-details-marker { display: none; }
.club__live--tab { font-size: var(--cfg-page); color: var(--cfg-lead); }
.bonus__cell { font-size: var(--cfg-front-qj); font-weight: 600; }
.nav__ace { display: grid; height: 32px; border-radius: 50%; place-items: center; width: 32px; background: var(--cfg-game); transition: transform var(--cfg-row) var(--cfg-field), background var(--cfg-row); }
.gold__stack[open] .nav__ace { transform: rotate(45deg); background: var(--cfg-lead); color: var(--cfg-area); }
.gold__stack p { padding: 0 64px 22px 76px; color: var(--cfg-panel); }
@media (max-width: 900px) {
  .field__mark { grid-template-columns: 1fr; }
  .front__flag { position: static; }
  .gold__stack p { padding: 0 20px 20px; }
}
.top__side { background: var(--cfg-frame); border-top: var(--cfg-front-fl) solid var(--cfg-crown); }
.flag__group { gap: 20px; margin: 0 auto; display: grid; max-width: 1440px; padding: 28px var(--cfg-main-kk) 20px; }
.slot__dice { gap: 16px 32px; align-items: center; flex-wrap: wrap; display: flex; }
.view__list { flex: 1; min-width: 280px; }
.view__list ul { display: flex; flex-wrap: wrap; gap: 6px 20px; font-size: var(--cfg-page); color: var(--cfg-panel); }
.view__list a:hover { color: var(--cfg-lead); }
.grid__inner { display: flex; gap: 8px; }
.area__slab--group {
  display: inline-flex; align-items: center; gap: 6px; height: 38px; padding: 0 10px;
  border-radius: var(--cfg-chip-j8); border: var(--cfg-front-fl) solid var(--cfg-promo-qo); color: var(--cfg-cell);
}
.area__slab--group select { background: transparent; border: 0; outline: 0; color: var(--cfg-rear-l4); font: inherit; font-size: var(--cfg-page); cursor: pointer; }
.area__slab--group option { color: #111; }
.cell__grid--box {
  display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 16px 24px;
  padding: 16px 20px; border-radius: var(--cfg-menu); background: var(--cfg-label); border: var(--cfg-front-fl) solid var(--cfg-crown);
  font-size: var(--cfg-page); color: var(--cfg-panel);
}
.cell__grid--box :is(strong, b) { color: var(--cfg-rear-l4); }
.front__table { font-size: 13px; background: var(--cfg-chip-g6); display: grid; height: 42px; border-radius: 50%; place-items: center; color: #fff; width: 42px; }
.set__copy { display: flex; flex-wrap: wrap; gap: 6px; }
.set__copy .note__table svg { height: 16px; }
.set__copy li { align-items: center; border-radius: var(--cfg-chip-j8); display: inline-flex; padding: 6px 10px; background: var(--cfg-frame); color: var(--cfg-cell); font: 500 11px/1 var(--cfg-note-ik); }
.tray__wrap--race { font-size: var(--cfg-lobby); line-height: 1.7; color: var(--cfg-cell); }
.stack__set { border-top: var(--cfg-front-fl) solid var(--cfg-crown); font-size: var(--cfg-lobby); display: flex; padding-top: 14px; gap: 16px; justify-content: space-between; align-items: center; color: var(--cfg-cell); }
@media (max-width: 900px) { .cell__grid--box { grid-template-columns: auto minmax(0, 1fr); } .set__copy { grid-column: 1 / -1; } }
:root { --cfg-lead: #f2d492; --cfg-list: #F4DCA6; --cfg-body-16: rgba(242, 212, 146, 0.14); --cfg-area: #111111; }
:root { --cfg-area: #111111; --cfg-list: #F4DCA6; --cfg-lead: #f2d492; --cfg-body-16: rgba(242, 212, 146, 0.14); }
/*  utilities  */
:root { --cfg-link: calc(clamp(40px, 4vw, 60px) * 1.22); --cfg-main-kk: calc(clamp(16px, 2.2vw, 32px) * 1.22); --cfg-menu: 36px; --cfg-edge: 28px; --cfg-chip: 1998px; --cfg-chip-j8: 20px; --cfg-link-0w: 4px; --cfg-chip2-wt: 1520px; }
svg.edge--flag{width:1em;height:1em;display:inline-block;vertical-align:-0.125em;fill:currentColor}