/*! For license information please see main.js.LICENSE.txt */
.row__vip--link { font-size: var(--page-promo); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 600; }
.crest__lead { justify-content: space-between; align-items: center; display: flex; gap: 8px; margin-top: 2px; color: hsl(217 11% 47%); font-size: var(--core-field); }
.crest__lead > span { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
[data-hero__slab] { flex: none; display: inline-flex; align-items: center; gap: 0.375rem; font: 700 11px/1 var(--club-club); color: hsl(214 15% 69%); }
[data-flag--set] { line-height: 1; display: inline-flex; color: var(--strip-head); --feature-bar: 34px; align-items: center; font-size: var(--feature-bar); gap: 0.3em; text-decoration: none; white-space: nowrap }
[data-vip__item--body] { --feature-bar: 44px; }
[data-crest__pill] { font-family: var(--menu-feature); font-weight: 400; text-transform: var(--win-rail); letter-spacing: var(--club-set); font-size: 0.74em; line-height: 1 }
[data-pill__view] { position: relative; flex: none; }
@media (max-width: 720px) { .tab--panel [data-flag--set] { --feature-bar: 28px; } }
.slot__media { gap: 0.08em; justify-items: center; display: inline-grid; }
.field__front { text-transform: var(--win-rail); letter-spacing: var(--club-set); font-size: 0.66em; font-weight: 400; font-family: var(--menu-feature); line-height: 0.95 }
[data-band__line] { display: flex; align-items: center; gap: 0.35em; width: 100%; font: 700 0.26em/1 "General Sans", "Segoe UI", Arial, sans-serif; letter-spacing: 0.36em; text-transform: uppercase; color: var(--rear-bar); padding-left: 0.36em }
/*  utilities  */
[data-band__line]::before, [data-band__line]::after { content: ""; flex: 1; height: 0.12em; min-width: 0.8em; background: currentColor }
.tab--panel {
  display: flex;
  background: color-mix(in srgb, hsl(220 23% 5%) 88%, transparent);
  padding: 0 var(--note-slab) 0 18px; align-items: center; gap: 1.5rem;
  position: sticky; top: 0; z-index: 30;
  height: 72px;
  border-bottom: 2px solid var(--ace-foot);
  backdrop-filter: blur(12px) }
[data-star__outer] { gap: 10px; align-items: center; display: flex; margin-left: auto; }
.edge--crown { padding: 1.125rem 0.875rem 2rem; }
[data-list__nav] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0.25rem; }
[data-mark__lead--frame] { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 1.125rem; }
.live__band {
  display: grid; justify-items: center; gap: 6px;
  padding: 0.625rem 0.375rem 0.75rem;
  background: hsl(218 21% 10%);
  border: 2px solid var(--ace-foot);
  border-radius: var(--rail-grid);
  box-shadow: var(--side-tile);
  font-size: 0.6875rem; letter-spacing: 0.08em; text-transform: uppercase; color: hsl(214 15% 69%);
  transition: border-color 200ms, color 200ms, transform 200ms cubic-bezier(0.34, 1.4, 0.64, 1) }
.area__band { border-radius: 50%; height: 52px; box-shadow: 0 6px 16px -8px var(--rear-bar); display: grid; place-items: center; font-size: 1.75rem; background: radial-gradient(circle at 35% 30%, var(--bonus-base), var(--rear-bar) 70%); color: var(--link-pill); width: 3.25rem; }
.live__band:nth-child(2) .area__band { background: radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--zone-meta) 70%, #fff), var(--zone-meta) 70%); box-shadow: 0 6px 16px -8px var(--zone-meta); }
.live__band:hover { transform: translateY(calc(var(--dot-ring) * -1)); color: var(--strip-head); border-color: var(--rear-bar); }
[data-chip__field--lobby] { letter-spacing: var(--live-pill);
  font-size: var(--core-field); text-transform: uppercase;
  color: hsl(217 11% 47%);
  margin: 22px 10px 8px }
.dice__bonus--page { padding: 0 0.625rem;
  height: 40px;
  border-radius: var(--side-lead);
  transition: color 200ms, background 200ms; color: hsl(214 15% 69%); gap: 0.75rem;
  font-size: 14px; align-items: center;
  display: flex;
  position: relative }
.dice__bonus--page [data-note--zone] { margin-left: auto; }
.dice__bonus--page:hover { color: var(--strip-head); background: hsl(218 21% 10%); }
/*  base  */
.dice__bonus--page.link--meta { color: var(--strip-head); background: hsl(218 21% 10%); }
.dice__bonus--page.link--meta .note { color: var(--rear-bar); }
.list--band { min-width: 0; }
.inner__base {
  display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--ring-unit);
  max-width: var(--item-base, 1440px); margin: 0 auto;
  padding: 28px var(--note-slab) var(--ring-unit) }
.promo--note { display: none; }
.game--rear.feature__outer--card .promo--note { position: fixed; inset: 0; z-index: 35; background: rgba(0, 0, 0, 0.55); display: block; }
.nav--group { left: 0;
  position: fixed;
  border-right: 2px solid var(--ace-foot); top: 0;
  background: hsl(220 23% 5%);
  width: min(300px, 86vw); z-index: 40; bottom: 0;
  overflow-y: auto;
  transform: translateX(-102%); transition: transform 320ms cubic-bezier(0.34, 1.4, 0.64, 1) }
.game--rear.feature__outer--card .nav--group { transform: none; }
@media (max-width: 720px) {
  .tab--panel { gap: 12px; padding: 0 1rem 0 0.75rem; }
  [data-star__outer] { min-width: 0; }
  .tab--panel [data-crown__stack] { display: none; }
  [data-star__outer] .hero__bonus { display: none; }
 }
@media (max-width: 480px) {
  .tab--panel { gap: 0.5rem; padding-right: 0.625rem; }
  [data-star__outer] { gap: 0.375rem; }
  [data-star__outer] [data-note--tab] { padding: 0 0.75rem; letter-spacing: 0.02em; }
 }
.bonus__chip { display: grid; grid-template-columns: 240px minmax(0, 1fr); grid-template-rows: 72px 1fr; grid-template-areas: "top top" "side main"; min-height: 100vh }
.bonus__chip .tab--panel { grid-area: top; }
.bonus__chip [data-field__list] { align-items: center; flex: none; display: flex; min-width: calc(240px - 18px); gap: 1.125rem; }
.bonus__chip [data-crown__stack] { flex: 1; max-width: 520px; }
.bonus__chip [data-chip2--core] { grid-area: side; position: sticky; top: 72px; height: calc(100vh - 72px); overflow-y: auto; scrollbar-width: thin; border-right: 2px solid var(--ace-foot); background: hsl(220 23% 5%) }
.bonus__chip .list--band { grid-area: main; }
@media (max-width: 1080px) { .bonus__chip { grid-template-columns: minmax(0, 1fr); grid-template-areas: "top" "main"; }
  .bonus__chip [data-field__list] { width: auto; }
  .bonus__chip [data-chip2--core] { position: fixed; left: 0; transform: translateX(-102%); width: min(300px, 84vw); transition: transform 320ms cubic-bezier(0.34, 1.4, 0.64, 1); top: 72px; z-index: 40; }
  .bonus__chip.feature__outer--card [data-chip2--core] { transform: none; } }
.slab--band { color: hsl(214 15% 69%); }
.slab--band p { margin: 0 0 1em; }
.slab--band p:last-child { margin-bottom: 0; }
.list__inner { margin: 1.4em 0 0.5em; font-weight: 600; font-size: var(--stage-jackpot); color: var(--strip-head); }
.rail__mark--pane, .lead__head { margin: 0 0 1.1em; padding: 0; list-style: none; gap: 0.55em; display: grid; }
.rail__mark--pane li { position: relative; padding-left: 1.4em; }
.rail__mark--pane li::before {
  width: 0.45em;
  background: var(--rear-bar); left: 0.1em; height: 0.45em; border-radius: calc(var(--side-lead) * 0.2); position: absolute;
  content: ""; top: 0.62em;
  transform: rotate(45deg) }
.lead__head { counter-reset: step; }
.lead__head li { counter-increment: step; padding-left: 2.3em; position: relative; min-height: 1.7em; }
.lead__head li::before {
  font: 600 0.8em/1 var(--club-club); color: var(--link-pill); border-radius: 50%;
  content: counter(step);
  display: grid; width: 1.7em; height: 1.7em;
  position: absolute; top: -0.05em;
  background: var(--rear-bar); left: 0; place-items: center }
.slab--band, .slab--band > * { min-width: 0; }
.jackpot__club--flag { max-width: 100%; margin: 0 0 1.1em; overflow-x: auto; border: 2px solid var(--ace-foot); border-radius: var(--side-lead); }
.jackpot__club--flag table { font-size: var(--page-promo); border-collapse: collapse; width: 100%; }
.jackpot__club--flag th, .jackpot__club--flag td { padding: 10px 14px; text-align: left; border-bottom: 2px solid var(--ace-foot); white-space: nowrap; }
.jackpot__club--flag tbody tr:last-child > * { border-bottom: 0; }
.jackpot__club--flag thead th { background: hsl(218 21% 10%); letter-spacing: var(--live-pill); font-size: var(--core-field); font-weight: 600; text-transform: uppercase; color: hsl(217 11% 47%); }
.jackpot__club--flag tbody th { font-weight: 600; color: var(--strip-head); }
.jackpot__club--flag caption { font-size: var(--core-field); padding: 10px 14px; font-weight: 600; letter-spacing: var(--live-pill); text-align: left; text-transform: uppercase; caption-side: top; color: var(--rear-bar); border-bottom: 2px solid var(--ace-foot); }
.jackpot__club--flag tbody tr:nth-child(even) > * { background: color-mix(in srgb, var(--nav-area) 45%, transparent); }
.crown__link, [data-race__rail] { border-radius: 50%; font-weight: 700; width: 22px; font-size: 0.75rem; place-items: center; height: 22px; display: inline-grid; }
.crown__link { background: color-mix(in srgb, var(--zone-meta) 18%, transparent); color: var(--zone-meta); }
[data-race__rail] { background: color-mix(in srgb, var(--mark-label) 14%, transparent); color: var(--mark-label); }
.bar__card tbody th { width: 42%; color: hsl(214 15% 69%); font-weight: 500; white-space: normal; }
.bar__card td { color: var(--strip-head); font-weight: 600; white-space: normal; }
.vip__win td, .vip__win thead th:not(:first-child) { text-align: center; }
.vip__win tbody td:nth-child(2), .vip__win thead th:nth-child(2) { background: var(--tray-reel) !important; }
.vip__win thead th:nth-child(2) { color: var(--rear-bar); }
@media (max-width: 520px) { [data-tray__crest] { flex-wrap: wrap; row-gap: 8px; } }
img.dock__mark, img[data-deal__spin], img[data-foot__set--head] { background-color: var(--deal-head, var(--nav-area)); }
.row--card { --dot-slab: 3 / 4; position: relative; }
.row--card img { object-position: 50% 0 !important;
  object-fit: contain !important;
  background: linear-gradient(180deg, color-mix(in srgb, var(--deal-head, #222) 72%, hsl(240 19% 5%)) 0 50%, color-mix(in srgb, var(--deal-head, #222) 38%, hsl(240 19% 5%))) !important }
.row--card::before { content: ""; position: absolute; left: 0; pointer-events: none; right: 0; z-index: 1; background: linear-gradient(rgba(0, 0, 0, 0.28), transparent); top: 49%; height: 24%; }
[data-list__deck--head] { position: absolute; left: 0.625rem; 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; }
[data-front__seal--group] { font-family: var(--menu-feature); font-weight: 400; text-transform: var(--win-rail); letter-spacing: var(--club-set); font-size: 1.0625rem; line-height: 1.05; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.inner__slab { font-size: 11px; opacity: 0.78; }
/*  TODO: clean up  */
.slot__tile--hero.row--card + .rear__inner, .slot__tile--hero.row--card + [data-panel__hero--game] { display: none; }
img.media__ring {
  background: none !important; border: 0 !important; border-radius: 0 !important; padding: 0 !important;
  box-shadow: none !important; mask-image: none !important }
[data-tray__front--stack] {
  position: relative; align-self: stretch; justify-self: center;
  width: 100%; min-height: var(--star-slot, 340px);
  pointer-events: none }
[data-tray__front--stack] .area--area { max-width: 116%; left: 50%; transform: translate(-50%, -50%);
  width: auto; top: 50%;
  object-fit: contain; max-height: 100%; object-position: 50% 100%;
  position: absolute; height: auto;
  filter: drop-shadow(0 18px 26px rgba(0, 0, 0, 0.35)) }
@media (max-width: 820px) {
  [data-tray__front--stack] { align-self: auto; min-height: var(--crown-tab, 260px); }
  [data-tray__front--stack] .area--area { object-position: 50% 100%; }
 }
img.box__lobby--note { object-fit: contain; border-radius: 0; filter: var(--game-edge, none); }
.race__pane { line-height: 1; gap: 0.5em; align-items: center; display: inline-flex; vertical-align: middle; }
.race__pane svg { flex: none; width: auto; height: 1.6em; max-width: 3em; }
.nav__crest { height: 1px; overflow: hidden; position: absolute; clip-path: inset(50%); width: 1px; white-space: nowrap; }
[data-tab__link] { display: inline-flex; gap: 12px; align-items: center; font-size: 12px; letter-spacing: 0.04em; text-transform: uppercase; }
[data-tab__link] a { color: hsl(214 15% 69%); text-decoration: none; }
[data-tab__link] a:hover { color: var(--rear-bar); }
[data-tab__link] a.link--meta { color: var(--strip-head); font-weight: 600; }
[data-tray__field] { display: block; }
.media__list { color: var(--rear-bar); }
.gold__frame--body { color: inherit; font-weight: 600; line-height: 1.2;
  font-family: var(--slab-list); font-size: clamp(12px, 0.22em, 17px); text-transform: uppercase; opacity: 0.72;
  letter-spacing: var(--live-pill); margin-top: 0.5em;
  display: block }
[data-lead__stage--inner] { line-height: 1.05;
  margin: 0; display: block;
  font-family: var(--menu-feature); font-size: clamp(22px, 2.4vw, 38px); font-weight: 400; text-transform: var(--win-rail);
  letter-spacing: var(--club-set) }
[data-slab__unit--core] { font-style: normal; color: var(--rear-bar); }
[data-nav__rail] { line-height: 1.3; color: hsl(217 11% 47%); display: inline-flex; align-items: baseline; font-size: var(--core-field); gap: 0.375rem; flex-wrap: wrap; }
[data-note__stage] { letter-spacing: var(--live-pill); text-transform: uppercase; }
.top__note { font-weight: 600; color: var(--strip-head); }
[data-side__note--set] { color: rgba(255, 255, 255, 0.72); }
[data-side__note--set] .top__note { color: #fff; }
[data-spin__club] { gap: 8px; flex-wrap: wrap; display: flex; align-items: center; }
[data-crest__ring] { font-size: var(--core-field); height: 1.75rem; gap: 6px; display: inline-flex; transition: color .15s, border-color .15s, background-color .15s; align-items: center; padding: 0 0.625rem; border-radius: var(--side-lead); color: hsl(217 11% 47%); }
[data-crest__ring]:hover { color: var(--strip-head); }
[data-crest__ring] .note { font-size: 1.25em; }
[data-card__live--chip] [data-crest__ring] { background: hsl(218 21% 7%); border-radius: var(--chip-race); }
.rail__card--shape [data-crest__ring] { border: 2px solid var(--row-vip); }
.rail__card--shape [data-crest__ring]:hover { border-color: var(--label-unit); }
[data-pane__link] [data-crest__ring] { background: hsl(218 21% 10%); font-weight: 600; border: 2px solid var(--ace-foot); }
[data-pane__slab] { gap: 4px 18px; }
[data-pane__slab] [data-crest__ring] { text-underline-offset: 3px; text-decoration: underline; height: auto; text-decoration-color: var(--label-unit); padding: 0; }
.rear__set [data-crest__ring] { font: 500 11px/1 var(--club-club); border-radius: 0; padding: 0 0.5rem; letter-spacing: 0.08em; text-transform: uppercase; border-left: 2px solid var(--rear-bar); }
a[role="button"] { cursor: pointer; }
.step__item { display: none; }
@media (max-width: 640px) {
  [data-list__card--wrap] { overflow: visible; border: 0; border-radius: 0; }
  [data-list__card--wrap] thead { display: none; }
  [data-list__card--wrap] table, [data-list__card--wrap] tbody, [data-list__card--wrap] tr { display: block; width: 100%; }
  [data-list__card--wrap] caption { display: block; padding: 0 0 0.5rem; }
  [data-list__card--wrap] tr { margin: 0 0 10px; border: 2px solid var(--ace-foot); border-radius: var(--side-lead); overflow: hidden; }
  [data-list__card--wrap] tbody tr > * { background: none; }
  [data-list__card--wrap] tbody th { background: color-mix(in srgb, var(--nav-area) 70%, transparent); border-bottom: 2px solid var(--ace-foot); display: block; white-space: normal; }
  [data-list__card--wrap] td { display: flex; align-items: baseline; text-align: right; justify-content: space-between; white-space: normal; gap: 0.875rem; }
  [data-list__card--wrap] tbody tr > td:last-child { border-bottom: 0; }
  [data-list__card--wrap] tbody tr:last-child > th { border-bottom: 2px solid var(--ace-foot); }
  [data-list__card--wrap] .step__item { max-width: 48%; font-size: var(--core-field); text-align: left; font-weight: 600; display: block; flex: none; color: hsl(217 11% 47%); text-transform: uppercase; letter-spacing: var(--live-pill); }
 }
.tab--panel { background: color-mix(in srgb, hsl(220 23% 5%) 80%, transparent); }
[data-chip2--core] { background: transparent; border-right-color: var(--ace-foot); }
.dice__bonus--page { height: 2.625rem; font-weight: 600; }
.dice__bonus--page.link--meta { box-shadow: 0 3px 0 #000; color: var(--link-pill); background: var(--rear-bar); }
.dice__bonus--page.link--meta .note { color: inherit; }
.dice__bonus--page.link--meta [data-note--zone] { background: var(--link-pill); color: var(--rear-bar); box-shadow: none; }
.live__band { background: var(--nav-area); font-weight: 600; }
.live__band:nth-child(1) { transform: rotate(-2deg); }
.live__band:nth-child(2) { transform: rotate(2deg); }
.live__band:hover { transform: rotate(0) translateY(-3px); }
[data-chip__field--lobby] { font-weight: 600; }
[data-chip__lead] { gap: 0.875rem; grid-template-columns: minmax(0, 2.2fr) minmax(260px, 1fr); display: grid; }
[data-live__chip2] { position: relative; overflow: hidden; isolation: isolate; }
[data-live__chip2]::before { background: radial-gradient(50% 70% at 80% 60%, rgba(198, 255, 52, 0.16), transparent 70%), var(--list-pill); z-index: -1; inset: 0; position: absolute; content: ""; }
.label__label--reel { grid-auto-columns: 100%; scrollbar-width: none; display: grid; grid-auto-flow: column; overflow-x: auto; scroll-snap-type: x mandatory }
.label__label--reel::-webkit-scrollbar { display: none; }
[data-menu__meta] { padding: 40px 40px 76px clamp(24px, 4vw, 52px); min-height: 25rem; gap: 24px; align-items: center; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); display: grid; scroll-snap-align: start }
.rail__ring--menu { gap: 1.125rem; justify-items: start; display: grid; }
[data-race__media--dice] { font-size: clamp(36px, 3.6vw, 60px); max-width: 13ch; }
[data-race__media--dice] em { display: block; }
.gold__page { max-width: 42ch; color: hsl(214 15% 69%); }
.menu__spin { object-fit: cover; width: min(100%, 320px); transform: rotate(calc(var(--game-crest) * -1)); box-shadow: 0 30px 50px -20px rgba(0, 0, 0, 0.8); aspect-ratio: 1; justify-self: center; border-radius: var(--inner-link) }
[data-offer__top] { bottom: 22px; left: clamp(24px, 4vw, 52px); align-items: center; position: absolute; gap: 12px; display: flex }
.field__top { display: flex; gap: 0.375rem; }
.win__meta { width: 22px; height: 0.25rem; border-radius: var(--side-lead); background: var(--row-vip); transition: width 200ms cubic-bezier(0.34, 1.4, 0.64, 1), background 200ms; }
.win__meta.link--meta { width: 2.75rem; background: var(--rear-bar); }
[data-star__crown] { display: grid; gap: 0.875rem; grid-template-rows: 1fr 1fr; }
[data-field__row] { display: grid; padding: 1rem; gap: 1.125rem; transition: transform 200ms cubic-bezier(0.34, 1.4, 0.64, 1), box-shadow 200ms; overflow: hidden; grid-template-columns: 112px minmax(0, 1fr); align-items: center }
[data-field__row]:hover { transform: translateY(calc(var(--dot-ring) * -1)); box-shadow: var(--block-block); }
/*  header  */
[data-field__row] img { width: 7rem; height: 7rem; object-fit: cover; border-radius: var(--inner-link); }
[data-head__vip--block] { display: grid; gap: 8px; }
.vip__jackpot { font-size: 24px; }
[data-block__pill--frame] { display: inline-flex; font-size: var(--core-field); color: hsl(214 15% 69%); align-items: center; gap: 6px; }
@media (max-width: 1180px) { [data-chip__lead] { grid-template-columns: 1fr; }
  [data-star__crown] { grid-template-rows: none; grid-template-columns: 1fr 1fr; } }
@media (max-width: 720px) { [data-menu__meta] { grid-template-columns: 1fr; padding: 24px 20px 76px; min-height: 0; }
  .menu__spin { order: -1; width: 180px; }
  [data-offer__top] { left: 1.25rem; }
  [data-star__crown] { grid-template-columns: 1fr; }
  [data-field__row] { grid-template-columns: 84px minmax(0, 1fr); }
  [data-field__row] img { width: 5.25rem; height: 5.25rem; } }
.body__shape { --star-slot: 320px; width: min(100%, 380px); }
@media (max-width: 720px) { .body__shape { order: -1; justify-self: start; width: min(78vw, 320px); --crown-tab: min(64vw, 280px); } }
.panel__hero { display: grid; grid-auto-flow: column; scroll-snap-type: x mandatory; grid-auto-columns: minmax(270px, calc((100% - 42px) / 4)); gap: 14px; margin: 0; list-style: none; overflow-x: auto; scrollbar-width: none; padding: 2px 2px 0.75rem }
/*  tokens  */
.panel__hero::-webkit-scrollbar { display: none; }
.panel__hero > li { scroll-snap-align: start; }
.gold__stage { position: relative; display: block; height: 420px; overflow: hidden; border-radius: var(--rail-grid); border: 2px solid var(--ace-foot); box-shadow: var(--side-tile); background: var(--nav-area); transition: transform 200ms cubic-bezier(0.34, 1.4, 0.64, 1), box-shadow 200ms }
.gold__stage:hover { transform: translateY(calc(var(--dot-ring) * -1)); box-shadow: var(--block-block); }
.gold__stage img { inset: 0; object-fit: cover; position: absolute; transition: transform 800ms cubic-bezier(0.34, 1.4, 0.64, 1); height: 100%; width: 100%; object-position: 50% 30%; }
.gold__stage:hover img { transform: scale(1.06); }
.gold__stage::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 30%, rgba(0, 0, 0, 0.92) 78%); }
.table__row { color: #fff; background: rgba(0, 0, 0, 0.55); padding: 0.3125rem 0.625rem; display: inline-flex; top: 0.875rem; z-index: 1; font-size: var(--core-field); left: 14px; backdrop-filter: blur(6px); border-radius: var(--chip-race); gap: 0.375rem; position: absolute; align-items: center }
.note__pane { position: absolute; display: grid; z-index: 1; bottom: 1.25rem; right: 20px; color: #fff; gap: 8px; left: 20px; }
.zone__race { font-size: 1.75rem; }
[data-stage__note--step] { font-size: var(--page-promo); color: rgba(255, 255, 255, 0.78); }
[data-tab__band--link] { display: inline-flex; align-items: center; gap: 0.375rem; margin-top: 4px; font-size: var(--page-promo); font-weight: 600; color: var(--bonus-base); }
@media (max-width: 720px) { .panel__hero { grid-auto-columns: 78vw; } .gold__stage { height: 23.75rem; } }
.block__rear--copy .mark--note { --row-grid: clamp(200px, calc((100% - 14px * 4) / 5), 300px); }
@media (max-width: 720px) { .block__rear--copy .mark--note { --row-grid: 64vw; } }
[data-field__rail--step] { display: grid; grid-template-columns: 240px minmax(0, 1fr); overflow: hidden; }
[data-tile__row--box] { align-content: center; padding: 28px; display: grid; gap: 0.5rem; border-right: 2px solid var(--ace-foot); justify-items: start }
[data-deal__gold] { font-size: 4.5rem; color: var(--rear-bar); }
.ace__top { font-size: var(--page-promo); color: hsl(214 15% 69%); margin-bottom: 0.375rem; }
.reel__bonus--area { display: grid; gap: 0.75rem; padding: 20px 0; }
.rail__outer { overflow: hidden; mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }
.stack__seal--core { display: flex; gap: 0.75rem; animation: prov-b-scroll 45s linear infinite; width: max-content; }
[data-stack__cell] { animation-direction: reverse; animation-duration: 55s; }
[data-field__rail--step]:hover .stack__seal--core { animation-play-state: paused; }
[data-view__menu] { display: block; width: 169px; border-radius: var(--side-lead); overflow: hidden; }
[data-view__menu] img { opacity: 0.6; padding: 0 1.125rem; transition: opacity 200ms; height: 3rem; width: 100%; }
[data-view__menu]:hover img { opacity: 1; }
@keyframes prov-b-scroll { to { transform: translateX(calc(-50% - 6px)); } }
@media (prefers-reduced-motion: reduce) { .stack__seal--core { animation: none; } .rail__outer { overflow-x: auto; } }
@media (max-width: 800px) { [data-field__rail--step] { grid-template-columns: 1fr; }
  [data-tile__row--box] { border-bottom: 2px solid var(--ace-foot); align-items: center; grid-template-columns: auto 1fr auto; padding: 1.125rem 1.25rem; border-right: 0; }
  [data-deal__gold] { font-size: 44px; }
  .ace__top { margin: 0; } }
[data-meta__race] { grid-template-columns: minmax(260px, 0.9fr) minmax(0, 2.4fr); display: grid; gap: 0.875rem; }
[data-base__bar] { display: grid; align-content: start; justify-items: start; gap: 16px; padding: 1.75rem; }
.dock__wrap { font-size: 44px; }
.page__deck { font-size: var(--page-promo); color: hsl(214 15% 69%); }
[data-dot__spin] { display: grid; gap: 8px; width: 100%; padding: 16px 0; border-top: 2px solid var(--ace-foot); border-bottom: 2px solid var(--ace-foot); }
.chip__jackpot--row { display: flex; justify-content: space-between; align-items: baseline; }
.chip__jackpot--row [data-top--lead] { color: var(--bonus-base); }
[data-box__rear] { overflow: hidden; background: hsl(220 23% 5%); border-radius: var(--side-lead); height: 8px; }
[data-box__rear] span { display: block; height: 100%; background: linear-gradient(90deg, var(--rear-bar), var(--bonus-base)); }
[data-rail__link] { font-size: var(--core-field); color: hsl(217 11% 47%); }
.offer__slot { overflow-x: auto; }
.offer__slot table { min-width: 600px; width: 100%; table-layout: fixed; font-size: var(--page-promo); border-collapse: collapse; }
.offer__slot th, .offer__slot td { padding: 0.875rem 0.75rem; overflow-wrap: anywhere; border-bottom: 2px solid var(--ace-foot); text-align: left; }
.offer__slot tbody tr:last-child > * { border-bottom: 0; }
.offer__slot thead th { padding-top: 24px; vertical-align: bottom; }
.offer__slot tbody th { font-size: var(--core-field); font-weight: 500; letter-spacing: var(--live-pill); text-transform: uppercase; color: hsl(217 11% 47%); white-space: nowrap; }
.offer__slot td { color: hsl(214 15% 69%); }
[data-area__pill--win] { font-size: 1.5rem; color: var(--strip-head); }
.offer__slot .club--item { background: var(--tray-reel); color: var(--strip-head); }
.offer__slot th.club--item [data-area__pill--win] { color: var(--bonus-base); }
.mark__rail--view { color: var(--rear-bar); }
.promo__stage { color: hsl(217 11% 47%); transform: rotate(45deg); display: inline-block; }
@media (max-width: 1180px) { [data-meta__race] { grid-template-columns: 1fr; } }
[data-chip2__chip2] { display: grid; grid-auto-flow: column; grid-auto-columns: 232px; gap: 0.5rem; margin: 0; padding: 0.25rem 2px 0.75rem; list-style: none; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none }
[data-chip2__chip2]::-webkit-scrollbar { display: none; }
.list__frame { scroll-snap-align: start; padding-left: 64px; align-items: flex-end; display: flex; position: relative; }
.foot__race--stack { letter-spacing: -0.06em; z-index: 0; line-height: 0.8; position: absolute; font-size: 11.875rem; left: 0; -webkit-text-stroke: 3px var(--label-unit); color: hsl(220 23% 5%); bottom: 30px }
.chip__promo { width: 100%; z-index: 1; position: relative; }
.list__frame:first-child .foot__race--stack { -webkit-text-stroke-color: var(--rear-bar); }
@media (max-width: 720px) { [data-chip2__chip2] { grid-auto-columns: 180px; }
  .list__frame { padding-left: 3rem; }
  .foot__race--stack { font-size: 8.75rem; } }
[data-cell__block--tile] { list-style: none; grid-template-areas: "c1 c1 c2" "c1 c1 c3" "c4 c5 c6"; padding: 0; grid-template-columns: repeat(3, minmax(0, 1fr)); display: grid; gap: 12px; grid-template-rows: repeat(3, clamp(170px, 14vw, 215px)); margin: 0 }
.star__unit--stage { grid-area: c1; }
[data-front__hero] { grid-area: c2; }
.media__edge { grid-area: c3; }
.box__step--dice { grid-area: c4; }
[data-set__slot] { grid-area: c5; }
.tab__field { grid-area: c6; }
.race__foot--jackpot { position: relative; display: block; height: 100%; overflow: hidden; border-radius: var(--rail-grid); border: 2px solid var(--ace-foot); background: var(--nav-area); box-shadow: var(--side-tile) }
.race__foot--jackpot img { height: 100%; width: 100%; object-position: 50% 40%; transition: transform 700ms cubic-bezier(0.34, 1.4, 0.64, 1); inset: 0; position: absolute; object-fit: cover; }
.race__foot--jackpot::after { inset: 0; background: linear-gradient(90deg, rgba(0, 0, 0, 0.78), transparent 70%); position: absolute; content: ""; }
.race__foot--jackpot:hover img { transform: scale(1.05); }
.star__strip { position: absolute; color: #fff; display: grid; gap: 0.375rem; z-index: 1; left: 18px; bottom: 16px; }
.tray__lead { font-size: var(--field-deal); }
.star__unit--stage .tray__lead { font-size: clamp(34px, 3.2vw, 52px); }
.star__unit--stage .star__strip { bottom: 4.5rem; left: 1.5rem; }
[data-rail__foot] { display: inline-flex; align-items: center; gap: 6px; font-size: var(--core-field); color: rgba(255, 255, 255, 0.8); }
[data-box__stage--rear] { z-index: 1; bottom: 22px; left: 24px; position: absolute; }
@media (max-width: 900px) { [data-cell__block--tile] { grid-template-rows: 280px repeat(3, 160px); grid-template-columns: 1fr 1fr; grid-template-areas: "c1 c1" "c2 c3" "c4 c5" "c6 c6"; } }
.note__media { align-items: start; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px 64px;
  display: grid;
  margin-bottom: 2rem }
.note__media [data-grid--frame] { margin-bottom: 0.875rem; }
.race__deal--page { font-size: clamp(30px, 3.2vw, 48px); }
[data-stage__bar] { color: hsl(214 15% 69%); line-height: 1.7; }
[data-band__dot] { gap: 14px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.stage__reel { overflow: hidden; line-height: 1.7; font-size: var(--page-promo); padding: 26px 26px 24px; }
.stage__reel[data-head--seal] { grid-column: span 2; }
.step__game { right: 1.125rem;
  position: absolute; opacity: 0.18;
  font-size: 2.75rem; top: 14px; line-height: 1; color: var(--rear-bar) }
[data-tray__step] { font-size: var(--field-deal); color: var(--strip-head); margin: 0 3rem 0.75rem 0; }
@media (max-width: 1280px) {
  [data-band__dot] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
 }
@media (max-width: 800px) {
  .note__media, [data-band__dot] { grid-template-columns: 1fr; }
  .stage__reel[data-head--seal] { grid-column: auto; }
 }
.stack__row--list { grid-template-columns: minmax(0, 1fr); gap: 0.5rem; }
.stack__row--list .race__deal--page { max-width: 22ch; }
.stack__row--list [data-stage__bar] { max-width: 64ch; }
[data-club__front] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(32px, 5vw, 80px); }
[data-spin__chip2] { display: grid; align-content: start; gap: 1rem; color: hsl(214 15% 69%); }
[data-tray__offer--deck] { margin-bottom: 0.5rem; font-size: clamp(28px, 2.6vw, 38px); color: var(--strip-head); max-width: 20ch; }
[data-tab__vip] { border-top: 2px solid var(--row-vip); }
/*  temp  */
.base__promo { border-bottom: 2px solid var(--row-vip); }
.base__promo summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 20px 0; cursor: pointer; list-style: none; font-size: var(--stage-jackpot) }
.base__promo summary::-webkit-details-marker { display: none; }
.base__promo summary .note { color: var(--rear-bar); transition: transform 200ms cubic-bezier(0.34, 1.4, 0.64, 1); }
.base__promo[open] summary .note { transform: rotate(45deg); }
.base__promo p { padding: 0 48px 22px 0; color: hsl(214 15% 69%); }
@media (max-width: 900px) { [data-club__front] { grid-template-columns: 1fr; } }
[data-view__stage--core] { background: hsl(218 21% 7%); border-top: 2px solid var(--ace-foot); }
[data-link__box--core] { max-width: 1440px; margin: 0 auto; padding: 28px var(--note-slab) 20px; display: grid; gap: 20px; }
[data-crest__note] { align-items: center; flex-wrap: wrap; display: flex; gap: 16px 32px; }
[data-game__cell] { flex: 1; min-width: 280px; }
[data-game__cell] ul { font-size: var(--page-promo); gap: 6px 20px; flex-wrap: wrap; display: flex; color: hsl(214 15% 69%); }
[data-game__cell] a:hover { color: var(--rear-bar); }
[data-panel__group--unit] { display: flex; gap: 0.5rem; }
[data-main__pane--dock] { display: inline-flex; align-items: center; gap: 0.375rem; height: 2.375rem; padding: 0 10px; border-radius: var(--side-lead); border: 2px solid var(--row-vip); color: hsl(217 11% 47%) }
[data-main__pane--dock] select { background: transparent; border: 0; outline: 0; color: var(--strip-head); font: inherit; font-size: var(--page-promo); cursor: pointer; }
[data-main__pane--dock] option { color: #111; }
.side__view { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 16px 24px; padding: 1rem 1.25rem; border-radius: var(--rail-grid); background: hsl(218 21% 10%); border: 2px solid var(--ace-foot); font-size: var(--page-promo); color: hsl(214 15% 69%) }
.side__view strong { color: var(--strip-head); }
[data-dot__label--live] { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: var(--mark-label); color: #fff; font-size: 0.8125rem; }
.item__offer { flex-wrap: wrap; display: flex; gap: 0.375rem; }
.item__offer .race__pane svg { height: 1rem; }
.item__offer li { padding: 6px 10px; align-items: center; border-radius: var(--side-lead); background: hsl(218 21% 7%); color: hsl(217 11% 47%); display: inline-flex; font: 500 11px/1 var(--club-club); }
.inner__set--panel { font-size: var(--core-field); line-height: 1.7; color: hsl(217 11% 47%); }
[data-race__pill] { border-top: 2px solid var(--ace-foot); display: flex; gap: 16px; justify-content: space-between; align-items: center; padding-top: 14px; color: hsl(217 11% 47%); font-size: var(--core-field); }
@media (max-width: 900px) { .side__view { grid-template-columns: auto minmax(0, 1fr); } .item__offer { grid-column: 1 / -1; } }
/*  header  */
:root { --rear-bar: hsl(70 100% 50%); --bonus-base: hsl(70 100% 59%); --tray-reel: rgba(212, 255, 0, 0.14); --link-pill: hsl(0 0% 7%); }
:root { --tray-reel: rgba(212, 255, 0, 0.14); --rear-bar: hsl(70 100% 50%); --link-pill: hsl(0 0% 7%); --bonus-base: hsl(70 100% 59%); }
:root { --stage-jackpot: 20.1px; --chip-race: 1998px; --inner-link: 28px; --item-base: 1200px; --rail-grid: 36px; --note-slab: calc(clamp(16px, 2.2vw, 32px) * 0.78); --dot-ring: 2px; --game-bar: 15.9px; --ring-unit: calc(clamp(40px, 4vw, 60px) * 0.78); --game-crest: 1deg; --side-lead: 20px; --page-promo: 14.8px; --core-field: 12.7px; }
svg.note{display:inline-block;height:1em;vertical-align:-0.125em;fill:currentColor;width:1em}