/* main stylesheet — last edited 2026-08-06 */
.ui-pane p { margin: 0 0 1em; }
.ui-pane p:last-child { margin-bottom: 0; }
/*  layout  */
.ui-star-dot { margin: 1.4em 0 0.5em; font-size: var(--v-dock-ud); color: var(--v-bonus); font-weight: 600; }
.ui-win-live, .ui-slab-stage { gap: 0.55em; display: grid; list-style: none; padding: 0; margin: 0 0 1.1em; }
.ui-win-live li { position: relative; padding-left: 1.4em; }
.ui-win-live li::before {
  content: ""; position: absolute; left: 0.1em; top: 0.62em;
  width: 0.45em; height: 0.45em;
  background: var(--v-crest); border-radius: calc(var(--v-game-xw) * 0.2);
  transform: rotate(45deg) }
.ui-slab-stage { counter-reset: step; }
.ui-slab-stage li { counter-increment: step; min-height: 1.7em; position: relative; padding-left: 2.3em; }
.ui-slab-stage li::before { left: 0; top: -0.05em;
  content: counter(step);
  position: absolute;
  background: var(--v-crest); width: 1.7em; height: 1.7em; place-items: center; color: var(--v-spin);
  display: grid; border-radius: 50%;
  font: 600 0.8em/1 var(--v-grid) }
.ui-pane, .ui-pane > * { min-width: 0; }
.ui-offer-table { max-width: 100%; margin: 0 0 1.1em; overflow-x: auto; border: var(--v-flag-a4) solid var(--v-side-k6); border-radius: var(--v-game-xw); }
.ui-offer-table table { font-size: var(--v-win-xc); border-collapse: collapse; width: 100%; }
.ui-offer-table th, .ui-offer-table td { border-bottom: var(--v-flag-a4) solid var(--v-side-k6); padding: 0.625rem 0.875rem; text-align: left; white-space: nowrap; }
.ui-offer-table tbody tr:last-child > * { border-bottom: 0; }
.ui-offer-table thead th { font-size: var(--v-menu); text-transform: uppercase; color: var(--v-edge); font-weight: 600; letter-spacing: var(--v-main-xf); background: var(--v-foot-jv); }
.ui-offer-table tbody th { font-weight: 600; color: var(--v-bonus); }
.ui-offer-table caption { font-size: var(--v-menu); font-weight: 600; letter-spacing: var(--v-main-xf); caption-side: top; text-align: left; padding: 0.625rem 0.875rem; border-bottom: var(--v-flag-a4) solid var(--v-side-k6); color: var(--v-crest); text-transform: uppercase; }
.ui-offer-table tbody tr:nth-child(even) > * { background: color-mix(in srgb, var(--v-shape) 45%, transparent); }
.ui-chip2-dock, .ui-stage-block { border-radius: 50%; height: 1.375rem; font-size: 0.75rem; width: 1.375rem; display: inline-grid; font-weight: 700; place-items: center; }
.ui-chip2-dock { background: color-mix(in srgb, var(--v-ring-db) 18%, transparent); color: var(--v-ring-db); }
.ui-stage-block { background: color-mix(in srgb, var(--v-crest-ht) 14%, transparent); color: var(--v-crest-ht); }
.ui-cell-link tbody th { font-weight: 500; white-space: normal; color: var(--v-win-yt); width: 42%; }
.ui-cell-link td { white-space: normal; font-weight: 600; color: var(--v-bonus); }
.ui-step-band td, .ui-step-band thead th:not(:first-child) { text-align: center; }
.ui-step-band tbody td:nth-child(2), .ui-step-band thead th:nth-child(2) { background: var(--v-deal) !important; }
.ui-step-band thead th:nth-child(2) { color: var(--v-crest); }
@media (max-width: 520px) { .ui-link-feature { flex-wrap: wrap; row-gap: 8px; } }
img.ui-gold-front, img.ui-list-main, img.ui-row-game { background-color: var(--v-meta-tm, var(--v-shape)); }
.ui-view { --v-strip: 3 / 4; position: relative; }
.ui-view img {
  object-fit: contain !important; object-position: 50% 0 !important;
  background: linear-gradient(180deg, color-mix(in srgb, var(--v-meta-tm, #222) 72%, #0b0b10) 0 50%, color-mix(in srgb, var(--v-meta-tm, #222) 38%, #0B0B10)) !important }
.ui-view::before { left: 0; pointer-events: none; top: 49%; z-index: 1; background: linear-gradient(rgba(0, 0, 0, 0.28), transparent); content: ""; height: 24%; right: 0; position: absolute; }
.ui-bar-rear { bottom: 0.75rem; right: 0.625rem; z-index: 2; text-shadow: 0 1px 6px rgba(0, 0, 0, 0.45); pointer-events: none; color: #fff; gap: 2px; left: 0.625rem; display: grid; position: absolute; }
.ui-dot-tab { text-transform: var(--v-row); letter-spacing: var(--v-shape-lz); overflow: hidden; font-weight: var(--v-card); line-height: 1.05; font-family: var(--v-block); -webkit-box-orient: vertical; display: -webkit-box; font-size: 1.0625rem; -webkit-line-clamp: 2; }
.ui-race-rail { font-size: 0.6875rem; opacity: 0.78; }
.ui-stack-crown.ui-view + .ui-media-deck, .ui-stack-crown.ui-view + .ui-rail-flag { display: none; }
img.ui-tile-chip2 {
  background: none !important; border: 0 !important; border-radius: 0 !important; padding: 0 !important;
  box-shadow: none !important; mask-image: none !important }
.ui-race-block {
  position: relative; align-self: stretch; justify-self: center;
  width: 100%;
  pointer-events: none; min-height: var(--v-hero, 340px) }
.ui-race-block .ui-vip { object-position: 50% 100%;
  object-fit: contain; max-width: 116%; height: auto; left: 50%; transform: translate(-50%, -50%); top: 50%; max-height: 100%;
  position: absolute;
  width: auto;
  filter: drop-shadow(0 18px 26px rgba(0, 0, 0, 0.35)) }
@media (max-width: 820px) {
  .ui-race-block { align-self: auto; min-height: var(--v-bar, 260px); }
  .ui-race-block .ui-vip { object-position: 50% 100%; }
 }
img.ui-set-chip { object-fit: contain; border-radius: 0; filter: var(--v-slot, none); }
.ui-copy-chip2 { line-height: 1; gap: 0.5em; align-items: center; display: inline-flex; vertical-align: middle; }
.ui-copy-chip2 svg { height: 1.6em; width: auto; max-width: 3em; flex: none; }
.ui-lead-base { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.ui-promo-copy { display: inline-flex; gap: 0.75rem; text-transform: uppercase; font-size: 0.75rem; align-items: center; letter-spacing: 0.04em; }
.ui-promo-copy a { color: var(--v-win-yt); text-decoration: none; }
.ui-promo-copy a:hover { color: var(--v-crest); }
.ui-promo-copy a.ui-nav { color: var(--v-bonus); font-weight: 600; }
.ui-zone-page { display: block; }
.ui-shape-band { color: var(--v-crest); }
.ui-zone-pane {
  font-family: var(--v-copy-h9);
  display: block; font-size: clamp(12px, 0.22em, 17px); line-height: 1.2; margin-top: 0.5em; font-weight: 600; text-transform: uppercase; color: inherit;
  letter-spacing: var(--v-main-xf); opacity: 0.72 }
.ui-page-band { font-size: clamp(22px, 2.4vw, 38px); line-height: 1.05; text-transform: var(--v-row);
  font-family: var(--v-block); display: block; font-weight: var(--v-card);
  margin: 0;
  letter-spacing: var(--v-shape-lz) }
.ui-side-tab { font-style: normal; color: var(--v-crest); }
.ui-feature-lead { flex-wrap: wrap; line-height: 1.3; font-size: var(--v-menu); align-items: baseline; display: inline-flex; gap: 0.375rem; color: var(--v-edge); }
.ui-frame-spin { letter-spacing: var(--v-main-xf); text-transform: uppercase; }
.ui-pill-row { font-weight: 600; color: var(--v-bonus); }
.ui-front-crest { color: rgba(255, 255, 255, 0.72); }
.ui-front-crest .ui-pill-row { color: #fff; }
.ui-body-star { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; }
.ui-line-outer { color: var(--v-edge); font-size: var(--v-menu); padding: 0 0.625rem; height: 1.75rem; transition: color .15s, border-color .15s, background-color .15s; border-radius: var(--v-game-xw); gap: 0.375rem; align-items: center; display: inline-flex; }
.ui-line-outer:hover { color: var(--v-bonus); }
.ui-line-outer .ui-mark { font-size: 1.25em; }
.ui-vip-shape .ui-line-outer { background: var(--v-bonus-we); border-radius: var(--v-promo); }
.ui-shape-front .ui-line-outer { border: var(--v-flag-a4) solid var(--v-pane-8f); }
.ui-shape-front .ui-line-outer:hover { border-color: var(--v-star-a8); }
.ui-core-rear .ui-line-outer { font-weight: 600; background: var(--v-foot-jv); border: var(--v-flag-a4) solid var(--v-side-k6); }
.ui-menu-body { gap: 0.25rem 1.125rem; }
.ui-menu-body .ui-line-outer { padding: 0; text-underline-offset: 3px; height: auto; text-decoration: underline; text-decoration-color: var(--v-star-a8); }
.ui-view-list .ui-line-outer { font: 500 11px/1 var(--v-grid); letter-spacing: 0.08em; text-transform: uppercase; padding: 0 0.5rem; border-left: 2px solid var(--v-crest); border-radius: 0; }
a[role="button"] { cursor: pointer; }
.ui-copy-jackpot { display: none; }
@media (max-width: 640px) {
  .ui-stage-hero { overflow: visible; border: 0; border-radius: 0; }
  .ui-stage-hero thead { display: none; }
  .ui-stage-hero table, .ui-stage-hero tbody, .ui-stage-hero tr { display: block; width: 100%; }
  .ui-stage-hero caption { display: block; padding: 0 0 0.5rem; }
  .ui-stage-hero tr { margin: 0 0 0.625rem; border: var(--v-flag-a4) solid var(--v-side-k6); border-radius: var(--v-game-xw); overflow: hidden; }
  .ui-stage-hero tbody tr > * { background: none; }
  .ui-stage-hero tbody th { display: block; white-space: normal; border-bottom: var(--v-flag-a4) solid var(--v-side-k6); background: color-mix(in srgb, var(--v-shape) 70%, transparent); }
  .ui-stage-hero td { justify-content: space-between; align-items: baseline; gap: 0.875rem; text-align: right; display: flex; white-space: normal; }
  .ui-stage-hero tbody tr > td:last-child { border-bottom: 0; }
  .ui-stage-hero tbody tr:last-child > th { border-bottom: var(--v-flag-a4) solid var(--v-side-k6); }
  .ui-stage-hero .ui-copy-jackpot { display: block; flex: none; max-width: 48%; text-align: left; font-size: var(--v-menu); font-weight: 600; letter-spacing: var(--v-main-xf); text-transform: uppercase; color: var(--v-edge); }
 }
.ui-deal { padding: clamp(28px, 5vw, 64px) 0; }
.ui-page-zone { max-width: 48.75rem; margin: 0 auto; display: grid; gap: 0.875rem; }
.ui-gold-media { font-size: clamp(32px, 4.4vw, 52px); line-height: 1.05; }
.ui-meta-ace { font-size: var(--v-win-xc); color: var(--v-edge); }
.ui-line-card { font-size: var(--v-dock-ud); color: var(--v-win-yt); }
.ui-bar-inner { display: grid; gap: 0.75rem; margin-top: 0.5rem; }
.ui-bar-inner h2 { font-size: var(--v-area); margin-top: 1.125rem; color: var(--v-bonus); }
.ui-box-pane { padding: 0; display: grid; margin: 0.5rem 0; gap: 0.625rem; list-style: none; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
.ui-box-pane li { display: grid; gap: 0.25rem; padding: 1rem 1.125rem; border: var(--v-flag-a4) solid var(--v-side-k6); border-radius: var(--v-crown-20); background: var(--v-foot-jv); }
.ui-rear-core { letter-spacing: var(--v-main-xf); text-transform: uppercase; font-size: var(--v-menu); color: var(--v-edge); }
.ui-table-vip { word-break: break-word; color: var(--v-bonus); font-weight: 600; }
.ui-deal-row { font-size: var(--v-win-xc); color: var(--v-win-yt); }
.ui-panel-group { display: flex; flex-wrap: wrap; gap: 0.5rem 1.125rem; margin: 0.875rem 0 0.25rem; font-size: var(--v-win-xc); }
.ui-panel-group a { text-decoration-color: color-mix(in srgb, currentColor 35%, transparent); text-underline-offset: 3px; text-decoration: underline; color: var(--v-win-yt); }
/*  overrides  */
.ui-panel-group a:hover { color: var(--v-bonus); }
.ui-feature-deck { display: flex; gap: 0.25rem; flex-wrap: wrap; }
.ui-side-list { border-radius: 62.4375rem; min-width: 1.375rem; height: 1.375rem; color: #fff; font: 700 10px/1 var(--v-grid); padding: 0 0.3125rem; place-items: center; display: grid; }
.ui-tray-vip { background: #C8313D; }
.ui-nav-star { background: #1C1C22; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2); }
.ui-group-ace { background: #1F8A4C; }
.ui-unit-copy { background: var(--v-mark-7u); color: var(--v-bonus); }
.ui-shape-field { display: flex; flex-wrap: wrap; gap: 0.625rem; }
.ui-lobby-link { 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 var(--v-link-ug) var(--v-jackpot); }
.ui-lobby-link:hover { transform: translateY(-2px); }
.ui-lobby-link .ui-mark { font-size: 1.625rem; }
.ui-lobby-link span { display: grid; font-size: 0.9375rem; font-weight: 600; line-height: 1.1; }
.ui-lobby-link small { opacity: 0.75; font-weight: 400; font-size: 0.625rem; }
.ui-vip-ace { position: relative; display: block; flex: none; width: 14.375rem; height: 28.75rem; padding: 0.75rem; border-radius: 2.375rem; background: #0C0C10; box-shadow: inset 0 0 0 2px #2a2a33, 0 30px 60px -20px rgba(0, 0, 0, 0.6); }
.ui-dot-promo { position: absolute; background: #0c0c10; border-radius: 62.4375rem; left: 50%; height: 1.125rem; width: 4.375rem; top: 1.125rem; z-index: 2; transform: translateX(-50%); }
.ui-strip-outer { overflow: hidden; border-radius: 1.75rem; padding: 2.25rem 0.625rem 0.625rem; background: var(--v-deck-90); height: 100%; gap: 0.5rem; flex-direction: column; display: flex; }
.ui-unit-tile { display: flex; justify-content: center; }
.ui-unit-tile .ui-lead { --v-crown-or: 18px; pointer-events: none; }
.ui-win-hero { display: grid; gap: 2px; font-size: 0.5625rem; padding: 0.75rem; background: var(--v-media), var(--v-shape); border-radius: 0.75rem; color: var(--v-win-yt); }
.ui-win-hero .ui-tray { font-size: 1.125rem; color: var(--v-crest); }
.ui-tab-grid { gap: 0.3125rem; grid-template-columns: repeat(2, 1fr); display: grid; }
.ui-tab-grid img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; border-radius: 0.375rem; }
.ui-game-race { margin-top: auto; justify-content: space-around; border-top: 1px solid var(--v-side-k6); font-size: 1rem; display: flex; padding: 0.5rem 0 2px; color: var(--v-edge); }
.ui-game-race .ui-mark:first-child { color: var(--v-crest); }
.ui-reel { background: rgba(10, 29, 22, 0.85); border-bottom: 1px solid var(--v-pane-8f); box-shadow: 0 4px 0 -3px var(--v-side-k6); }
.ui-lobby, .ui-body { background: rgba(8, 24, 18, 0.7); border-right-color: var(--v-pane-8f); }
.ui-card-dock { border-radius: 62.4375rem; padding: 0 0.875rem; }
.ui-card-dock.ui-nav { background: linear-gradient(90deg, var(--v-deal), transparent); box-shadow: inset 0 0 0 1px var(--v-pane-8f); color: var(--v-chip); }
.ui-card-dock.ui-nav .ui-mark { color: var(--v-chip); }
.ui-inner-outer { font-family: var(--v-block); font-style: italic; font-size: 0.9375rem; letter-spacing: 0; text-transform: none; color: var(--v-crest); }
.ui-lobby-slab { box-shadow: inset 0 0 0 3px var(--v-foot-jv), inset 0 0 0 4px var(--v-side-k6); text-transform: none; letter-spacing: 0.04em; font-family: var(--v-block); font-size: 0.875rem; }
.ui-lobby-slab img { border-radius: 50%; }
.ui-row-offer { font-family: var(--v-block); font-size: 1.0625rem; }
.ui-jackpot-race { border-color: var(--v-pane-8f); }
.ui-jackpot-race.ui-nav { background: linear-gradient(180deg, #F2DCA3, var(--v-crest)); }
.ui-feature-set { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); min-height: 28.75rem; gap: 0.875rem; }
.ui-jackpot-body, .ui-menu-card { position: relative; overflow: hidden; isolation: isolate; display: block; border-radius: var(--v-crown-20); border: var(--v-flag-a4) solid var(--v-side-k6); box-shadow: var(--v-stage); background: var(--v-shape) }
.ui-race-base { display: grid; grid-template-rows: 1fr 1fr; gap: 0.875rem; }
.ui-wrap-tab { transition: transform 900ms var(--v-jackpot); z-index: -2; width: 100%; object-fit: cover; object-position: 70% 40%; inset: 0; height: 100%; position: absolute; }
.ui-jackpot-body:hover .ui-wrap-tab, .ui-menu-card:hover .ui-wrap-tab { transform: scale(1.04); }
.ui-meta-offer { background: linear-gradient(90deg, rgba(0, 0, 0, 0.85) 20%, rgba(0, 0, 0, 0.2) 75%); z-index: -1; inset: 0; position: absolute; }
.ui-game-slot { right: 42%; position: absolute; display: grid; justify-items: start; left: clamp(22px, 4vw, 52px); color: #fff; gap: 0.875rem; bottom: clamp(22px, 4vw, 48px); }
.ui-game-slot .ui-promo { color: var(--v-chip); }
.ui-dot-tray { display: block; font-size: clamp(34px, 4vw, 60px); }
.ui-dot-tray em { display: block; }
.ui-card-item { color: rgba(255, 255, 255, 0.78); max-width: 42ch; }
.ui-stack-frame { left: 1.25rem; right: 1.25rem; bottom: 1.125rem; gap: 0.5rem; }
.ui-mark-zone { font-size: clamp(22px, 2vw, 30px); }
.ui-table-crest { align-items: center; gap: 0.375rem; font-size: var(--v-win-xc); font-weight: 600; display: inline-flex; color: var(--v-chip); }
@media (max-width: 960px) { .ui-feature-set { grid-template-columns: 1fr; min-height: 0; }
  .ui-jackpot-body { min-height: 26.25rem; }
  .ui-race-base { grid-template-rows: none; grid-template-columns: 1fr 1fr; }
  .ui-menu-card { min-height: 13.75rem; }
  .ui-game-slot { right: 1.375rem; } }
@media (max-width: 560px) { .ui-race-base { grid-template-columns: 1fr; } }
.ui-jackpot-body:has(.ui-race-block) { background: var(--v-media), var(--v-feature), var(--v-shape); }
.ui-jackpot-body:has(.ui-race-block) .ui-wrap-tab { display: none; }
.ui-jackpot-body:has(.ui-race-block) .ui-game-slot { right: 44%; }
.ui-strip-tile { z-index: 1; bottom: 0; width: 46%; min-height: 0; position: absolute; right: 0; top: 8%; }
@media (max-width: 760px) { .ui-jackpot-body:has(.ui-race-block) { min-height: 32.5rem; }
  .ui-jackpot-body:has(.ui-race-block) .ui-game-slot { right: clamp(22px, 4vw, 52px); }
  .ui-strip-tile { right: 0; bottom: auto; height: min(56vw, 250px); width: 72%; top: 0.75rem; } }
.ui-jackpot-body { display: flex; flex-direction: column; justify-content: flex-end; }
.ui-jackpot-body > .ui-game-slot { left: auto; position: relative; margin: clamp(22px, 4vw, 48px) 42% clamp(22px, 4vw, 48px) clamp(22px, 4vw, 52px); right: auto; bottom: auto; }
.ui-jackpot-body:has(.ui-race-block) > .ui-game-slot { margin-right: 46%; right: auto; left: auto; }
@media (max-width: 960px) { .ui-jackpot-body > .ui-game-slot { margin-right: clamp(22px, 4vw, 52px); } }
@media (max-width: 760px) { .ui-jackpot-body:has(.ui-race-block) { min-height: 0; justify-content: flex-start; }
  .ui-strip-tile { position: relative; top: auto; right: auto; bottom: auto; width: 100%; height: min(78vw, 320px); margin-top: 0.875rem; }
  .ui-jackpot-body:has(.ui-race-block) > .ui-game-slot { margin: 0; padding: 1.125rem 1.375rem 1.5rem; }
  .ui-jackpot-body:has(.ui-race-block) .ui-meta-offer { background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.55) 48%, rgba(0, 0, 0, 0.88) 100%); } }
.ui-view-star { display: grid; gap: 0.875rem; }
.ui-group-feature { scrollbar-width: none; border-bottom: var(--v-flag-a4) solid var(--v-pane-8f); gap: clamp(16px, 2.6vw, 36px); overflow-x: auto; display: flex; }
.ui-group-feature::-webkit-scrollbar { display: none; }
.ui-game-set { color: var(--v-edge); font-size: clamp(22px, 2.4vw, 34px); white-space: nowrap; padding: 0.375rem 0 0.875rem; flex: none; position: relative; transition: color var(--v-link-ug) }
.ui-game-set sup { text-transform: none; letter-spacing: 0; vertical-align: super; font-size: 0.6875rem; color: var(--v-edge); margin-left: 0.25rem; font-weight: 400; }