/* site styles — last edited 2026-07-24 */
@font-face { font-family: 'Cabinet Grotesk'; src: url(kzt5/cabinet-grotesk-500.woff2) format("woff2"); font-weight: 500; font-display: swap; font-style: normal }
@font-face { font-family: 'Cabinet Grotesk'; src: url(kzt5/cabinet-grotesk-700.woff2) format("woff2"); font-weight: 700; font-display: swap; font-style: normal }
@font-face { font-family: 'Cabinet Grotesk'; src: url(kzt5/cabinet-grotesk-800.woff2) format("woff2"); font-weight: 800; font-display: swap; font-style: normal }
@font-face { font-family: 'Cabinet Grotesk'; src: url(kzt5/cabinet-grotesk-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(kzt5/archivo-400-ext.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-20C4, 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(kzt5/archivo-400.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(kzt5/archivo-500-ext.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-20C4, 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(kzt5/archivo-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(kzt5/archivo-600-ext.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-20C4, 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(kzt5/archivo-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(kzt5/space-mono-400-ext.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-20C4, 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(kzt5/space-mono-400.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(kzt5/space-mono-700-ext.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-20C4, 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(kzt5/space-mono-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 }
/*  base  */
:root { color-scheme: light; --vip-row: "Cabinet Grotesk", "Helvetica Neue", Arial, sans-serif; --body-inner: "Archivo", "Helvetica Neue", Arial, sans-serif; --crest-step: "Space Mono", ui-monospace, monospace; --crown-deal: rgb(241, 240, 236); --set-note: rgb(231 230 225); --menu-group: rgb(255 255 255); --foot-jackpot: rgb(246, 245, 241); --deal-grid: rgb(221, 220, 214); --flag-zone: rgb(11 11 11); --deck-tab: rgb(11 11 11); --tab-race: rgb(11 11 11); --star-zone: rgb(11 11 11); --hero-line: rgb(59 59 59); --side-step: rgb(118 118 114); --body-box: rgb(255 59 31); --lead-chip2: rgb(224, 42, 16); --bar-dot: rgba(255, 59, 31, 0.1); --card-block: rgb(255, 255, 255); --base-slab: rgb(15 157 88); --seal-flag: rgb(255, 59, 31); --seal-club: 900; --frame-crest: uppercase; --spin-jackpot: -0.03em; --lead-wrap: 0.88; --club-strip: 0px; --ace-top: 0px; --seal-field: 0px; --stage-page: 0px; --stack-line: 2px; --band-dot: 0px; --rear-spin: none; --mark-band: 6px 6px 0 0 var(--body-box); --promo-stack: none; --note-head: 0px; --spin-race: 0deg; --list-stage: linear-gradient(90deg, rgba(11, 11, 11, 0.07) 1px, transparent 1px) 0 0 / 48px 48px, linear-gradient(0deg, rgba(11, 11, 11, 0.07) 1px, transparent 1px) 0 0 / 48px 48px; --slot-link: repeating-linear-gradient(90deg, rgba(11, 11, 11, 0.08) 0 2px, transparent 2px 12px); --race-table: brightness(0) opacity(0.85); --lobby-chip: linear-gradient(transparent, transparent); --dice-ace: 12px; --area-outer: 14px; --pane-win: 16px; --menu-head: 19px; --media-table: 26px; --club-view: 44px; --row-meta: clamp(56px, 6.4vw, 108px); --line-link: 0.06em; --grid-dice: 68px; --hero-outer: 240px; --rear-core: clamp(16px, 2.4vw, 36px); --unit-stack: clamp(48px, 5vw, 80px); --win-zone: 172px; --step-star: cubic-bezier(0.6, 0, 0.2, 1); --pane-core: 140ms }
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scrollbar-color: #0b0b0b transparent; }
body { margin: 0; background: var(--crown-deal); color: var(--star-zone); font: 400 var(--pane-win)/1.5 var(--body-inner); -webkit-font-smoothing: antialiased }
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
button { padding: 0; color: inherit; border: 0; font: inherit; background: none; cursor: pointer; }
h1, h2, h3, h4, p { margin: 0; }
ul { margin: 0; padding: 0; list-style: none; }
::selection { background: var(--body-box); color: #fff; }
:focus-visible { outline: 3px solid var(--body-box); outline-offset: 2px; }
.offer--stack { flex: none; line-height: 1; font-size: 1.2em; }
[data-stage--crown] { font-variant-numeric: tabular-nums; font-family: var(--crest-step); letter-spacing: -0.02em; }
.copy--base { height: 1px; clip: rect(0 0 0 0); width: 1px; overflow: hidden; position: absolute; }
.wrap--ace { white-space: nowrap; --wrap-tab: 44px; text-transform: uppercase; border: 2px solid var(--star-zone); height: var(--wrap-tab); align-items: center; font: 800 14px/1 var(--vip-row); display: inline-flex; gap: 10px; letter-spacing: 0.02em; padding: 0 20px; justify-content: center; transition: background var(--pane-core), color var(--pane-core), transform var(--pane-core), box-shadow var(--pane-core) }
.deal__note--rear { font-size: 13px; padding: 0 14px; --wrap-tab: 38px; }
[data-promo__chip] { --wrap-tab: 58px; padding: 0 28px; font-size: 17px; }
.crown__table { color: #fff; border-color: var(--body-box); background: var(--body-box); }
.crown__table:hover { background: var(--star-zone); border-color: var(--star-zone); }
.edge__ace { background: transparent; color: var(--star-zone); }
.edge__ace:hover { background: var(--star-zone); color: var(--crown-deal); }
.wrap--ace:active { transform: translate(2px, 2px); }
.seal__card--front { display: inline-grid; transition: background var(--pane-core), color var(--pane-core); border: 2px solid var(--star-zone); color: var(--star-zone); height: 44px; place-items: center; width: 44px; }
.seal__card--front:hover { background: var(--star-zone); color: var(--crown-deal); }
.seal--panel { display: flex; align-items: center; gap: 10px; height: 44px; padding: 0 12px; background: var(--menu-group); border: 2px solid var(--star-zone); color: var(--star-zone); }
.seal--panel:focus-within { border-color: var(--body-box); }
.seal--panel input { flex: 1; min-width: 0; height: 100%; background: none; border: 0; outline: 0; color: var(--star-zone); font: inherit; font-size: var(--area-outer); font-weight: 500; }
.seal--panel input::placeholder { color: var(--side-step); }
.seal--panel kbd { font: 700 11px/1 var(--crest-step); color: var(--crown-deal); background: var(--star-zone); padding: 4px 6px; }
.outer--table { display: inline-flex; align-items: center; gap: 10px; color: var(--star-zone); font: 700 12px/1 var(--crest-step); text-transform: uppercase; letter-spacing: 0.04em; }
.outer--table::before { content: ""; width: 12px; height: 12px; background: var(--body-box); }
.label--foot { font-family: var(--vip-row); font-weight: var(--seal-club); letter-spacing: var(--spin-jackpot); text-transform: var(--frame-crest); line-height: var(--lead-wrap); }
.label--foot em { font-style: normal; color: var(--body-box); }
.mark--offer { display: inline-flex; font: 700 11px/1 var(--crest-step); color: #fff; background: var(--star-zone); align-items: center; height: 20px; text-transform: uppercase; padding: 0 6px; }
.meta__head { background: var(--body-box); }
.star__band--media { color: var(--star-zone); box-shadow: inset 0 0 0 2px var(--star-zone); background: #fff; }
.ace--offer { border: 2px solid var(--star-zone); background: var(--menu-group); position: relative; }
.deck--reel { position: relative; overflow: hidden; background: var(--body-box); border: 2px solid var(--star-zone); }
.deck--reel::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 14px; background: var(--star-zone); }
.deck--reel img { width: 100%; height: 100%; object-fit: cover; mix-blend-mode: normal; }
.vip__zone--nav { flex: none; display: inline-block; width: 8px; height: 8px; background: var(--base-slab); }
.inner--shape { display: grid; gap: 6px; }
.club__area { font: 700 11px/1 var(--crest-step); text-transform: uppercase; color: var(--side-step); }
.zone__wrap { font: 900 30px/0.9 var(--vip-row); letter-spacing: -0.03em; color: var(--star-zone); }
.hero__edge { gap: 6px; align-items: center; text-transform: uppercase; font: 700 12px/1 var(--crest-step); height: 32px; transition: background var(--pane-core), color var(--pane-core); color: var(--star-zone); padding: 0 10px; border: 2px solid var(--star-zone); display: inline-flex; }
.hero__edge [data-stage--crown] { color: var(--body-box); }
.hero__edge:hover { background: var(--star-zone); color: var(--crown-deal); }
.dice__group--row { margin-bottom: 20px; align-items: flex-end; padding-bottom: 12px; display: flex; gap: 16px; border-bottom: 2px solid var(--star-zone); }
.frame__link { font: 900 var(--club-view)/0.8 var(--vip-row); color: var(--body-box); letter-spacing: -0.04em; }
.lobby__tile { white-space: nowrap; text-transform: uppercase; letter-spacing: -0.03em; font: 900 var(--club-view)/0.82 var(--vip-row); }
.lobby__tile .offer--stack { display: none; }
[data-pane__grid] { flex: 1; }
[data-list__slab--stack] { display: flex; }
.dice__group--row .hero__edge { white-space: nowrap; }
[data-slot--club] { display: grid; place-items: center; width: 36px; height: 32px; border: 2px solid var(--star-zone); color: var(--star-zone); transition: background var(--pane-core), color var(--pane-core), opacity var(--pane-core); }
[data-slot--club] + [data-slot--club] { border-left: 0; }
[data-slot--club]:hover { background: var(--body-box); border-color: var(--body-box); color: #fff; }
[data-slot--club][disabled] { opacity: 0.3; pointer-events: none; }
@media (max-width: 720px) { .frame__link, .lobby__tile { font-size: 30px; }
  .lobby__tile { white-space: normal; min-width: 0; }
  [data-list__slab--stack] { display: none; }
  .dice__group--row .hero__edge { flex: none; } }
.base--gold { gap: 0; grid-auto-columns: var(--win-zone); scrollbar-width: none; grid-auto-flow: column; overflow-x: auto; scroll-snap-type: x mandatory; display: grid; overscroll-behavior-x: contain; }
.base--gold > * + * { margin-left: -2px; }
.base--gold::-webkit-scrollbar { display: none; }
.base--gold > * { scroll-snap-align: start; }
.view--bar { grid-template-columns: minmax(0, 1fr); transition: background var(--pane-core); display: grid; border: 2px solid var(--star-zone); gap: 0; min-width: 0; background: var(--menu-group); }
.panel__deal--item { aspect-ratio: var(--vip-card, 3 / 2); position: relative; overflow: hidden; border-bottom: 2px solid var(--star-zone); background: var(--deal-grid); }
.panel__deal--item img { height: 100%; width: 100%; object-fit: cover; transition: filter var(--pane-core); filter: grayscale(0.15) contrast(1.05); }
.promo__tile { position: absolute; left: 0; top: 0; z-index: 1; }
.strip__row--box { padding: 10px 10px 12px; }
.view--bar:hover { background: var(--body-box); color: #fff; }
.view--bar:hover [data-band__win--side], .view--bar:hover [data-menu__media] { color: #fff; }
.view--bar:hover .panel__deal--item img { filter: none; }
.slot__block { text-overflow: ellipsis; letter-spacing: -0.01em; text-transform: uppercase; overflow: hidden; white-space: nowrap; font: 800 15px/1.1 var(--vip-row); }
[data-band__win--side] { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 6px; font: 400 11px/1 var(--crest-step); color: var(--side-step); }
[data-band__win--side] > span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
[data-menu__media] { flex: none; display: inline-flex; align-items: center; gap: 5px; color: var(--star-zone); }
.top--pill { line-height: 1; display: inline-flex; text-decoration: none; font-size: var(--hero-tile); color: var(--star-zone); --hero-tile: 34px; white-space: nowrap; align-items: center; gap: 0.3em }
.vip__club { --hero-tile: 44px; }
.pill__lead--base { text-transform: var(--frame-crest); font-weight: var(--seal-club); letter-spacing: var(--spin-jackpot); font-family: var(--vip-row); font-size: 0.74em; line-height: 1 }
[data-lead__wrap] { position: relative; flex: none; }
@media (max-width: 720px) { .dock--base .top--pill { --hero-tile: 28px; } }
/*  keep in sync with the build  */
.spin__stage { display: inline-grid; justify-items: center; gap: 0.08em; }
.set__jackpot--stack { font-family: var(--vip-row); font-weight: var(--seal-club); text-transform: var(--frame-crest); letter-spacing: var(--spin-jackpot); font-size: 0.66em; line-height: 0.95 }
.slot__main { color: var(--body-box); align-items: center; gap: 0.35em; text-transform: uppercase; font: 700 0.26em/1 var(--body-inner); display: flex; width: 100%; padding-left: 0.36em; letter-spacing: 0.36em }
.slot__main::before, .slot__main::after { content: ""; flex: 1; height: 0.12em; min-width: 0.8em; background: currentColor }
.band--ace { overflow-x: clip; }
.cell__item { width: 100%; max-width: var(--reel-rail, 1320px); padding-right: var(--rear-core); margin: 0 auto; padding-left: var(--rear-core); }
[data-bar__media--edge] { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--unit-stack); padding-top: 24px; padding-bottom: var(--unit-stack); }
[data-bar__media--edge] > * { min-width: 0; }
.dock--base { position: sticky; top: 0; z-index: 30; background: color-mix(in srgb, var(--crown-deal) 90%, transparent); backdrop-filter: blur(12px); border-bottom: var(--stack-line) solid var(--flag-zone) }
.grid__rail { gap: 20px; height: var(--grid-dice); align-items: center; display: flex; }
.cell__crest { display: flex; align-items: center; gap: 10px; margin-left: auto; }
.line__deck { display: none; }
[data-core--copy] { display: none; }
.band--ace.group__lobby [data-core--copy] { display: block; position: fixed; inset: 0; z-index: 45; background: rgba(0, 0, 0, 0.55); }
[data-inner__race] { position: fixed; padding: 16px; transition: transform 320ms var(--step-star); display: flex; gap: 18px; top: 0; z-index: 50; border-right: var(--stack-line) solid var(--flag-zone); background: var(--crown-deal); bottom: 0; width: min(320px, 88vw); left: 0; overflow-y: auto; transform: translateX(-102%); flex-direction: column }
.band--ace.group__lobby [data-inner__race] { transform: none; }
.rear__deck { display: flex; align-items: center; justify-content: space-between; }
.rear__promo--step { display: grid; gap: 4px; }
.gold__offer--edge { display: flex; align-items: center; gap: 12px; height: 46px; padding: 0 12px; border-radius: var(--stage-page); color: var(--hero-line); }
.gold__offer--edge.base--label, .gold__offer--edge:hover { background: var(--menu-group); color: var(--star-zone); }
.gold__offer--edge .offer--stack { color: var(--body-box); }
.view__view { display: grid; gap: 8px; }
.unit__menu { color: var(--side-step); font-size: var(--area-outer); margin-top: auto; gap: 10px; display: grid; }
@media (max-width: 1080px) { .line__deck { display: inline-grid; } }
@media (max-width: 640px) { .cell__crest .edge__ace { display: none; }
  .grid__rail { gap: 12px; } }
.dot__club { font-size: 12px; background: var(--set-note); color: var(--side-step); border-bottom: var(--stack-line) solid var(--flag-zone); }
[data-page__label] { display: flex; align-items: center; gap: 18px; height: 34px; }
.dot__bar { display: grid; place-items: center; height: 20px; padding: 0 6px; border-radius: 4px; border: 1px solid var(--deck-tab); font-size: 10px; color: var(--hero-line); }
.bonus__pane { display: inline-flex; align-items: center; gap: 6px; }
.bonus__pane .offer--stack { color: var(--base-slab); }
.feature__menu--foot { gap: 18px; display: flex; margin-left: auto; }
.feature__menu--foot a:hover { color: var(--star-zone); }
[data-band__vip--head] { display: inline-flex; align-items: center; gap: 4px; color: var(--hero-line); }
[data-band__vip--head] .offer--stack { font-size: 13px; }
.seal__step { display: flex; align-items: stretch; margin-left: 20px; height: 100%; gap: 4px; }
.line__chip--wrap { display: inline-flex; font-weight: 600; gap: 6px; padding: 0 14px; color: var(--hero-line); position: relative; align-items: center; transition: color var(--pane-core); font-size: var(--area-outer) }
.line__chip--wrap:hover, .line__chip--wrap.base--label { color: var(--star-zone); }
.line__chip--wrap.base--label::after { height: 3px; border-radius: 3px 3px 0 0; bottom: 0; content: ""; background: var(--body-box); right: 14px; position: absolute; left: 14px; }
.zone__box { font-size: 10px; height: 18px; background: var(--seal-flag); color: #fff; padding: 0 5px; min-width: 18px; place-items: center; display: grid; border-radius: 999px; }
@media (max-width: 1080px) { .seal__step { display: none; }
  .feature__menu--foot { display: none; }
  [data-band__vip--head] { margin-left: auto; } }
@media (max-width: 640px) { .list__media { display: none; } .bonus__pane { display: none; } }
.media--link { color: var(--hero-line); }
.media--link p { margin: 0 0 1em; }
.media--link p:last-child { margin-bottom: 0; }
[data-line__set] { color: var(--star-zone); font-weight: 600; font-size: var(--menu-head); margin: 1.4em 0 0.5em; }
[data-label__seal], .menu__rear--feature { list-style: none; padding: 0; gap: 0.55em; display: grid; margin: 0 0 1.1em; }
[data-label__seal] li { position: relative; padding-left: 1.4em; }
[data-label__seal] li::before { top: 0.62em;
  width: 0.45em; border-radius: calc(var(--stage-page) * 0.2);
  transform: rotate(45deg); left: 0.1em; position: absolute; height: 0.45em;
  background: var(--body-box);
  content: "" }
.menu__rear--feature { counter-reset: step; }
.menu__rear--feature li { min-height: 1.7em; position: relative; padding-left: 2.3em; counter-increment: step; }
.menu__rear--feature li::before {
  position: absolute; height: 1.7em; color: var(--card-block);
  font: 600 0.8em/1 var(--crest-step); width: 1.7em; top: -0.05em; left: 0; place-items: center;
  background: var(--body-box); border-radius: 50%;
  content: counter(step);
  display: grid }
.media--link, .media--link > * { min-width: 0; }
.stack__promo { max-width: 100%; margin: 0 0 1.1em; overflow-x: auto; border: var(--stack-line) solid var(--flag-zone); border-radius: var(--stage-page); }
.stack__promo table { width: 100%; border-collapse: collapse; font-size: var(--area-outer); }
.stack__promo th, .stack__promo td { padding: 10px 14px; text-align: left; white-space: nowrap; border-bottom: var(--stack-line) solid var(--flag-zone); }
.stack__promo tbody tr:last-child > * { border-bottom: 0; }
.stack__promo thead th { text-transform: uppercase; letter-spacing: var(--line-link); color: var(--side-step); background: var(--menu-group); font-weight: 600; font-size: var(--dice-ace); }
.stack__promo tbody th { font-weight: 600; color: var(--star-zone); }
.stack__promo caption { text-align: left; caption-side: top; letter-spacing: var(--line-link); color: var(--body-box); border-bottom: var(--stack-line) solid var(--flag-zone); text-transform: uppercase; font-weight: 600; padding: 10px 14px; font-size: var(--dice-ace); }
.stack__promo tbody tr:nth-child(even) > * { background: color-mix(in srgb, var(--foot-jackpot) 45%, transparent); }
.cell__pill--game, [data-cell__unit] { display: inline-grid; place-items: center; width: 22px; border-radius: 50%; font-weight: 700; height: 22px; font-size: 12px; }
.cell__pill--game { background: color-mix(in srgb, var(--base-slab) 18%, transparent); color: var(--base-slab); }
[data-cell__unit] { background: color-mix(in srgb, var(--seal-flag) 14%, transparent); color: var(--seal-flag); }
.copy__spin tbody th { width: 42%; color: var(--hero-line); font-weight: 500; white-space: normal; }
.copy__spin td { color: var(--star-zone); white-space: normal; font-weight: 600; }
.race__reel td, .race__reel thead th:not(:first-child) { text-align: center; }
/*  TODO: clean up  */
.race__reel tbody td:nth-child(2), .race__reel thead th:nth-child(2) { background: var(--bar-dot) !important; }
.race__reel thead th:nth-child(2) { color: var(--body-box); }
@media (max-width: 520px) { .dice__group--row { flex-wrap: wrap; row-gap: 8px; } }
img.cell__set, img.step__wrap--ace, img.feature__stage { background-color: var(--feature-offer, var(--foot-jackpot)); }
.wrap--link { --vip-card: 3 / 4; position: relative; }
.wrap--link img {
  object-fit: contain !important; object-position: 50% 0 !important;
  background: linear-gradient(180deg, color-mix(in srgb, var(--feature-offer, #222) 72%, rgb(11, 11, 16)) 0 50%, color-mix(in srgb, var(--feature-offer, #222) 38%, rgb(11 11 16))) !important }
.wrap--link::before { left: 0; background: linear-gradient(rgba(0, 0, 0, 0.28), transparent); right: 0; pointer-events: none; position: absolute; height: 24%; content: ""; top: 49%; z-index: 1; }
[data-jackpot__wrap--ring] { position: absolute; left: 10px; right: 10px; bottom: 12px; z-index: 2; display: grid; gap: 2px; color: #fff; text-shadow: 0 1px 6px rgba(0, 0, 0, 0.45); pointer-events: none; }
.label__hero { font-family: var(--vip-row); font-weight: var(--seal-club); font-size: 17px; text-transform: var(--frame-crest); overflow: hidden; display: -webkit-box; letter-spacing: var(--spin-jackpot); -webkit-line-clamp: 2; line-height: 1.05; -webkit-box-orient: vertical; }
.pane__slot { font-size: 11px; opacity: 0.78; }
.panel__deal--item.wrap--link + .strip__row--box, .panel__deal--item.wrap--link + .stage__foot { display: none; }
img[data-lead__gold--core] {
  background: none !important; border: 0 !important; border-radius: 0 !important; padding: 0 !important;
  box-shadow: none !important; mask-image: none !important }
[data-flag__chip--jackpot] { justify-self: center; align-self: stretch;
  width: 100%;
  position: relative; min-height: var(--row-lead, 340px);
  pointer-events: none }
[data-flag__chip--jackpot] .pill--ace { transform: translate(-50%, -50%); top: 50%; object-position: 50% 100%; max-width: 116%; height: auto;
  filter: drop-shadow(0 18px 26px rgba(0, 0, 0, 0.35));
  object-fit: contain; left: 50%;
  width: auto; max-height: 100%;
  position: absolute }
@media (max-width: 820px) {
  [data-flag__chip--jackpot] { align-self: auto; min-height: var(--win-page, 260px); }
  [data-flag__chip--jackpot] .pill--ace { object-position: 50% 100%; }
 }
img.seal__bonus--set { object-fit: contain; border-radius: 0; filter: var(--race-table, none); }
.pane__step { display: inline-flex; align-items: center; vertical-align: middle; line-height: 1; gap: 0.5em; }
.pane__step svg { height: 1.6em; max-width: 3em; width: auto; flex: none; }
/*  sections  */
.dot__area { overflow: hidden; height: 1px; white-space: nowrap; clip-path: inset(50%); width: 1px; position: absolute; }
.bonus__ring { display: inline-flex; gap: 12px; align-items: center; font-size: 12px; letter-spacing: 0.04em; text-transform: uppercase; }
.bonus__ring a { color: var(--hero-line); text-decoration: none; }
.bonus__ring a:hover { color: var(--body-box); }
.bonus__ring a.base--label { color: var(--star-zone); font-weight: 600; }
.panel__line { display: block; }
.list__bonus { color: var(--body-box); }
[data-crest__crown] { font-weight: 600; text-transform: uppercase;
  font-family: var(--slot-main); margin-top: 0.5em; font-size: clamp(12px, 0.22em, 17px); color: inherit;
  letter-spacing: var(--line-link);
  display: block; opacity: 0.72; line-height: 1.2 }
.menu__mark--unit {
  font-family: var(--vip-row); display: block; text-transform: var(--frame-crest);
  letter-spacing: var(--spin-jackpot); font-weight: var(--seal-club);
  margin: 0; font-size: clamp(22px, 2.4vw, 38px); line-height: 1.05 }
.seal__area { font-style: normal; color: var(--body-box); }
.nav__core { color: var(--side-step); align-items: baseline; flex-wrap: wrap; line-height: 1.3; display: inline-flex; gap: 6px; font-size: var(--dice-ace); }
.stack__unit { letter-spacing: var(--line-link); text-transform: uppercase; }
.lead__flag { font-weight: 600; color: var(--star-zone); }
.pane__frame { color: rgba(255, 255, 255, 0.72); }
.pane__frame .lead__flag { color: #fff; }
.spin__tile { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.slot__tab { transition: color .15s, border-color .15s, background-color .15s; color: var(--side-step); align-items: center; padding: 0 10px; display: inline-flex; font-size: var(--dice-ace); border-radius: var(--stage-page); height: 28px; gap: 6px; }
.slot__tab:hover { color: var(--star-zone); }
.slot__tab .offer--stack { font-size: 1.25em; }
.rear__label--dock .slot__tab { background: var(--set-note); border-radius: var(--seal-field); }
.box__tab .slot__tab { border: var(--stack-line) solid var(--deck-tab); }
.box__tab .slot__tab:hover { border-color: var(--tab-race); }
.stage__side .slot__tab { background: var(--menu-group); border: var(--stack-line) solid var(--flag-zone); font-weight: 600; }
[data-slab__panel] { gap: 4px 18px; }
[data-slab__panel] .slot__tab { text-decoration: underline; height: auto; text-decoration-color: var(--tab-race); text-underline-offset: 3px; padding: 0; }
[data-slab__promo--body] .slot__tab { font: 500 11px/1 var(--crest-step); letter-spacing: 0.08em; text-transform: uppercase; padding: 0 8px; border-left: 2px solid var(--body-box); border-radius: 0; }
a[role="button"] { cursor: pointer; }
.main__unit { display: none; }
@media (max-width: 640px) {
  .media__page { overflow: visible; border: 0; border-radius: 0; }
  .media__page thead { display: none; }
  .media__page table, .media__page tbody, .media__page tr { display: block; width: 100%; }
  .media__page caption { display: block; padding: 0 0 8px; }
  .media__page tr { margin: 0 0 10px; border: var(--stack-line) solid var(--flag-zone); border-radius: var(--stage-page); overflow: hidden; }
  .media__page tbody tr > * { background: none; }
  .media__page tbody th { display: block; white-space: normal; background: color-mix(in srgb, var(--foot-jackpot) 70%, transparent); border-bottom: var(--stack-line) solid var(--flag-zone); }
  .media__page td { display: flex; align-items: baseline; justify-content: space-between; gap: 14px; white-space: normal; text-align: right; }
  .media__page tbody tr > td:last-child { border-bottom: 0; }
  .media__page tbody tr:last-child > th { border-bottom: var(--stack-line) solid var(--flag-zone); }
  .media__page .main__unit { display: block; text-transform: uppercase; flex: none; color: var(--side-step); font-size: var(--dice-ace); max-width: 48%; letter-spacing: var(--line-link); font-weight: 600; text-align: left; }
 }
[data-flag--win] { padding: clamp(28px, 5vw, 64px) 0; }
.gold__front { max-width: 780px; margin: 0 auto; display: grid; gap: 14px; }
.card__game--spin { font-size: clamp(32px, 4.4vw, 52px); line-height: 1.05; }
.crown__club { font-size: var(--area-outer); color: var(--side-step); }
[data-crest__dot] { font-size: var(--menu-head); color: var(--hero-line); }
.gold__win--race { display: grid; gap: 12px; margin-top: 8px; }
.gold__win--race h2 { font-size: var(--media-table); margin-top: 18px; color: var(--star-zone); }
.strip__foot--meta { display: grid; margin: 8px 0; list-style: none; gap: 10px; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); padding: 0; }
.strip__foot--meta li { display: grid; gap: 4px; padding: 16px 18px; border: var(--stack-line) solid var(--flag-zone); border-radius: var(--club-strip); background: var(--menu-group); }
[data-row__star--field] { font-size: var(--dice-ace); text-transform: uppercase; letter-spacing: var(--line-link); color: var(--side-step); }
.meta__club { word-break: break-word; color: var(--star-zone); font-weight: 600; }
.lead__rail { font-size: var(--area-outer); color: var(--hero-line); }
.jackpot__card { display: flex; flex-wrap: wrap; gap: 8px 18px; margin: 14px 0 4px; font-size: var(--area-outer); }