.main__jackpot--gold { padding: 14px clamp(24px, 4vw, 52px); display: flex;
  font-size: var(--ring-group); background: color-mix(in srgb, var(--wrap-dot) 55%, transparent);
  grid-area: strip; color: var(--zone-strip); gap: 0.625rem 1.625rem; border-top: var(--deal-stack) solid var(--area-copy);
  list-style: none; flex-wrap: wrap; align-items: center; margin: 0;
}
.main__jackpot--gold li { gap: 0.5rem; align-items: center; display: inline-flex; }
.main__jackpot--gold .bonus { color: var(--chip-table); }
.cell__table { margin-left: auto; font-size: var(--deal-tab); color: var(--body-side); }
@media (max-width: 960px) {
  .tile__live { grid-template-columns: 1fr; grid-template-areas: "visual" "copy" "strip"; }
  .view__chip2 { padding: 1.75rem 1.5rem 0; }
  .pill__core--copy { width: min(100%, 300px); }
  [data-outer__pane--outer] { padding: 1.5rem; }
}
@media (max-width: 560px) {
  .lobby__box { grid-template-columns: 1fr; }
  .list__block { align-items: center; grid-template-columns: auto 1fr auto; column-gap: 12px; }
  [data-crown__nav--dice] { grid-column: 1 / -1; }
  .list__block + .list__block::before { transform: translateX(-50%); top: -0.625rem; left: 50%; }
  .set__area { display: none; }
  .cell__table { margin-left: 0; }
}
[data-box__field] { --media-panel: 340px; width: min(100%, 420px); }
@media (max-width: 960px) {
  [data-box__field] { width: min(76vw, 330px); --unit-stage: min(64vw, 285px); }
}
.view__link { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 0.625rem; margin: 0; padding: 0; list-style: none; }
[data-row__spin--lobby] {
  --label-win: var(--chip-table);
  position: relative; display: grid; align-content: space-between; aspect-ratio: 1; padding: 0.875rem; overflow: hidden;
  border-radius: var(--grid-head); border: var(--deal-stack) solid var(--area-copy); background: var(--list-block); box-shadow: var(--crown-chip2);
  transition: transform var(--mark-mark) var(--bar-game), border-color var(--mark-mark), box-shadow var(--mark-mark);
}
.game__tray--star { --label-win: var(--inner-rear); }
[data-deal__promo] { --label-win: var(--edge-star); }
[data-link__bar] { --label-win: var(--group-page); }
[data-row__spin--lobby]::before { content: ""; position: absolute; right: -30%; top: -30%; width: 90%; aspect-ratio: 1; border-radius: 50%; background: var(--label-win); opacity: 0.12; transition: opacity var(--mark-mark), transform var(--mark-mark) var(--bar-game); }
[data-row__spin--lobby]:hover { transform: translateY(calc(var(--offer-body) * -1)); border-color: var(--label-win); box-shadow: var(--menu-top); }
[data-row__spin--lobby]:hover::before { opacity: 0.22; transform: scale(1.15); }
.mark__tray { color: var(--label-win); position: relative; font-size: 2.125rem; }
.tray__stage { position: relative; font-weight: 700; font-size: var(--rear-list); }
[data-outer__wrap] { font-size: 0.6875rem; position: absolute; color: var(--body-side); bottom: 0.875rem; right: 0.75rem; }
@media (max-width: 1180px) { .view__link { grid-template-columns: repeat(4, minmax(0, 1fr)); } [data-row__spin--lobby] { aspect-ratio: 16 / 10; } }
@media (max-width: 560px) { .view__link { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
[data-chip__zone] { display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem 1.25rem; margin-bottom: 1rem; }
.cell__ring { display: flex; align-items: center; gap: 0.625rem; font-size: var(--dice-live); white-space: nowrap; }
.cell__ring .bonus { color: var(--chip-table); }
.mark__bonus--chip2 { display: flex; gap: 0.25rem; padding: 0.25rem; border-radius: calc(var(--chip2-meta) + 4px); background: var(--list-block); border: var(--deal-stack) solid var(--area-copy); }
.view__main { height: 2rem; padding: 0 0.75rem; border-radius: var(--chip2-meta); font-size: 0.8125rem; font-weight: 500; color: var(--body-side); transition: background var(--mark-mark), color var(--mark-mark); }
.view__main.rear { background: var(--chip-table); color: var(--slot-deck); }
.dot__crown { display: flex; align-items: center; margin-left: auto; gap: 0.375rem; }
.lobby__item--block { --lead-dot: clamp(150px, calc((100% - 12px * 6) / 7), 190px); }
.outer__dock { min-width: 0; gap: 0.5rem; display: grid; }
[data-foot__head--inner] { position: relative; }
[data-strip__copy] { border-radius: 62.4375rem; background: rgba(0, 0, 0, 0.66); transition: opacity var(--mark-mark); color: #fff; position: absolute; right: 0.5rem; z-index: 1; font-size: 0.6875rem; padding: 3px 0.4375rem; top: 0.5rem; }
.base__win--nav { transition: opacity var(--mark-mark); z-index: 2; inset: 0; place-content: center;
  position: absolute; display: grid; gap: 0.625rem; justify-items: center;
  background: rgba(0, 0, 0, 0.62); opacity: 0;
}
[data-foot__head--inner]:hover .base__win--nav, [data-foot__head--inner]:focus-within .base__win--nav { opacity: 1; }
[data-chip__dock--shape] { font-size: var(--deal-tab); text-underline-offset: 3px; font-weight: 600; color: #fff; text-decoration: underline; }
.live__vip { overflow: hidden; font-size: var(--ring-group); white-space: nowrap; text-overflow: ellipsis; font-weight: 600; }
@media (max-width: 800px) { .mark__bonus--chip2 { order: 3; width: 100%; overflow-x: auto; } .dot__crown .base--dot { display: none; } .lobby__item--block { --lead-dot: 40vw; } }
[data-meta__chip] { padding: 0; margin: 0; gap: 0.875rem; list-style: none; grid-template-columns: repeat(4, minmax(0, 1fr)); display: grid; }
[data-lobby__win] { display: grid; overflow: hidden; transition: transform var(--mark-mark) var(--bar-game), box-shadow var(--mark-mark); }
[data-lobby__win]:hover { transform: translateY(calc(var(--offer-body) * -1)); box-shadow: var(--menu-top); }
.live__crown { position: relative; display: block; aspect-ratio: 4 / 3; overflow: hidden; }
.live__crown img { transition: transform 700ms var(--bar-game); width: 100%; height: 100%; object-fit: cover; object-position: 50% 12%; }
[data-lobby__win]:hover .live__crown img { transform: scale(1.05); }
.dice__club--deck, .flag__body { color: #fff; backdrop-filter: blur(6px); position: absolute; gap: 0.375rem; font-weight: 600; top: 0.625rem; display: inline-flex; align-items: center; background: rgba(0, 0, 0, 0.6); border-radius: 62.4375rem; padding: 0 0.5625rem; font-size: 0.6875rem; height: 1.5rem; }
.dice__club--deck { left: 0.625rem; text-transform: uppercase; letter-spacing: 0.08em; }
.flag__body { right: 0.625rem; }
[data-strip__front] { display: grid; gap: 0.625rem; padding: 0.875rem 1rem 1rem; }
.page__tab { font-weight: 700; font-size: var(--rear-list); }
.ring__flag { gap: 0.5rem; font-size: var(--ring-group); display: flex; align-items: baseline; justify-content: space-between; }
@media (max-width: 1080px) { [data-meta__chip] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 520px) { [data-meta__chip] { grid-template-columns: 1fr; } }
[data-field__edge] { list-style: none; display: grid; grid-template-columns: 0.8fr 0.9fr 1fr 1.4fr; gap: 0.75rem; padding: 0; margin: 0; align-items: end; }
.page__area { gap: 0.5rem; padding: 1.25rem; display: grid; overflow: hidden; }
[data-front__group--card] { padding-top: 2.125rem; }
[data-link__set--shape] { padding-top: 3rem; }
.shape__note { border-color: var(--chip-table); background: var(--live-set), var(--list-block); padding: 4rem 1.625rem 1.625rem; }
.slot__card { position: absolute; top: 0.875rem; right: 1rem; font-size: 1.625rem; color: var(--chip-table); opacity: 0.8; }
.shape__note .slot__card { font-size: 2.75rem; }
.pill__lead { font-size: var(--reel-promo); color: var(--zone-strip); }
.pill__box { font-size: clamp(18px, 1.8vw, 24px); color: var(--reel-crown); }
.shape__note .pill__box { font-size: clamp(28px, 3vw, 44px); color: var(--chip-table); }
.rear__area--dot { height: 0.375rem; border-radius: 62.4375rem; background: var(--slot-tile); overflow: hidden; }
.rear__area--dot span { background: linear-gradient(90deg, var(--chip-table), var(--group-page)); border-radius: inherit; height: 100%; display: block; }
[data-club__spin] { font-size: var(--deal-tab); color: var(--body-side); }
@media (max-width: 960px) { [data-field__edge] { grid-template-columns: 1fr 1fr; } .shape__note { grid-column: 1 / -1; order: -1; } .page__area { padding-top: 1.375rem !important; } }
[data-ace__table--area] { list-style: none; margin: 0; display: grid; padding: 0; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem 0.875rem; }
.front__core--rear { display: grid; gap: 0.625rem; }
.foot__page--promo {
  position: relative; display: block; aspect-ratio: 16 / 10; overflow: hidden;
  border-radius: var(--jackpot-step); border: var(--deal-stack) solid var(--area-copy); background: var(--item-dice); box-shadow: var(--crown-chip2);
}
.foot__page--promo img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 30%; transition: transform 700ms var(--bar-game), filter var(--mark-mark); }
.crown__nav--menu { position: absolute; top: 0.625rem; left: 0.625rem; }
.item__race {
  position: absolute; left: 50%; top: 50%; display: grid; place-items: center; width: 3.375rem; height: 3.375rem; border-radius: 50%;
  background: var(--chip-table); color: var(--slot-deck); font-size: 1.375rem; opacity: 0; transform: translate(-50%, -50%) scale(0.7);
  transition: opacity var(--mark-mark), transform var(--mark-mark) var(--bar-game);
}
.front__core--rear:hover .foot__page--promo img { transform: scale(1.06); filter: brightness(0.7); }
.front__core--rear:hover .item__race { opacity: 1; transform: translate(-50%, -50%) scale(1); }
[data-spin__chip] { display: grid; gap: 2px; }
.band__deck { font-weight: 600; font-size: var(--rear-list); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.deal__view { display: flex; justify-content: space-between; gap: 0.5rem; font-size: var(--deal-tab); color: var(--body-side); }
.area__feature--frame { color: var(--inner-rear); }
@media (max-width: 1080px) { [data-ace__table--area] { grid-template-columns: repeat(3, minmax(0, 1fr)); } [data-ace__table--area] > li:nth-child(n + 7) { display: none; } }
@media (max-width: 640px) { [data-ace__table--area] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.bonus__club--foot { display: grid; gap: 2rem; }
.dot__lobby--dice { gap: 0.625rem; justify-items: center; display: grid; text-align: center; }
[data-flag__ace] { font-size: clamp(28px, 3vw, 44px); max-width: 22ch; }
.page__tile { position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.5rem; margin: 0; padding: 0; list-style: none; }
.page__tile::before { right: 12%; position: absolute; height: 0; left: 12%; border-top: calc(var(--deal-stack) * 2) dashed var(--body-block); content: ""; top: 2.25rem; }
.side__top--set { position: relative; display: grid; justify-items: center; gap: 0.625rem; text-align: center; }
.zone__lobby {
  display: grid; place-items: center; width: 4.5rem; height: 4.5rem; border-radius: 50%;
  background: var(--wrap-dot); border: calc(var(--deal-stack) * 2) solid var(--chip-table); color: var(--chip-table); font-size: 2rem;
  box-shadow: 0 0 0 8px var(--wrap-dot);
}
.side__top--set:first-child .zone__lobby { background: var(--chip-table); color: var(--slot-deck); }
.rear__link { font-size: var(--reel-promo); font-weight: 700; }
/*  utilities  */
[data-deck__tab] { color: var(--zone-strip); font-size: var(--ring-group); max-width: 26ch; }
[data-link__ace--jackpot] { display: grid; justify-items: center; gap: 0.625rem; font-size: var(--deal-tab); color: var(--body-side); }
@media (max-width: 860px) {
  .page__tile { grid-template-columns: 1fr 1fr; row-gap: 32px; }
  .page__tile::before { display: none; }
}
@media (max-width: 480px) { .page__tile { grid-template-columns: 1fr; } }
.tab__dot--rear { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); padding: 0; border-top: var(--deal-stack) solid var(--body-block); margin: 0; list-style: none; border-bottom: var(--deal-stack) solid var(--body-block); }
.nav__card--tile { padding: 1.875rem 1.625rem; gap: 0.625rem; align-content: start; display: grid; }
.nav__card--tile + .nav__card--tile { border-left: var(--deal-stack) solid var(--area-copy); }
.set__star { font-size: 1.75rem; color: var(--chip-table); background: var(--field-page); place-items: center; display: grid; border-radius: var(--grid-head); width: 3.5rem; height: 3.5rem; }
.seal__deal--ace { font-size: var(--reel-promo); font-weight: 700; margin-top: 0.375rem; }
.card__inner { font-size: var(--ring-group); color: var(--zone-strip); }
@media (max-width: 960px) { .tab__dot--rear { grid-template-columns: 1fr 1fr; } .nav__card--tile:nth-child(3) { border-left: 0; } .nav__card--tile:nth-child(n + 3) { border-top: var(--deal-stack) solid var(--area-copy); } }
@media (max-width: 520px) { .tab__dot--rear { grid-template-columns: 1fr; } .nav__card--tile + .nav__card--tile { border-left: 0; border-top: var(--deal-stack) solid var(--area-copy); } }
[data-slab__foot--unit] { display: grid; gap: 1.625rem; }
.top__hero { display: grid; justify-items: center; text-align: center; gap: 0.75rem; }
.game__strip { font-size: clamp(30px, 3.4vw, 52px); }
.outer__stack { max-width: 56ch; color: var(--zone-strip); }
.ace__hero { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 1.75rem; }
[data-copy__view] { position: relative; display: block; width: 22.5rem; height: 29.375rem; }
[data-copy__view] .lobby__foot--block { position: absolute; top: 0; }
.head__slab { left: 0; transform: rotate(-8deg) scale(0.9); opacity: 0.85; }
[data-panel__stack--win] { right: 0; top: 1.25rem !important; transform: rotate(5deg); }
[data-top__row] { list-style: none; display: grid; padding: 0; margin: 0; gap: 0.875rem; }
[data-top__row] li { padding: 1rem 1.125rem; font-weight: 600; font-size: var(--ring-group); gap: 0.75rem; align-items: center; display: flex; }
[data-top__row] .bonus { color: var(--chip-table); display: grid; background: var(--field-page); font-size: 1.25rem; place-items: center; border-radius: 50%; flex: none; width: 2.5rem; height: 2.5rem; }
.dock__group li:nth-child(2), .feature__chip li:nth-child(1) { margin-left: 1.875rem; }
.zone__flag--band { display: flex; justify-content: center; }
@media (max-width: 1000px) {
  .ace__hero { grid-template-columns: 1fr 1fr; }
  [data-copy__view] { justify-self: center; order: -1; grid-column: 1 / -1; transform: scale(0.8); height: 25rem; }
  [data-top__row] li { margin-left: 0 !important; }
}
@media (max-width: 560px) { .ace__hero { grid-template-columns: 1fr; } [data-copy__view] { transform: scale(0.72); margin: -2.5rem 0; } }
.tray__promo { display: grid; grid-template-columns: minmax(240px, 0.8fr) minmax(0, 2fr); gap: clamp(28px, 5vw, 72px); }
.wrap__lobby--edge { align-self: start; top: calc(var(--link-edge) + 28px); gap: 1rem; position: sticky; display: grid; }
[data-wrap__stack] { font-size: clamp(28px, 2.6vw, 40px); }
.main__strip { color: var(--body-side); font-size: var(--deal-tab); letter-spacing: 0.04em; }
.edge__stage { display: grid; gap: 1.5rem; justify-items: start; min-width: 0; }
.edge__stage > * { max-width: 100%; }
.lobby__lead { color: var(--reel-crown); font-size: var(--reel-promo); line-height: 1.6; }
.lobby__area--deck {
  mask-image: linear-gradient(#000 60%, transparent); min-width: 0; width: 100%; max-height: 35rem; overflow: hidden;
  justify-self: stretch;
}
[data-row__spin]:checked ~ .lobby__area--deck { max-height: none; mask-image: none; }
[data-rear__grid] {
  display: grid; grid-template-columns: minmax(160px, 0.7fr) minmax(0, 2fr); gap: 0.75rem 2.5rem;
  padding: 1.625rem 0; border-top: var(--deal-stack) solid var(--area-copy);
  font-size: var(--ring-group); line-height: 1.7;
}
.nav__bar { font-weight: 600; font-size: var(--rear-list); color: var(--reel-crown); line-height: 1.35; }
.strip__lead--slab, [data-row__spin]:checked ~ .stack__pane .club__dock { display: none; }
[data-row__spin]:checked ~ .stack__pane .strip__lead--slab { display: inline; }
[data-row__spin]:focus-visible ~ .stack__pane { outline: 2px solid var(--chip-table); outline-offset: 3px; }
@media (max-width: 1080px) {
  .tray__promo { grid-template-columns: 1fr; }
  .wrap__lobby--edge { position: static; }
}
@media (max-width: 640px) { [data-rear__grid] { grid-template-columns: 1fr; } }
.dot__shape { gap: clamp(28px, 5vw, 72px); grid-template-columns: minmax(260px, 0.8fr) minmax(0, 1.4fr); display: grid; }
[data-front__tile] { position: sticky; top: calc(var(--link-edge) + 28px); align-self: start; display: grid; justify-items: start; gap: 0.875rem; }
.label__game { font-size: clamp(30px, 3vw, 46px); }
[data-note__body] { color: var(--zone-strip); }
.race__frame { width: 100%; grid-template-columns: 44px minmax(0, 1fr); padding: 1rem; display: grid; gap: 0.75rem; align-items: center; margin-top: 0.5rem; }
.race__frame [data-group--table] { grid-column: 1 / -1; }
.race__frame strong { display: block; font-size: var(--ring-group); }
.chip2__area--race { color: var(--slot-deck); font-size: 1.25rem; height: 2.75rem; width: 2.75rem; place-items: center; border-radius: 50%; background: var(--chip-table); display: grid; }
[data-zone__copy--tile] { display: inline-flex; align-items: center; color: var(--body-side); gap: 0.375rem; font-size: var(--deal-tab); }
.tile__slab--slot { display: grid; gap: 0.625rem; }
.table__panel { overflow: hidden; }
.table__panel summary { align-items: center; cursor: pointer; list-style: none;
  display: grid; gap: 0.75rem; grid-template-columns: 44px minmax(0, 1fr) 32px;
  padding: 1.125rem 1.25rem;
}
.table__panel summary::-webkit-details-marker { display: none; }
.frame__unit { font-size: var(--ring-group); color: var(--chip-table); }
.deck__page { font-size: var(--reel-promo); font-weight: 600; }
.item__side--rail { transition: transform var(--mark-mark) var(--bar-game), background var(--mark-mark); width: 2rem; background: var(--item-dice); height: 2rem; border-radius: 50%; place-items: center; display: grid; }
.table__panel[open] .item__side--rail { transform: rotate(45deg); background: var(--chip-table); color: var(--slot-deck); }
.table__panel p { padding: 0 4rem 1.375rem 4.75rem; color: var(--zone-strip); }
@media (max-width: 900px) {
  .dot__shape { grid-template-columns: 1fr; }
  [data-front__tile] { position: static; }
  .table__panel p { padding: 0 1.25rem 1.25rem; }
}
[data-chip__block] { border-top: var(--deal-stack) solid var(--area-copy); background: var(--slot-tile); }
.dock__dock { padding: 56px var(--note-gold) 32px; margin: 0 auto; gap: 2.5rem; display: grid; max-width: 90rem; }
.menu__set { display: grid; grid-template-columns: minmax(240px, 1.6fr) repeat(4, minmax(0, 1fr)); gap: 2rem; }
.chip2__ace--edge { display: grid; align-content: start; justify-items: start; gap: 1rem; color: var(--zone-strip); font-size: var(--ring-group); max-width: 34ch; }
.deal__deal--grid { gap: 0.5rem; flex-wrap: wrap; display: flex; }
.item__promo {
  display: inline-flex; align-items: center; gap: 0.375rem; height: 1.75rem; padding: 0 0.625rem;
  font-size: var(--deal-tab); color: var(--zone-strip);
  border: var(--deal-stack) solid var(--body-block); border-radius: var(--chip2-meta);
}
.stack__inner { font-size: var(--deal-tab); letter-spacing: var(--item-promo); text-transform: uppercase; color: var(--chip-table); margin-bottom: 0.875rem; }
.slab__card--tray ul { display: grid; gap: 0.625rem; font-size: var(--ring-group); color: var(--zone-strip); }
.slab__card--tray a:hover { color: var(--reel-crown); }
.rail__zone { border-bottom: var(--deal-stack) solid var(--area-copy);
  display: flex; flex-wrap: wrap;
  border-top: var(--deal-stack) solid var(--area-copy);
}
.rail__zone li {
  flex: 1 1 auto; text-align: center; padding: 1rem 0.75rem;
  font: 500 var(--deal-tab)/1 var(--seal-meta); letter-spacing: 0.12em; text-transform: uppercase; color: var(--body-side);
}
.rail__zone .rear__dice svg { height: 1.375rem; }
.rail__zone li + li { border-left: var(--deal-stack) solid var(--area-copy); }
.set__body { display: flex; justify-content: space-between; gap: 2rem; font-size: var(--deal-tab); color: var(--body-side); }
.grid__gold { max-width: 90ch; line-height: 1.7; }
[data-feature__shape] { white-space: nowrap; }
@media (max-width: 1080px) { .menu__set { grid-template-columns: repeat(2, minmax(0, 1fr)); } .chip2__ace--edge { grid-column: 1 / -1; } }
@media (max-width: 600px) { .set__body { flex-direction: column; } .rail__zone li { flex-basis: 25%; } .rail__zone .rear__dice svg { height: 1.375rem; }
.rail__zone li + li { border-left: 0; } }
[data-chip__block] [data-slot__menu] { margin-top: -1rem; }
:root { --chip-table: hsl(1 83% 54%); --group-page: hsl(0 70% 45%); --field-page: rgba(235, 43, 41, 0.14); --slot-deck: hsl(0 0% 100%); }
:root { --chip-table: hsl(1 83% 54%); --group-page: hsl(0 70% 45%); --field-page: rgba(235, 43, 41, 0.14); --slot-deck: hsl(0 0% 100%); }
:root { --win-race: calc(clamp(48px, 5vw, 80px) * 1.22); --rear-list: 15.0px; --note-gold: calc(clamp(16px, 2.4vw, 36px) * 1.22); --ring-group: 13.2px; --deal-tab: 11.3px; --reel-promo: 17.9px; --deal-stack: 2px; --reel-zone: 1280px; --offer-body: 4px; }
svg.bonus{vertical-align:-0.125em;fill:currentColor;display:inline-block;height:1em;width:1em}