/* main stylesheet — last edited 2026-08-16 */
@font-face {
  font-family: 'Cabinet Grotesk';
  src: url(fonts/cabinet-grotesk-v11-latin-500.woff2) format("woff2");
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Cabinet Grotesk';
  src: url(fonts/cabinet-grotesk-v11-latin-700.woff2) format("woff2");
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Cabinet Grotesk';
  src: url(fonts/cabinet-grotesk-v11-latin-800.woff2) format("woff2");
  font-weight: 800;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Cabinet Grotesk';
  src: url(fonts/cabinet-grotesk-v11-latin-900.woff2) format("woff2");
  font-weight: 900;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(fonts/archivo-v11-latin-ext-regular.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(fonts/archivo-v11-latin-regular.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(fonts/archivo-v11-latin-ext-500.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(fonts/archivo-v11-latin-500.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(fonts/archivo-v11-latin-ext-600.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(fonts/archivo-v11-latin-600.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Space Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/space-mono-v11-latin-ext-regular.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Space Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/space-mono-v11-latin-regular.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Space Mono';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/space-mono-v11-latin-ext-700.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Space Mono';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/space-mono-v11-latin-700.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root {
  --main-strip: -0.03em;
  color-scheme: light;

  --label-ring: "Cabinet Grotesk", "Helvetica Neue", Arial, sans-serif;
  --top-band: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --gold-crest: none;
  --tile-list: 19px;
  --base-step: 2px;
  --media-foot: "Space Mono", ui-monospace, monospace;
  --ace-bonus: 0px;
  --dot-slot: 16px;
  --line-rear: #FFFFFF;
  --meta-wrap: 14px;
  --panel-copy: uppercase;
  --dice-lead: 44px;
  --strip-body: clamp(48px, 5vw, 80px);
  --label-hero: #767672;
  --deal-step: #f6f5f1;

  --strip-grid: #0F9D58;

  --wrap-ring: #ff3b1f;
  --tab-pill: #0B0B0B;
  --vip-reel: 240px;

  --star-seal: 12px;
  --club-dock: rgba(255, 59, 31, 0.1);
  --deal-card: 0px;
  --gold-tab: 6px 6px 0 0 var(--wrap-ring);
  --deck-chip: brightness(0) opacity(0.85);
  --block-item: 26px;
  --stack-item: #ffffff;
  --field-link: #dddcd6;

  --item-main: #f1f0ec;
  --side-chip: 172px;
  --crown-zone: clamp(16px, 2.4vw, 36px);
  --stage-edge: #e02a10;
  --cell-area: clamp(56px, 6.4vw, 108px);
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scrollbar-color: #0b0b0b transparent; }
body {
  margin: 0;
  background: var(--item-main);
  -webkit-font-smoothing: antialiased;
  font: 400 var(--dot-slot)/1.5 var(--top-band);
  color: #0B0B0B;
}
img { height: auto; max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button { font: inherit; color: inherit; cursor: pointer; background: none; border: 0; padding: 0; }
h1, h2, h3, h4, p { margin: 0; }
ul { list-style: none; padding: 0; margin: 0; }
::selection { background: var(--wrap-ring); color: #fff; }
:focus-visible { outline: 3px solid var(--wrap-ring); outline-offset: 2px; }
.head--lead { font-size: 1.2em; line-height: 1; flex: none; }
.chip { font-family: var(--media-foot); font-variant-numeric: tabular-nums; letter-spacing: -0.02em; }
[data-copy--step] { clip: rect(0 0 0 0); position: absolute; overflow: hidden; width: 1px; height: 1px; }
[data-grid--stage] { text-transform: uppercase;
  --body-zone: 44px;
  transition: background 140ms, color 140ms, transform 140ms, box-shadow 140ms;
  display: inline-flex; gap: 0.625rem;
  white-space: nowrap; justify-content: center; align-items: center;
  height: var(--body-zone);
  font: 800 14px/1 var(--label-ring);
  border: 2px solid #0B0B0B; letter-spacing: 0.02em; padding: 0 1.25rem;
}
[data-group__head] { --body-zone: 38px; padding: 0 0.875rem; font-size: 0.8125rem; }
[data-ace__table--area] { --body-zone: 58px; padding: 0 1.75rem; font-size: 1.0625rem; }
[data-bonus__offer] { background: var(--wrap-ring); border-color: var(--wrap-ring); color: #fff; }
[data-bonus__offer]:hover { background: #0B0B0B; border-color: #0B0B0B; }
[data-wrap__stack] { background: transparent; color: #0B0B0B; }
[data-wrap__stack]:hover { background: #0B0B0B; color: var(--item-main); }
[data-grid--stage]:active { transform: translate(2px, 2px); }
.menu__edge { display: inline-grid; transition: background 140ms, color 140ms; place-items: center; color: #0B0B0B; height: 2.75rem; border: 2px solid #0B0B0B; width: 2.75rem; }
.menu__edge:hover { background: #0B0B0B; color: var(--item-main); }
.offer { display: flex; align-items: center; gap: 0.625rem; height: 2.75rem; padding: 0 0.75rem; background: var(--line-rear); border: 2px solid #0B0B0B; color: #0B0B0B; }
.offer:focus-within { border-color: var(--wrap-ring); }
.offer input { flex: 1; min-width: 0; height: 100%; background: none; border: 0; outline: 0; color: #0B0B0B; font: inherit; font-size: var(--meta-wrap); font-weight: 500; }
.offer input::placeholder { color: var(--label-hero); }
.offer kbd { font: 700 11px/1 var(--media-foot); color: var(--item-main); background: #0B0B0B; padding: 0.25rem 0.375rem; }
.pane { display: inline-flex; align-items: center; letter-spacing: 0.04em; color: #0B0B0B; gap: 0.625rem; font: 700 12px/1 var(--media-foot); text-transform: uppercase; }
.pane::before { content: ""; width: 0.75rem; height: 0.75rem; background: var(--wrap-ring); }
.vip { font-family: var(--label-ring); font-weight: 900; text-transform: var(--panel-copy); letter-spacing: var(--main-strip); line-height: 0.88; }
.vip em { font-style: normal; color: var(--wrap-ring); }
.core { padding: 0 0.375rem; align-items: center; height: 1.25rem; color: #fff; font: 700 11px/1 var(--media-foot); display: inline-flex; background: #0B0B0B; text-transform: uppercase; }
.stage__zone { background: var(--wrap-ring); }
.view__main { background: #fff; color: #0B0B0B; box-shadow: inset 0 0 0 2px #0B0B0B; }
.lobby--copy { border: 2px solid #0B0B0B; position: relative; background: var(--line-rear); }
.head--zone { position: relative; border: 2px solid #0B0B0B; overflow: hidden; background: var(--wrap-ring); }
.head--zone::after { background: #0B0B0B; height: 0.875rem; bottom: 0; right: 0; left: 0; position: absolute; content: ""; }
.head--zone img { mix-blend-mode: normal; object-fit: cover; height: 100%; width: 100%; }
[data-stage__foot--unit] { flex: none; display: inline-block; width: 0.5rem; height: 0.5rem; background: var(--strip-grid); }
.ring { display: grid; gap: 0.375rem; }
.edge__pane { color: var(--label-hero); font: 700 11px/1 var(--media-foot); text-transform: uppercase; }
.body__tray--gold { color: #0B0B0B; letter-spacing: -0.03em; font: 900 30px/0.9 var(--label-ring); }
.ring__win { display: inline-flex; align-items: center; gap: 0.375rem; height: 2rem; padding: 0 0.625rem; border: 2px solid #0B0B0B; font: 700 12px/1 var(--media-foot); text-transform: uppercase; color: #0B0B0B; transition: background 140ms, color 140ms; }
.ring__win .chip { color: var(--wrap-ring); }
.ring__win:hover { background: #0B0B0B; color: var(--item-main); }
.feature__promo { display: flex; align-items: flex-end; gap: 1rem; margin-bottom: 1.25rem; padding-bottom: 0.75rem; border-bottom: 2px solid #0B0B0B; }
[data-panel__stack] { letter-spacing: -0.04em; font: 900 var(--dice-lead)/0.8 var(--label-ring); color: var(--wrap-ring); }
[data-top__side--game] { letter-spacing: -0.03em; white-space: nowrap; font: 900 var(--dice-lead)/0.82 var(--label-ring); text-transform: uppercase; }
[data-top__side--game] .head--lead { display: none; }
.live__crest--reel { flex: 1; }
.slab__feature { display: flex; }
/*  overrides  */
.feature__promo .ring__win { white-space: nowrap; }
.group--outer { transition: background 140ms, color 140ms, opacity 140ms; width: 2.25rem; place-items: center; height: 2rem; border: 2px solid #0B0B0B; color: #0B0B0B; display: grid; }
.group--outer + .group--outer { border-left: 0; }
.group--outer:hover { background: var(--wrap-ring); border-color: var(--wrap-ring); color: #fff; }
.group--outer[disabled] { opacity: 0.3; pointer-events: none; }
@media (max-width: 720px) {
  [data-panel__stack], [data-top__side--game] { font-size: 1.875rem; }
  [data-top__side--game] { white-space: normal; min-width: 0; }
  .slab__feature { display: none; }
  .feature__promo .ring__win { flex: none; }
}
.page--front { display: grid; grid-auto-flow: column; grid-auto-columns: var(--side-chip); gap: 0; overflow-x: auto; scrollbar-width: none; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; }
.page--front > * + * { margin-left: -2px; }
.page--front::-webkit-scrollbar { display: none; }
.page--front > * { scroll-snap-align: start; }
.list--rear { min-width: 0; border: 2px solid #0B0B0B; gap: 0; transition: background 140ms; background: var(--line-rear); grid-template-columns: minmax(0, 1fr); display: grid; }
.view__link { aspect-ratio: var(--pane-grid, 3 / 2); background: var(--field-link); border-bottom: 2px solid #0B0B0B; position: relative; overflow: hidden; }
.view__link img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(0.15) contrast(1.05); transition: filter 140ms; }
[data-card__nav--tray] { position: absolute; top: 0; left: 0; z-index: 1; }
[data-vip__strip--front] { padding: 0.625rem 0.625rem 0.75rem; }
.list--rear:hover { background: var(--wrap-ring); color: #fff; }
.list--rear:hover [data-foot__label], .list--rear:hover [data-dot__menu] { color: #fff; }
.list--rear:hover .view__link img { filter: none; }
.game__grid { white-space: nowrap; text-transform: uppercase; letter-spacing: -0.01em; font: 800 15px/1.1 var(--label-ring); text-overflow: ellipsis; overflow: hidden; }
[data-foot__label] { gap: 0.5rem; display: flex; color: var(--label-hero); justify-content: space-between; margin-top: 0.375rem; align-items: center; font: 400 11px/1 var(--media-foot); }
[data-foot__label] > span { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
[data-dot__menu] { display: inline-flex; flex: none; gap: 0.3125rem; align-items: center; color: #0B0B0B; }
[data-slab] { gap: 0.3em;
  --head-jackpot: 34px; line-height: 1;
  display: inline-flex;
  font-size: var(--head-jackpot);
  text-decoration: none; align-items: center;
  white-space: nowrap;
  color: #0B0B0B;
}
.club__dock { --head-jackpot: 44px; }
[data-edge__mark] { letter-spacing: var(--main-strip); line-height: 1;
  font-family: var(--label-ring); font-weight: 900;
  font-size: 0.74em;
  text-transform: var(--panel-copy);
}
.ring__meta { position: relative; flex: none; }
@media (max-width: 720px) { [data-box] [data-slab] { --head-jackpot: 28px; } }
.chip__list {
  display: inline-flex; align-items: baseline;
  font-family: var(--label-ring); font-weight: 900;
  text-transform: var(--panel-copy); letter-spacing: var(--main-strip);
  line-height: 1;
  padding-top: 0.3em;
}
[data-club__pane--core] { color: var(--wrap-ring); position: relative; font-size: 1.02em; }
/*  layout  */
.frame__bar { font-size: 0.74em; }
.chip__edge {
  position: absolute; left: 50%; top: -0.3em;
  width: 0.56em; height: 0.24em;
  transform: translateX(-50%) rotate(-8deg);
  background: var(--wrap-ring);
  clip-path: polygon(0 100%, 0 15%, 25% 55%, 50% 0, 75% 55%, 100% 15%, 100% 100%);
}
.promo { overflow-x: clip; }
.bonus__feature { width: 100%; max-width: 1280px; margin: 0 auto; padding-left: var(--crown-zone); padding-right: var(--crown-zone); }
/*  layout  */
.feature__mark { gap: var(--strip-body); padding-bottom: var(--strip-body); display: grid; grid-template-columns: minmax(0, 1fr); padding-top: 1.5rem; }
.feature__mark > * { min-width: 0; }
[data-box] {
  background: color-mix(in srgb, var(--item-main) 90%, transparent);
  position: sticky;
  border-bottom: var(--base-step) solid #0B0B0B;
  backdrop-filter: blur(12px); top: 0; z-index: 30;
}
.gold__promo--item { display: flex; align-items: center; gap: 1.25rem; height: 68px; }
.outer__star { margin-left: auto; display: flex; align-items: center; gap: 0.625rem; }
.field__reel { display: none; }
.dock { display: none; }
.promo.zone__ring .dock { display: block; position: fixed; background: rgba(0, 0, 0, 0.55); inset: 0; z-index: 45; }
[data-menu__set] {
  transform: translateX(-102%); top: 0; border-right: var(--base-step) solid #0B0B0B; left: 0;
  width: min(320px, 88vw);
  display: flex;
  position: fixed; transition: transform 320ms cubic-bezier(0.6, 0, 0.2, 1); bottom: 0; background: var(--item-main); gap: 1.125rem; flex-direction: column; padding: 1rem;
  overflow-y: auto; z-index: 50;
}
.promo.zone__ring [data-menu__set] { transform: none; }
[data-chip2__ace--edge] { display: flex; align-items: center; justify-content: space-between; }
[data-page__stage] { display: grid; gap: 0.25rem; }
.deal__deal--grid { display: flex; align-items: center; gap: 0.75rem; height: 2.875rem; padding: 0 0.75rem; border-radius: 0px; color: #3B3B3B; }
.deal__deal--grid.mark--cell, .deal__deal--grid:hover { background: var(--line-rear); color: #0B0B0B; }
.deal__deal--grid .head--lead { color: var(--wrap-ring); }
[data-item__promo] { display: grid; gap: 0.5rem; }
[data-slab__card--tray] { font-size: var(--meta-wrap); display: grid; gap: 0.625rem; margin-top: auto; color: var(--label-hero); }
@media (max-width: 1080px) {
  .field__reel { display: inline-grid; }
}
@media (max-width: 640px) {
  .outer__star [data-wrap__stack] { display: none; }
  .gold__promo--item { gap: 0.75rem; }
}
.page__rail { justify-content: center; text-align: center; align-items: center; color: var(--stack-item);
  display: flex; font-size: var(--meta-wrap); gap: 0.625rem;
  background: var(--wrap-ring); padding: 0 1rem; height: 2.375rem;
}
.page__rail span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.page__rail:hover strong { text-decoration: underline; }
[data-line__list] { display: grid; grid-template-columns: 1fr auto 1fr; height: calc(68px + 8px); }
[data-ace__inner] { align-items: center; display: flex; gap: 0.375rem; min-width: 0; }
.jackpot__lead { justify-content: flex-end; }
.grid__frame { justify-content: center; display: flex; padding: 0 1.25rem; }
.dice__bar { display: flex; gap: 2px; }
.row__race {
  display: inline-flex; align-items: center; height: 2.375rem; padding: 0 0.75rem; border-radius: 0px;
  font-size: var(--meta-wrap); font-weight: 500; letter-spacing: 0.02em; color: #3B3B3B; white-space: nowrap;
  transition: color 140ms, background 140ms;
}
.row__race:hover { color: #0B0B0B; }
.row__race.mark--cell { color: #0B0B0B; background: var(--deal-step); }
[data-pill__slab--pane] { width: var(--base-step); height: 1.5rem; background: var(--tab-pill); margin: 0 0.5rem; }
[data-media__rail--dock] { align-items: center; gap: 0.375rem; display: inline-flex; font-weight: 600; white-space: nowrap; padding: 0 0.625rem; font-size: var(--meta-wrap); color: #0B0B0B; }
@media (max-width: 1280px) { .dice__bar { display: none; } [data-pill__slab--pane] { display: none; } [data-line__list] .field__reel { display: inline-grid; } }
@media (max-width: 1080px) { [data-line__list] { grid-template-columns: auto 1fr auto; } .grid__frame { justify-content: flex-start; padding: 0 0.5rem; } }
@media (max-width: 640px) { [data-media__rail--dock] span { display: none; } .page__rail { font-size: 0.75rem; } }
[data-foot--set] { color: #3B3B3B; }
[data-foot--set] p { margin: 0 0 1em; }
[data-foot--set] p:last-child { margin-bottom: 0; }
[data-tray__promo] { margin: 1.4em 0 0.5em; color: #0B0B0B; font-size: var(--tile-list); font-weight: 600; }
.wrap__lobby--edge, .set__grid--tab { margin: 0 0 1.1em; padding: 0; gap: 0.55em; list-style: none; display: grid; }
.wrap__lobby--edge li { position: relative; padding-left: 1.4em; }
.wrap__lobby--edge li::before {
  content: ""; position: absolute; left: 0.1em; top: 0.62em;
  width: 0.45em; height: 0.45em;
  background: var(--wrap-ring); border-radius: calc(0px * 0.2);
  transform: rotate(45deg);
}
.set__grid--tab { counter-reset: step; }
.set__grid--tab li { padding-left: 2.3em; counter-increment: step; position: relative; min-height: 1.7em; }
.set__grid--tab li::before { left: 0; top: -0.05em;
  background: var(--wrap-ring); height: 1.7em; place-items: center; border-radius: 50%; color: var(--stack-item);
  position: absolute;
  display: grid;
  font: 600 0.8em/1 var(--media-foot); width: 1.7em;
  content: counter(step);
}
[data-foot--set], [data-foot--set] > * { min-width: 0; }
.game__slot { max-width: 100%; margin: 0 0 1.1em; overflow-x: auto; border: var(--base-step) solid #0B0B0B; border-radius: 0px; }
.game__slot table { width: 100%; border-collapse: collapse; font-size: var(--meta-wrap); }
.game__slot th, .game__slot td { padding: 0.625rem 0.875rem; white-space: nowrap; text-align: left; border-bottom: var(--base-step) solid #0B0B0B; }
.game__slot tbody tr:last-child > * { border-bottom: 0; }
.game__slot thead th { color: var(--label-hero); text-transform: uppercase; font-size: var(--star-seal); font-weight: 600; letter-spacing: 0.06em; background: var(--line-rear); }
.game__slot tbody th { font-weight: 600; color: #0B0B0B; }
.game__slot caption { border-bottom: var(--base-step) solid #0B0B0B; font-size: var(--star-seal); color: var(--wrap-ring); text-transform: uppercase; padding: 0.625rem 0.875rem; text-align: left; font-weight: 600; caption-side: top; letter-spacing: 0.06em; }
.game__slot tbody tr:nth-child(even) > * { background: color-mix(in srgb, var(--deal-step) 45%, transparent); }
.live__seal, .front__link { display: inline-grid; place-items: center; width: 1.375rem; height: 1.375rem; border-radius: 50%; font-size: 0.75rem; font-weight: 700; }
.live__seal { background: color-mix(in srgb, var(--strip-grid) 18%, transparent); color: var(--strip-grid); }
.front__link { background: color-mix(in srgb, #ff3b1f 14%, transparent); color: #ff3b1f; }
.panel__stack--win tbody th { white-space: normal; font-weight: 500; color: #3B3B3B; width: 42%; }
.panel__stack--win td { color: #0B0B0B; font-weight: 600; white-space: normal; }
[data-win__media] td, [data-win__media] thead th:not(:first-child) { text-align: center; }
[data-win__media] tbody td:nth-child(2), [data-win__media] thead th:nth-child(2) { background: var(--club-dock) !important; }
[data-win__media] thead th:nth-child(2) { color: var(--wrap-ring); }
@media (max-width: 520px) { .feature__promo { flex-wrap: wrap; row-gap: 8px; } }
img.shape__deal--grid, img[data-outer__pane--outer], img.set__star { background-color: var(--seal-crown, var(--deal-step)); }
[data-star] { --pane-grid: 3 / 4; position: relative; }
[data-star] img {
  object-fit: contain !important; object-position: 50% 0 !important;
  background: linear-gradient(180deg, color-mix(in srgb, var(--seal-crown, #222) 72%, #0b0b10) 0 50%, color-mix(in srgb, var(--seal-crown, #222) 38%, #0b0b10)) !important;
}
[data-star]::before { position: absolute; z-index: 1; left: 0; background: linear-gradient(rgba(0, 0, 0, 0.28), transparent); right: 0; pointer-events: none; height: 24%; content: ""; top: 49%; }
[data-tray__panel] { bottom: 0.75rem; z-index: 2; display: grid; left: 0.625rem; gap: 2px; color: #fff; right: 0.625rem; text-shadow: 0 1px 6px rgba(0, 0, 0, 0.45); pointer-events: none; position: absolute; }
.deal__promo { line-height: 1.05; font-family: var(--label-ring); font-weight: 900; text-transform: var(--panel-copy); font-size: 1.0625rem; display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; letter-spacing: var(--main-strip); -webkit-box-orient: vertical; }
.link__bar { font-size: 0.6875rem; opacity: 0.78; }
.view__link[data-star] + [data-vip__strip--front], .view__link[data-star] + .mark__bonus--chip2 { display: none; }
img[data-unit__base] {
  background: none !important; border: 0 !important; border-radius: 0 !important; padding: 0 !important;
  box-shadow: none !important; mask-image: none !important;
}
[data-spin__deck--line] {
  width: 100%;
  position: relative; align-self: stretch; justify-self: center; min-height: var(--chip2-menu, 340px);
  pointer-events: none;
}
[data-spin__deck--line] [data-rail] {
  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
  width: auto; height: auto; max-height: 100%; max-width: 116%;
  object-fit: contain; object-position: 50% 100%;
  filter: drop-shadow(0 18px 26px rgba(0, 0, 0, 0.35));
}
@media (max-width: 820px) {
  [data-spin__deck--line] { align-self: auto; min-height: var(--top-copy, 260px); }
  [data-spin__deck--line] [data-rail] { object-position: 50% 100%; }
}
img.line__win { object-fit: contain; border-radius: 0; filter: var(--deck-chip, none); }
.race__frame { display: inline-flex; align-items: center; gap: 0.5em; line-height: 1; vertical-align: middle; }
.race__frame svg { height: 1.6em; flex: none; width: auto; max-width: 3em; }
[data-chip2__area--race] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
[data-dock__dock] { display: inline-flex; gap: 0.75rem; align-items: center; font-size: 0.75rem; letter-spacing: 0.04em; text-transform: uppercase; }
[data-dock__dock] a { color: #3B3B3B; text-decoration: none; }
[data-dock__dock] a:hover { color: var(--wrap-ring); }
[data-dock__dock] a.mark--cell { color: #0B0B0B; font-weight: 600; }
[data-tray__pane] { display: block; }
.outer__crest { color: var(--wrap-ring); }
.unit__item { font-weight: 600; line-height: 1.2;
  display: block;
  letter-spacing: 0.06em; color: inherit; margin-top: 0.5em;
  font-family: var(--pane-offer); opacity: 0.72; font-size: clamp(12px, 0.22em, 17px); text-transform: uppercase;
}
.box__pane--block { line-height: 1.05; font-size: clamp(22px, 2.4vw, 38px);
  font-family: var(--label-ring); text-transform: var(--panel-copy); display: block;
  margin: 0;
  letter-spacing: var(--main-strip); font-weight: 900;
}
[data-core__note--dot] { font-style: normal; color: var(--wrap-ring); }
.item__main { display: inline-flex; align-items: baseline; flex-wrap: wrap; gap: 0.375rem; font-size: var(--star-seal); line-height: 1.3; color: var(--label-hero); }
.stage__row--item { letter-spacing: 0.06em; text-transform: uppercase; }
.game__group { font-weight: 600; color: #0B0B0B; }
.unit__ace { color: rgba(255, 255, 255, 0.72); }
.unit__ace .game__group { color: #fff; }
[data-club__crown] { align-items: center; display: flex; flex-wrap: wrap; gap: 0.5rem; }
/*  tokens  */
[data-table__panel] { display: inline-flex; border-radius: 0px; font-size: var(--star-seal); padding: 0 0.625rem; transition: color .15s, border-color .15s, background-color .15s; height: 1.75rem; color: var(--label-hero); gap: 0.375rem; align-items: center; }
[data-table__panel]:hover { color: #0B0B0B; }
[data-table__panel] .head--lead { font-size: 1.25em; }
[data-page__feature] [data-table__panel] { background: #e7e6e1; border-radius: 0px; }
.strip__link [data-table__panel] { border: var(--base-step) solid var(--tab-pill); }
.strip__link [data-table__panel]:hover { border-color: #0b0b0b; }
.nav__live [data-table__panel] { background: var(--line-rear); border: var(--base-step) solid #0B0B0B; font-weight: 600; }
.card__tab { gap: 0.25rem 1.125rem; }
.card__tab [data-table__panel] { text-underline-offset: 3px; text-decoration: underline; text-decoration-color: #0b0b0b; height: auto; padding: 0; }
[data-tile__slab--slot] [data-table__panel] { font: 500 11px/1 var(--media-foot); letter-spacing: 0.08em; padding: 0 0.5rem; text-transform: uppercase; border-radius: 0; border-left: 2px solid var(--wrap-ring); }
a[role="button"] { cursor: pointer; }
[data-front__mark--table] { display: none; }
@media (max-width: 640px) {
  [data-bonus__list] { overflow: visible; border: 0; border-radius: 0; }
  [data-bonus__list] thead { display: none; }
  [data-bonus__list] table, [data-bonus__list] tbody, [data-bonus__list] tr { display: block; width: 100%; }
  [data-bonus__list] caption { display: block; padding: 0 0 0.5rem; }
  [data-bonus__list] tr { margin: 0 0 0.625rem; border: var(--base-step) solid #0B0B0B; border-radius: 0px; overflow: hidden; }
  [data-bonus__list] tbody tr > * { background: none; }
  [data-bonus__list] tbody th { display: block; white-space: normal; border-bottom: var(--base-step) solid #0B0B0B; background: color-mix(in srgb, var(--deal-step) 70%, transparent); }
  [data-bonus__list] td { display: flex; align-items: baseline; justify-content: space-between; gap: 0.875rem; white-space: normal; text-align: right; }
  [data-bonus__list] tbody tr > td:last-child { border-bottom: 0; }
  [data-bonus__list] tbody tr:last-child > th { border-bottom: var(--base-step) solid #0B0B0B; }
  [data-bonus__list] [data-front__mark--table] { text-transform: uppercase; display: block; letter-spacing: 0.06em; text-align: left; flex: none; max-width: 48%; color: var(--label-hero); font-size: var(--star-seal); font-weight: 600; }
}
[data-wrap__dot] { flex-wrap: wrap; gap: 0.25rem; display: flex; }
[data-dice__grid--chip2] { display: grid; place-items: center; color: #fff; min-width: 1.375rem; height: 1.375rem; padding: 0 0.3125rem; border-radius: 62.4375rem; font: 700 10px/1 var(--media-foot); }
.base__win--nav { background: #c8313d; }
[data-tile__band] { background: #1C1C22; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2); }
.crown__step--dice { background: #1f8a4c; }
[data-chip__dock--shape] { background: var(--field-link); color: #0B0B0B; }
.game__strip { display: flex; flex-wrap: wrap; gap: 0.625rem; }
[data-outer__stack] { display: inline-flex; align-items: center; gap: 0.625rem; height: 3.125rem; padding: 0 1.125rem 0 0.875rem; border-radius: 0.75rem; background: #0b0b0d; color: #fff; border: 1px solid rgba(255, 255, 255, 0.18); transition: transform 140ms cubic-bezier(0.6, 0, 0.2, 1); }
[data-outer__stack]:hover { transform: translateY(-2px); }
[data-outer__stack] .head--lead { font-size: 1.625rem; }
[data-outer__stack] span { font-weight: 600; display: grid; line-height: 1.1; font-size: 0.9375rem; }
[data-outer__stack] small { font-size: 0.625rem; font-weight: 400; opacity: 0.75; }
[data-zone__lobby] { width: 14.375rem; flex: none; position: relative; height: 28.75rem; display: block; background: #0C0C10; box-shadow: inset 0 0 0 2px #2A2A33, 0 30px 60px -20px rgba(0, 0, 0, 0.6); padding: 0.75rem; border-radius: 2.375rem; }