.ui-game-set:hover { color: var(--v-win-yt); }
.ui-game-set.ui-nav { color: var(--v-bonus); }
.ui-game-set.ui-nav sup { color: var(--v-crest); }
.ui-game-set.ui-nav::after { content: ""; position: absolute; left: 0; right: 0; bottom: calc(var(--v-flag-a4) * -1); height: 3px; background: var(--v-crest); }
.ui-media-band { display: flex; align-items: center; gap: 0.375rem; overflow-x: auto; scrollbar-width: none; }
.ui-media-band::-webkit-scrollbar { display: none; }
.ui-list-set { letter-spacing: var(--v-main-xf); display: inline-flex; flex: none; color: var(--v-edge); margin-right: 0.25rem; text-transform: uppercase; font-size: var(--v-menu); align-items: center; gap: 0.375rem; font-weight: 600; }
.ui-list-set .ui-mark { color: var(--v-crest); }
.ui-pill-foot { flex: none; height: 1.875rem; display: inline-flex; align-items: center; padding: 0 0.75rem; border-radius: var(--v-promo); background: var(--v-foot-jv); border: var(--v-flag-a4) solid var(--v-side-k6); font-size: 0.8125rem; color: var(--v-win-yt); white-space: nowrap; transition: border-color var(--v-link-ug), color var(--v-link-ug); }
.ui-pill-foot:hover { border-color: var(--v-crest); color: var(--v-bonus); }
.ui-stage-rear { flex: none; width: var(--v-flag-a4); height: 1.25rem; margin: 0 0.625rem; background: var(--v-pane-8f); }
.ui-nav-crown { align-items: center; gap: 0.75rem 1.25rem; flex-wrap: wrap; margin-bottom: 1rem; display: flex; }
.ui-line-pane { white-space: nowrap; font-size: var(--v-area); gap: 0.625rem; align-items: center; display: flex; }
.ui-line-pane .ui-mark { color: var(--v-crest); }
.ui-band-win { display: flex; gap: 0.25rem; padding: 0.25rem; border-radius: calc(var(--v-game-xw) + 4px); background: var(--v-foot-jv); border: var(--v-flag-a4) solid var(--v-side-k6); }
.ui-group-bonus { padding: 0 0.75rem; height: 2rem; color: var(--v-edge); transition: background var(--v-link-ug), color var(--v-link-ug); font-size: 0.8125rem; border-radius: var(--v-game-xw); font-weight: 500; }
.ui-group-bonus.ui-nav { background: var(--v-crest); color: var(--v-spin); }
.ui-crown-cell { gap: 0.375rem; align-items: center; margin-left: auto; display: flex; }
.ui-link-page { --v-reel-la: clamp(150px, calc((100% - 12px * 6) / 7), 190px); }
.ui-vip-slot { gap: 0.5rem; display: grid; min-width: 0; }
.ui-unit-race { position: relative; }
.ui-box-vip { padding: 3px 0.4375rem; z-index: 1; top: 0.5rem; right: 0.5rem; transition: opacity var(--v-link-ug); position: absolute; border-radius: 62.4375rem; font-size: 0.6875rem; background: rgba(0, 0, 0, 0.66); color: #fff; }
.ui-spin-group { background: rgba(0, 0, 0, 0.62); z-index: 2; transition: opacity var(--v-link-ug); place-content: center; display: grid; opacity: 0; inset: 0; position: absolute; justify-items: center; gap: 0.625rem }
.ui-unit-race:hover .ui-spin-group, .ui-unit-race:focus-within .ui-spin-group { opacity: 1; }
.ui-main-tile { font-size: var(--v-menu); font-weight: 600; color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.ui-rail-flag { font-size: var(--v-win-xc); font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 800px) { .ui-band-win { overflow-x: auto; width: 100%; order: 3; } .ui-crown-cell .ui-dot { display: none; } .ui-link-page { --v-reel-la: 40vw; } }
.ui-reel-crown { gap: 0.875rem; margin: 0; display: grid; overflow-x: auto; grid-auto-flow: column; scroll-snap-type: x mandatory; grid-auto-columns: minmax(420px, calc((100% - 14px) / 2)); padding: 2px 2px 0.625rem; list-style: none; scrollbar-width: none; }
.ui-reel-crown::-webkit-scrollbar { display: none; }
.ui-reel-crown > li { scroll-snap-align: start; }
.ui-view-link { position: relative; isolation: isolate; display: block; height: 14.375rem; overflow: hidden; border-radius: var(--v-crown-20); border: var(--v-flag-a4) solid var(--v-side-k6); background: var(--v-foot-jv); box-shadow: var(--v-stage); }
.ui-view-link img { width: 48%; transition: transform 800ms var(--v-jackpot); z-index: -2; top: 0; height: 100%; object-fit: cover; right: 0; position: absolute; }
.ui-view-link:hover img { transform: scale(1.06); }
.ui-slot-game { position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, var(--v-foot-jv) 50%, color-mix(in srgb, var(--v-foot-jv) 60%, transparent) 62%, transparent 85%); }
.ui-band-table { position: absolute; left: 1.5rem; top: 1.375rem; bottom: 1.375rem; width: 52%; display: grid; align-content: space-between; gap: 0.375rem; }
.ui-meta-table { display: inline-flex; align-items: center; gap: 0.375rem; justify-self: start; height: 1.5rem; padding: 0 0.625rem; border-radius: 62.4375rem; background: var(--v-deal); color: var(--v-crest); font-size: 0.6875rem; font-weight: 600; }
.ui-bar-side { font-size: var(--v-area); }
.ui-list-field { color: var(--v-win-yt); font-size: var(--v-win-xc); overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.ui-set-spin { color: var(--v-crest); font-weight: 600; font-size: var(--v-win-xc); display: inline-flex; align-items: center; gap: 0.375rem; }
@media (max-width: 720px) { .ui-reel-crown { grid-auto-columns: 86vw; } .ui-band-table { width: 64%; } .ui-view-link img { width: 42%; opacity: 0.55; } .ui-list-field { -webkit-line-clamp: 3; } }
.ui-chip-seal { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); align-items: center; gap: clamp(24px, 4vw, 60px); padding: clamp(24px, 4vw, 48px) clamp(24px, 4vw, 60px) 0; overflow: hidden; isolation: isolate; }
.ui-chip-seal::before { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--v-media); }
.ui-frame-grid { align-self: end; justify-content: center; display: flex; }
.ui-frame-grid .ui-vip-ace { margin-bottom: -3.75rem; transform: rotate(calc(var(--v-row-8k) * -2)); }
.ui-frame-promo { display: grid; justify-items: start; gap: 0.875rem; padding-bottom: clamp(24px, 4vw, 48px); }
.ui-edge-hero { font-size: clamp(30px, 3.2vw, 48px); }
.ui-spin-tile { color: var(--v-win-yt); max-width: 46ch; }
.ui-rear-feature { display: grid; gap: 0.5rem; margin: 0.25rem 0 0.5rem; }
.ui-rear-feature li { display: flex; align-items: center; gap: 0.625rem; font-size: var(--v-win-xc); }
.ui-rear-feature .ui-mark { color: var(--v-crest); }
@media (max-width: 860px) { .ui-chip-seal { grid-template-columns: 1fr; padding-top: 2rem; } .ui-frame-grid { order: 2; } .ui-frame-promo { padding-bottom: 0; } }
.ui-stack-pane { justify-items: center; gap: 0.75rem; overflow: hidden; padding: clamp(32px, 5vw, 60px) 24px; display: grid; isolation: isolate; text-align: center; }
.ui-tray-strip { inset: 0; position: absolute; z-index: -1; background: radial-gradient(50% 70% at 50% 40%, var(--v-deal), transparent 70%), var(--v-band-wc); }
.ui-link-race { font-size: var(--v-area); color: var(--v-win-yt); }
.ui-reel-grid { font-size: clamp(30px, 8.4vw, 108px); white-space: nowrap; line-height: 1; color: var(--v-crest); letter-spacing: -0.03em; text-shadow: 0 0 40px color-mix(in srgb, var(--v-crest) 35%, transparent); }
.ui-table-table { display: inline-flex; align-items: center; gap: 0.375rem; font-size: var(--v-win-xc); color: var(--v-edge); }
.ui-tray-group { justify-content: center; gap: 0; flex-wrap: wrap; padding: 0; display: flex; margin: 0.625rem 0 0.875rem; list-style: none; }
.ui-tray-group li { display: grid; gap: 0.375rem; padding: 8px clamp(18px, 3vw, 40px); }
.ui-tray-group li + li { border-left: var(--v-flag-a4) solid var(--v-pane-8f); }
/*  tokens  */
.ui-strip-game { font-size: clamp(20px, 2.2vw, 30px); color: var(--v-bonus); }
@media (max-width: 560px) { .ui-tray-group li + li { border-left: 0; } }
.ui-chip2-star { padding: clamp(28px, 4vw, 48px); overflow: hidden; isolation: isolate; }
.ui-chip2-star::before { opacity: 0.8; background: var(--v-feature); mask-image: linear-gradient(90deg, #000, transparent); z-index: -1; inset: 0; position: absolute; content: ""; }
.ui-crown-copy { margin-bottom: 1.25rem; }
.ui-lobby-reel { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.25rem; margin: 0; }
.ui-main-inner { display: flex; flex-direction: column-reverse; justify-content: flex-end; gap: 0.375rem; }
.ui-view-slab { margin: 0; font-size: clamp(38px, 5vw, 76px); line-height: 0.95; color: var(--v-bonus); }
.ui-main-inner:first-child .ui-view-slab { color: var(--v-crest); }
.ui-block-group { font-size: var(--v-win-xc); color: var(--v-edge); }
@media (max-width: 800px) { .ui-lobby-reel { grid-template-columns: 1fr 1fr; row-gap: 28px; } }
/*  temp  */
.ui-tab-item { padding: clamp(40px, 5vw, 70px) 0; isolation: isolate; position: relative; margin: 0 calc(50% - 50vw); }
.ui-tab-item::before { z-index: -1; inset: 0; position: absolute; background: linear-gradient(135deg, #07070A, #16121C); content: ""; }
.ui-tab-item::after { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--v-media); opacity: 0.8; }
.ui-dot-bonus { display: grid; grid-template-columns: minmax(260px, 340px) minmax(0, 1fr); margin: 0 auto; max-width: 82.5rem; padding-left: var(--v-tab-hh); gap: 2rem; align-items: center; }
.ui-feature-crown { display: grid; gap: 0.875rem; color: #F3F1EE; justify-items: start; }
.ui-bonus-row { font-size: clamp(32px, 3.4vw, 50px); }
.ui-bonus-row em { display: block; color: var(--v-crest); }
.ui-shape-list { color: rgba(255, 255, 255, 0.66); }
.ui-set-tray { display: inline-flex; align-items: center; gap: 0.5rem; font-size: var(--v-win-xc); color: rgba(255, 255, 255, 0.8); }
.ui-dice-page { display: flex; align-items: center; gap: 0.375rem; margin-top: 0.375rem; }
.ui-dice-page .ui-game-flag { margin-left: 0.625rem; color: #fff; }
.ui-slab-list { scrollbar-width: none; gap: 0.875rem; list-style: none; scroll-snap-type: x mandatory; grid-auto-flow: column; overflow-x: auto; display: grid; margin: 0; grid-auto-columns: 230px; padding: 4px var(--v-tab-hh) 4px 2px; }
/*  keep in sync with the build  */
.ui-slab-list::-webkit-scrollbar { display: none; }
.ui-slab-list > li { scroll-snap-align: start; }
.ui-note-page { position: relative; display: block; aspect-ratio: 3 / 4; overflow: hidden; border-radius: var(--v-crown-20); border: 1px solid rgba(255, 255, 255, 0.1); }
.ui-note-page img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 15%; transition: transform 700ms var(--v-jackpot); }
.ui-note-page:hover img { transform: scale(1.05); }
.ui-note-page::after { inset: 0; position: absolute; content: ""; background: linear-gradient(transparent 55%, rgba(0, 0, 0, 0.6)); }
.ui-media-zone { right: 0.875rem; bottom: 0.875rem; left: 0.875rem; position: absolute; display: grid; z-index: 1; color: #fff; gap: 3px; }
.ui-link-edge { font-size: 0.6875rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--v-chip); }
.ui-card-stage { font-weight: 700; }
.ui-dice-unit { gap: 0.3125rem; font-size: var(--v-menu); align-items: center; display: inline-flex; color: rgba(255, 255, 255, 0.7); }
.ui-tab-item .ui-dot { color: #fff; }
@media (max-width: 860px) { .ui-dot-bonus { grid-template-columns: 1fr; padding-right: 0; } .ui-feature-crown { padding-right: var(--v-tab-hh); } .ui-slab-list { grid-auto-columns: 180px; } }
.ui-deck-foot { display: grid; grid-template-columns: minmax(240px, 0.8fr) minmax(0, 2fr); gap: clamp(28px, 5vw, 72px); }
.ui-shape-dock { gap: 1rem; display: grid; align-self: start; top: calc(var(--v-pill-a5) + 28px); position: sticky; }
.ui-panel-stage { font-size: clamp(28px, 2.6vw, 40px); }
.ui-unit-band { letter-spacing: 0.04em; color: var(--v-edge); font-size: var(--v-menu); }
.ui-zone-nav { display: grid; gap: 1.5rem; justify-items: start; min-width: 0; }
.ui-zone-nav > * { max-width: 100%; }
.ui-field-foot { line-height: 1.6; font-size: var(--v-dock-ud); color: var(--v-bonus); }
.ui-tray-box { justify-self: stretch; width: 100%; mask-image: linear-gradient(#000 60%, transparent); min-width: 0; max-height: 35rem; overflow: hidden }
.ui-media-club:checked ~ .ui-tray-box { max-height: none; mask-image: none; }
.ui-block-shape { line-height: 1.7; padding: 1.625rem 0; display: grid; font-size: var(--v-win-xc); grid-template-columns: minmax(160px, 0.7fr) minmax(0, 2fr); border-top: var(--v-flag-a4) solid var(--v-side-k6); gap: 0.75rem 2.5rem }
.ui-body-panel { font-size: var(--v-wrap); font-weight: 600; line-height: 1.35; color: var(--v-bonus); }
.ui-chip2-stack, .ui-media-club:checked ~ .ui-bar-note .ui-race-field { display: none; }
.ui-media-club:checked ~ .ui-bar-note .ui-chip2-stack { display: inline; }
.ui-media-club:focus-visible ~ .ui-bar-note { outline: 2px solid var(--v-crest); outline-offset: 3px; }
@media (max-width: 1080px) { .ui-deck-foot { grid-template-columns: 1fr; }
  .ui-shape-dock { position: static; } }
@media (max-width: 640px) { .ui-block-shape { grid-template-columns: 1fr; } }
.ui-offer-stack { display: grid; justify-items: center; gap: 1.375rem; }
.ui-dot-lobby { display: grid; justify-items: center; gap: 0.625rem; text-align: center; }
.ui-tile-core { font-size: clamp(30px, 3.4vw, 50px); }
.ui-hero-top { width: min(860px, 100%); overflow: hidden; }
.ui-win-band { padding: 0.875rem 1.25rem; align-items: center; display: flex; border-bottom: var(--v-flag-a4) solid var(--v-side-k6); gap: 0.75rem; }
.ui-win-band :is(strong, b) { display: block; font-size: var(--v-win-xc); }
.ui-edge-rail { display: inline-flex; align-items: center; gap: 0.375rem; font-size: var(--v-menu); color: var(--v-edge); }
.ui-promo-dock { display: grid; place-items: center; flex: none; width: 2.5rem; height: 2.5rem; border-radius: 50%; background: var(--v-crest); color: var(--v-spin); font: 700 16px/1 var(--v-block) }
.ui-cell-table { font-size: 0.8125rem; height: 1.875rem; width: 1.875rem; }
.ui-card-strip { display: grid; background: var(--v-band-wc); gap: 1.375rem; padding: 1.5rem 1.25rem; }
.ui-bonus-game { display: grid; gap: 0.625rem; }
.ui-foot-wrap { align-items: flex-end; gap: 0.625rem; display: flex; }
.ui-area-band { justify-content: flex-end; }
.ui-gold-promo { font-size: var(--v-win-xc); padding: 0.75rem 1rem; margin: 0; max-width: 72%; line-height: 1.55; }
.ui-area-band .ui-gold-promo { background: var(--v-crest); color: var(--v-spin); font-weight: 600; border-radius: calc(var(--v-game-xw) + 10px) calc(var(--v-game-xw) + 10px) 4px calc(var(--v-game-xw) + 10px) }
.ui-zone-base .ui-gold-promo { background: var(--v-shape); color: var(--v-win-yt); border: var(--v-flag-a4) solid var(--v-side-k6); border-radius: calc(var(--v-game-xw) + 10px) calc(var(--v-game-xw) + 10px) calc(var(--v-game-xw) + 10px) 4px }
/*  legacy  */
.ui-copy-link { display: flex; align-items: center; gap: 0.625rem; padding: 0.75rem 0.875rem; border-top: var(--v-flag-a4) solid var(--v-side-k6); }
.ui-dot-unit { flex: 1; padding: 0.625rem 0.875rem; border-radius: var(--v-promo); background: var(--v-bonus-we); color: var(--v-edge); font-size: var(--v-win-xc); }
@media (max-width: 600px) { .ui-gold-promo { max-width: 86%; } }
.ui-top-set { margin: 0 var(--v-tab-hh) var(--v-tab-hh); border-radius: var(--v-crown-20); background: var(--v-foot-jv); border: var(--v-flag-a4) solid var(--v-side-k6); }
.ui-row-bonus { max-width: 75rem; margin: 0 auto; padding: 36px clamp(20px, 3vw, 40px) 28px; display: grid; gap: 1.75rem; }
.ui-band-band { display: flex; align-items: center; border-bottom: var(--v-flag-a4) solid var(--v-side-k6); flex-wrap: wrap; gap: 1.125rem 1.75rem; padding-bottom: 1.5rem; }
.ui-hero-group { color: var(--v-edge); font-size: var(--v-win-xc); flex: 1; }
.ui-star-band ul { gap: 0.625rem 1.625rem; color: var(--v-win-yt); font-size: var(--v-win-xc); flex-wrap: wrap; display: flex; justify-content: center; }
.ui-star-band a:hover { color: var(--v-crest); }
.ui-pill-rail { align-items: center; justify-content: space-between; gap: 1rem; display: flex; flex-wrap: wrap; }
.ui-club-lead, .ui-dice-tray { flex-wrap: wrap; display: flex; gap: 0.5rem; }
.ui-club-lead .ui-copy-chip2 svg { height: 1rem; }
.ui-club-lead .ui-lead-base { position: static; clip-path: none; width: auto; height: auto; }
.ui-club-lead li, .ui-dice-tray li {
  display: inline-flex; align-items: center; gap: 0.375rem; height: 1.875rem; padding: 0 0.75rem;
  border-radius: var(--v-promo); background: var(--v-bonus-we);
  font-size: var(--v-menu); font-weight: 600; color: var(--v-win-yt) }
.ui-dice-tray li { background: transparent; border: var(--v-flag-a4) solid var(--v-pane-8f); }
.ui-inner-deck { line-height: 1.7; text-align: center; margin: 0 auto; font-size: var(--v-menu); color: var(--v-edge); max-width: 88ch; }
.ui-deal-copy { color: var(--v-edge); font-size: var(--v-menu); text-align: center; }
@media (max-width: 640px) { .ui-hero-group { flex-basis: 100%; order: 3; } .ui-pill-rail { justify-content: center; } }
.ui-top-set .ui-body-star { justify-content: center; }
:root { --v-crest: #b0714c; --v-chip: #BE8B6C; --v-deal: rgba(176, 113, 76, 0.14); --v-spin: #FFFFFF; }
:root { --v-page-n0: 1440px; --v-game-c2: 6px; --v-tab-hh: calc(clamp(16px, 2.8vw, 44px) * 1.22); --v-cell-66: calc(clamp(52px, 5.4vw, 84px) * 1.22); }
.ui-reel, .ui-race-win { position: static; }
svg.ui-mark{height:1em;width:1em;display:inline-block;vertical-align:-0.125em;fill:currentColor}