/* main stylesheet — last edited 2026-07-23 */
@font-face {
  font-family: 'Boska';
  src: url(hfr3/ks9vha.woff2) format("woff2");
  font-weight: 400;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Boska';
  src: url(hfr3/ebrx9d.woff2) format("woff2");
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Boska';
  src: url(hfr3/ezs5qh.woff2) format("woff2");
  font-weight: 500;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Boska';
  src: url(hfr3/9mrbe7.woff2) format("woff2");
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Supreme';
  src: url(hfr3/cqnt9j.woff2) format("woff2");
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Supreme';
  src: url(hfr3/bcxjwv.woff2) format("woff2");
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
/*  temp  */
:root {
  --v-ring-db: 0px;
  --v-crest-ht: 0 18px 40px -24px rgba(0, 0, 0, 0.8);
  --v-nav: "Boska", "Didot", Georgia, serif;

  --v-game-xw: 12px;
  --v-crest: 8px;

  --v-row-8k: 0.2em;
  --v-stage: 19px;
  --v-menu: clamp(52px, 5.4vw, 84px);
  --v-slab-15: #153629;
  --v-live: 36px;
  --v-game-c2: clamp(46px, 5vw, 78px);
  --v-media: clamp(16px, 2.8vw, 44px);
  --v-win-yt: 1.04;
  --v-band-wc: 256px;
  --v-shape: #12211a;

  --v-edge: 12px;

  --v-nav-o5: #f4ecd9;
  --v-chip2: rgba(215, 180, 106, 0.16);
  --v-set: 16px;
  --v-dock-cw: #0D241B;
  --v-promo-i6: rgba(215, 180, 106, 0.3);
  --v-dock-ud: 280ms;
  --v-win: #BFB79F;
  --v-promo: radial-gradient(55% 80% at 75% 50%, rgba(215, 180, 106, 0.16), transparent 70%);
  --v-side-k6: #C9435A;
  --v-deal: 6px;

  --v-pane-8f: 500;

  --v-lobby-ga: #0A1D16;
  --v-row: 0 26px 50px -20px rgba(0, 0, 0, 0.75);
  --v-card: 0 0 0 1px var(--v-deck-90), 0 22px 44px -22px rgba(0, 0, 0, 0.9);

  --v-crown-20: radial-gradient(circle at 50% 50%, rgba(215, 180, 106, 0.08) 1px, transparent 1.5px) 0 0 / 22px 22px;
  --v-chip: 6px;

  --v-wrap: cubic-bezier(0.25, 0.7, 0.25, 1);
  --v-race-l3: #1c4434;
  --v-star-a8: none;
  --v-strip-kf: 25px;
  --v-unit-q9: repeating-linear-gradient(45deg, rgba(215, 180, 106, 0.05) 0 1px, transparent 1px 12px), repeating-linear-gradient(-45deg, rgba(215, 180, 106, 0.05) 0 1px, transparent 1px 12px);
  --v-grid: #83806A;
  --v-flag-a4: 14px;
  --v-group: "Supreme", "Helvetica Neue", Arial, sans-serif;
  --v-outer: #102B21;
  --v-page-vt: rgba(215, 180, 106, 0.6);
  --v-copy: 0deg;
  --v-shape-lz: 3px;
  --v-win-xc: 176px;

  --v-feature: 72px;
  --v-spin: 1px;

  --v-mark-7u: #7FD6A4;

  --v-deck-90: #d7b46a;
  --v-foot-jv: rgba(215, 180, 106, 0.12);
  --v-unit-9m: "Supreme", "Helvetica Neue", Arial, sans-serif;
  --v-bonus-we: #f0d79a;
  --v-bonus: -0.01em;
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scrollbar-color: var(--v-race-l3) transparent; }
body {
  background: radial-gradient(120% 80% at 50% 0%, #123526, var(--v-lobby-ga) 70%) fixed, var(--v-lobby-ga);
  font: 400 var(--v-set)/1.6 var(--v-group);
  color: var(--v-nav-o5);
  margin: 0;
  -webkit-font-smoothing: antialiased;
}
body::after {
  content: ""; position: fixed; inset: 0; z-index: 100; pointer-events: none; opacity: 0.12; mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.2' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)'/%3E%3C/svg%3E");
}
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
button { color: inherit; font: inherit; cursor: pointer; padding: 0; border: 0; background: none; }
h1, h2, h3, h4, p { margin: 0; }
ul { margin: 0; padding: 0; list-style: none; }
::selection { background: var(--v-deck-90); color: var(--v-shape); }
:focus-visible { outline: 1px solid var(--v-bonus-we); outline-offset: 4px; }
.ui-mark { flex: none; font-size: 1.25em; line-height: 1; }
.ui-star { font-weight: 500; font-family: var(--v-unit-9m); font-variant-numeric: lining-nums tabular-nums; }
.ui-shape { position: absolute; width: 1px; clip: rect(0 0 0 0); height: 1px; overflow: hidden; }
.ui-deal {
  --v-tab-hh: 44px; padding: 0 1.5rem; justify-content: center;
  white-space: nowrap; letter-spacing: 0.14em; gap: 0.625rem;
  transition: background var(--v-dock-ud), color var(--v-dock-ud), box-shadow var(--v-dock-ud);
  font: 500 13px/1 var(--v-group);
  display: inline-flex;
  height: var(--v-tab-hh);
  border-radius: var(--v-chip); align-items: center; text-transform: uppercase;
}
.ui-zone-lobby { --v-tab-hh: 38px; padding: 0 1.125rem; font-size: 0.75rem; }
.ui-main-dice { --v-tab-hh: 54px; padding: 0 2rem; font-size: 0.875rem; }
.ui-group-tile {
  background: linear-gradient(180deg, #f2dca3, var(--v-deck-90) 55%, #b48d45);
  color: var(--v-shape);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35), inset 0 0 0 3px rgba(18, 33, 26, 0.18), 0 8px 20px -10px rgba(0, 0, 0, 0.8);
}
.ui-group-tile:hover { background: linear-gradient(180deg, #F8E7BD, var(--v-bonus-we) 55%, #C49C52); }
.ui-group-bonus { color: var(--v-bonus-we); box-shadow: inset 0 0 0 1px var(--v-page-vt), inset 0 0 0 4px var(--v-lobby-ga), inset 0 0 0 5px var(--v-chip2); }
.ui-group-bonus:hover { background: var(--v-foot-jv); }
.ui-block-cell { width: 2.625rem; height: 2.625rem; box-shadow: inset 0 0 0 1px var(--v-promo-i6); place-items: center; color: var(--v-deck-90); border-radius: 50%; display: inline-grid; transition: background var(--v-dock-ud); }
.ui-block-cell:hover { background: var(--v-foot-jv); }
.ui-unit { display: flex; align-items: center; gap: 0.625rem; height: 2.75rem; padding: 0 1rem; border-radius: 62.4375rem; background: rgba(6, 18, 13, 0.6); box-shadow: inset 0 0 0 1px var(--v-promo-i6); color: var(--v-grid); transition: box-shadow var(--v-dock-ud); }
.ui-unit:focus-within { box-shadow: inset 0 0 0 1px var(--v-deck-90); color: var(--v-deck-90); }
.ui-unit input { flex: 1; min-width: 0; height: 100%; background: none; border: 0; outline: 0; color: var(--v-nav-o5); font: inherit; font-size: var(--v-flag-a4); }
.ui-unit input::placeholder { color: var(--v-grid); font-style: italic; }
.ui-unit kbd { padding: 0.25rem 0.5rem; border-radius: 62.4375rem; box-shadow: inset 0 0 0 1px var(--v-promo-i6); color: var(--v-deck-90); font: 500 11px/1 var(--v-group); }
.ui-zone { font: 500 var(--v-game-xw)/1 var(--v-group); text-transform: uppercase; display: inline-flex; align-items: center; color: var(--v-deck-90); gap: 0.625rem; letter-spacing: var(--v-row-8k); }
.ui-zone::before { content: "♠"; font-size: 0.8125rem; letter-spacing: 0; }
.ui-chip2 { font-family: var(--v-nav); font-weight: var(--v-pane-8f); text-transform: var(--v-star-a8); letter-spacing: var(--v-bonus); line-height: var(--v-win-yt); }
.ui-chip2 em { font-style: italic; color: var(--v-bonus-we); }
.ui-base { border-radius: 62.4375rem; color: var(--v-shape); letter-spacing: 0.12em; display: inline-flex; text-transform: uppercase; font: 700 10px/1 var(--v-group); align-items: center; padding: 0 0.5rem; background: var(--v-deck-90); height: 1.25rem; }
.ui-reel-grid { background: var(--v-side-k6); color: #fff5e6; }
.ui-unit-race { background: transparent; box-shadow: inset 0 0 0 1px var(--v-mark-7u); color: var(--v-mark-7u); }
.ui-front {
  position: relative;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.02), transparent 30%), var(--v-outer);
  border: 1px solid var(--v-promo-i6);
  border-radius: var(--v-edge);
  box-shadow: inset 0 0 0 4px var(--v-outer), inset 0 0 0 5px var(--v-chip2), var(--v-crest-ht);
}
.ui-outer {
  padding: 0.5rem;
  border-radius: 12.5rem 12.5rem 0.875rem 0.875rem;
  box-shadow: 0 30px 60px -30px rgba(0, 0, 0, 0.9); overflow: hidden;
  position: relative;
  background: linear-gradient(180deg, #F2DCA3, var(--v-deck-90) 50%, #9a773a);
}
.ui-outer img { width: 100%; height: 100%; object-fit: cover; border-radius: 12rem 12rem 0.5rem 0.5rem; }
.ui-dot-bonus { flex: none; display: inline-block; width: 0.4375rem; height: 0.4375rem; border-radius: 50%; background: var(--v-mark-7u); box-shadow: 0 0 0 3px rgba(127, 214, 164, 0.15); }
.ui-menu { display: grid; gap: 0.375rem; }
.ui-tray-strip { text-transform: uppercase; font: 500 11px/1 var(--v-group); color: var(--v-grid); letter-spacing: 0.18em; }
.ui-pill-flag { font: 500 26px/1 var(--v-nav); color: var(--v-bonus-we); }
.ui-win-group { display: inline-flex; align-items: center; gap: 0.5rem; font: 500 12px/1 var(--v-group); letter-spacing: 0.16em; text-transform: uppercase; color: var(--v-deck-90); transition: color var(--v-dock-ud); }
.ui-win-group .ui-star { color: var(--v-grid); }
.ui-win-group:hover { color: var(--v-bonus-we); }
.ui-group-main { display: grid; grid-template-columns: 1fr auto 1fr; gap: 1.125rem; margin-bottom: 1.75rem; align-items: center; }
.ui-tile-rail { display: none; }
.ui-flag-star { display: flex; grid-row: 1; align-items: center; font: 500 var(--v-live)/1 var(--v-nav); letter-spacing: -0.01em; white-space: nowrap; grid-column: 2; gap: 0.875rem; }
.ui-flag-star::before, .ui-flag-star::after { content: "◆"; font-size: 0.625rem; color: var(--v-deck-90); }
.ui-flag-star .ui-mark { display: none; }
.ui-menu-link { height: 0.3125rem; border-top: 1px solid var(--v-promo-i6); border-bottom: 1px solid var(--v-chip2); grid-row: 1; grid-column: 1; }
.ui-group-main .ui-win-group { justify-self: end; display: inline-flex; grid-row: 1; grid-column: 3; white-space: nowrap; }
.ui-group-main .ui-win-group::before { margin-right: 0.375rem; height: 0.3125rem; width: 2.5rem; border-bottom: 1px solid var(--v-chip2); border-top: 1px solid var(--v-promo-i6); content: ""; }
.ui-feature-meta { gap: 0.375rem; grid-column: 3; grid-row: 1; display: flex; justify-self: end; }
.ui-group-main:has(.ui-feature-meta) .ui-win-group { margin-right: 5.625rem; }
/*  sections  */
.ui-bonus { height: 2.25rem; width: 2.25rem; transition: background var(--v-dock-ud), opacity var(--v-dock-ud); box-shadow: inset 0 0 0 1px var(--v-promo-i6); color: var(--v-deck-90); place-items: center; display: grid; border-radius: 50%; }
.ui-bonus:hover { background: var(--v-foot-jv); }
.ui-bonus[disabled] { opacity: 0.3; pointer-events: none; }
@media (max-width: 720px) {
  .ui-group-main { grid-template-columns: minmax(0, 1fr) auto; gap: 0.625rem; margin-bottom: 1.125rem; }
  .ui-flag-star { min-width: 0; white-space: normal; font-size: 1.625rem; grid-column: 1; }
  .ui-flag-star::before, .ui-flag-star::after, .ui-menu-link, .ui-feature-meta { display: none; }
  .ui-group-main .ui-win-group { grid-column: 2; margin-right: 0 !important; }
  .ui-group-main .ui-win-group::before { display: none; }
}
.ui-crown { display: grid; grid-auto-flow: column; grid-auto-columns: var(--v-win-xc); gap: 1rem; padding: 2px 2px 0.625rem; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: none; }
.ui-crown::-webkit-scrollbar { display: none; }
/*  layout  */
.ui-crown > * { scroll-snap-align: start; }
.ui-feature { gap: 0.625rem; text-align: center; min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr); }
.ui-stack-link { transition: box-shadow var(--v-dock-ud); aspect-ratio: var(--v-cell-66, 3 / 2); border-radius: var(--v-crest); box-shadow: 0 0 0 1px var(--v-promo-i6), 0 14px 30px -18px rgba(0, 0, 0, 0.9); overflow: hidden; background: var(--v-slab-15); position: relative; }
.ui-stack-link img { height: 100%; object-fit: cover; width: 100%; transition: transform 800ms var(--v-wrap); }
.ui-stack-crown { left: 0.5rem; position: absolute; z-index: 1; top: 0.5rem; }
.ui-feature:hover .ui-stack-link { box-shadow: 0 0 0 1px var(--v-deck-90), 0 0 0 4px rgba(215, 180, 106, 0.18), 0 18px 34px -18px rgba(0, 0, 0, 0.9); }
.ui-feature:hover .ui-stack-link img { transform: scale(1.04); }
.ui-step-rail { font: 500 17px/1.2 var(--v-nav); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ui-step-view { display: flex; align-items: center; justify-content: center; gap: 0.625rem; margin-top: 0.25rem; font-size: 0.6875rem; letter-spacing: 0.06em; color: var(--v-grid); }
.ui-step-view > span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ui-base-gold { align-items: center; display: inline-flex; flex: none; gap: 0.3125rem; color: var(--v-win); }
.ui-lead {
  --v-reel-la: 34px;
  display: inline-flex; align-items: center; gap: 0.3em;
  font-size: var(--v-reel-la); line-height: 1;
  color: var(--v-nav-o5);
  white-space: nowrap;
  text-decoration: none;
}
.ui-zone-base { --v-reel-la: 44px; }
.ui-slab-edge {
  font-size: 0.74em; line-height: 1;
  text-transform: var(--v-star-a8); letter-spacing: var(--v-bonus);
  font-family: var(--v-nav); font-weight: var(--v-pane-8f);
}
.ui-table-rear { position: relative; flex: none; }
@media (max-width: 720px) { .ui-reel .ui-lead { --v-reel-la: 28px; } }
.ui-race-bar {
  display: grid; place-items: center;
  width: 0.92em; height: 0.92em; border-radius: 50%;
  border: 0.07em solid var(--v-deck-90);
}
.ui-race-bar span { font: var(--v-pane-8f) 0.5em/1 var(--v-nav); text-transform: var(--v-star-a8); color: var(--v-nav-o5); }
.ui-race-bar::before {
  content: ""; position: absolute; inset: -0.16em;
  border-radius: 50%;
  border: 0.03em dashed color-mix(in srgb, var(--v-deck-90) 55%, transparent);
  transform: rotate(-30deg);
}
.ui-race-bar::after { right: -0.04em;
  width: 0.22em; position: absolute; top: -0.12em;
  background: var(--v-deck-90);
  content: "";
  box-shadow: 0 0 0 0.05em var(--v-lobby-ga); border-radius: 50%; height: 0.22em;
}
.ui-flag-strip { display: inline-grid; gap: 0.1em; margin-left: 0.08em; }
.ui-flag-strip .ui-slab-edge { font-size: 0.66em; }
.ui-wrap-stage { font: 700 0.25em/1 var(--v-group); letter-spacing: 0.3em; text-transform: uppercase; color: var(--v-grid); }
.ui-seal { overflow-x: clip; }
.ui-foot-slab { width: 100%; padding-left: var(--v-media); padding-right: var(--v-media); max-width: var(--v-jackpot, 1320px); margin: 0 auto; }
.ui-set-copy { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--v-menu); padding-top: 1.5rem; padding-bottom: var(--v-menu); }
.ui-set-copy > * { min-width: 0; }
.ui-reel {
  position: sticky; top: 0; z-index: 30;
  background: color-mix(in srgb, var(--v-lobby-ga) 90%, transparent);
  backdrop-filter: blur(12px);
  border-bottom: var(--v-spin) solid var(--v-chip2);
}
.ui-reel-stage { height: var(--v-feature); display: flex; align-items: center; gap: 1.25rem; }
.ui-pane-row { gap: 0.625rem; display: flex; align-items: center; margin-left: auto; }
.ui-rail-panel { display: none; }
.ui-inner { display: none; }
.ui-seal.ui-dock-vip .ui-inner { display: block; z-index: 45; background: rgba(0, 0, 0, 0.55); position: fixed; inset: 0; }
.ui-dice-tray { background: var(--v-lobby-ga);
  overflow-y: auto; z-index: 50;
  position: fixed;
  transform: translateX(-102%); transition: transform 320ms var(--v-wrap);
  display: flex;
  width: min(320px, 88vw); border-right: var(--v-spin) solid var(--v-chip2); flex-direction: column; top: 0; left: 0; padding: 1rem; bottom: 0; gap: 1.125rem;
}
.ui-seal.ui-dock-vip .ui-dice-tray { transform: none; }
.ui-body-star { justify-content: space-between; align-items: center; display: flex; }
.ui-menu-body { display: grid; gap: 0.25rem; }
.ui-line-outer { color: var(--v-win); display: flex; border-radius: var(--v-deal); align-items: center; gap: 0.75rem; height: 2.875rem; padding: 0 0.75rem; }
.ui-line-outer.ui-nav, .ui-line-outer:hover { background: var(--v-outer); color: var(--v-nav-o5); }
.ui-line-outer .ui-mark { color: var(--v-deck-90); }
.ui-list-field { display: grid; gap: 0.5rem; }
.ui-cell-gold { display: grid; gap: 0.625rem; margin-top: auto; font-size: var(--v-flag-a4); color: var(--v-grid); }
@media (max-width: 1080px) {
  .ui-rail-panel { display: inline-grid; }
}
@media (max-width: 640px) {
  .ui-pane-row .ui-group-bonus { display: none; }
  .ui-reel-stage { gap: 0.75rem; }
}
.ui-stage-dock { position: relative; isolation: isolate; }
.ui-win-gold {
  position: absolute; left: 0; right: 0; top: 0; height: 47.5rem; z-index: -1;
  background: var(--v-promo), var(--v-crown-20);
  mask-image: linear-gradient(#000 40%, transparent);
}
.ui-stage-dock .ui-reel.ui-seal-zone { padding-top: 0.875rem; border-bottom: 0; transition: padding var(--v-dock-ud); backdrop-filter: none; background: transparent; }
.ui-block-media {
  display: flex; align-items: center; gap: 1.125rem; height: calc(var(--v-feature) - 6px); padding: 0 0.625rem 0 1.25rem;
  border-radius: calc(var(--v-edge) + 8px);
  background: color-mix(in srgb, var(--v-outer) 72%, transparent);
  border: var(--v-spin) solid var(--v-chip2);
  backdrop-filter: blur(16px);
  transition: box-shadow var(--v-dock-ud), background var(--v-dock-ud);
}
.ui-seal-zone.ui-set { padding-top: 0.375rem; }
.ui-seal-zone.ui-set .ui-block-media { background: color-mix(in srgb, var(--v-outer) 94%, transparent); box-shadow: 0 16px 40px -20px rgba(0, 0, 0, 0.6); }
.ui-lobby-race { display: flex; gap: 0.25rem; margin: 0 auto; }
.ui-tab-band {
  display: inline-flex; align-items: center; gap: 0.375rem; height: 2.25rem; padding: 0 0.875rem; border-radius: var(--v-chip);
  font-size: var(--v-flag-a4); font-weight: 500; color: var(--v-win); transition: background var(--v-dock-ud), color var(--v-dock-ud);
}
.ui-tab-band:hover { color: var(--v-nav-o5); }
.ui-tab-band.ui-nav { background: var(--v-deck-90); color: var(--v-shape); }
.ui-base-live { font-size: 0.625rem; opacity: 0.8; }
.ui-stage-dock .ui-pane-row { margin-left: 0; }
.ui-race-win { padding-top: 1.75rem; }
@media (max-width: 1080px) { .ui-lobby-race { display: none; } .ui-stage-dock .ui-pane-row { margin-left: auto; } }
@media (max-width: 640px) { .ui-block-media { padding-left: 0.5rem; gap: 0.5rem; } .ui-block-media .ui-block-cell[aria-label="Search"] { display: none; } }
.ui-foot { color: var(--v-win); }
.ui-foot p { margin: 0 0 1em; }
.ui-foot p:last-child { margin-bottom: 0; }
.ui-jackpot-vip { color: var(--v-nav-o5); font-weight: 600; font-size: var(--v-stage); margin: 1.4em 0 0.5em; }
.ui-grid-crest, .ui-box-block { margin: 0 0 1.1em; padding: 0; list-style: none; display: grid; gap: 0.55em; }
.ui-grid-crest li { position: relative; padding-left: 1.4em; }
.ui-grid-crest li::before {
  content: ""; border-radius: calc(var(--v-deal) * 0.2); position: absolute; height: 0.45em; top: 0.62em; left: 0.1em;
  background: var(--v-deck-90);
  transform: rotate(45deg);
  width: 0.45em;
}
.ui-box-block { counter-reset: step; }
.ui-box-block li { counter-increment: step; position: relative; padding-left: 2.3em; min-height: 1.7em; }
.ui-box-block li::before { width: 1.7em; border-radius: 50%; left: 0; height: 1.7em; top: -0.05em;
  font: 600 0.8em/1 var(--v-unit-9m);
  position: absolute;
  content: counter(step);
  display: grid;
  background: var(--v-deck-90); color: var(--v-shape); place-items: center;
}
.ui-foot, .ui-foot > * { min-width: 0; }
.ui-media-club { max-width: 100%; margin: 0 0 1.1em; overflow-x: auto; border: var(--v-spin) solid var(--v-chip2); border-radius: var(--v-deal); }
.ui-media-club table { width: 100%; border-collapse: collapse; font-size: var(--v-flag-a4); }
.ui-media-club th, .ui-media-club td { white-space: nowrap; border-bottom: var(--v-spin) solid var(--v-chip2); text-align: left; padding: 0.625rem 0.875rem; }
.ui-media-club tbody tr:last-child > * { border-bottom: 0; }
.ui-media-club thead th { background: var(--v-outer); color: var(--v-grid); text-transform: uppercase; letter-spacing: var(--v-row-8k); font-weight: 600; font-size: var(--v-game-xw); }
.ui-media-club tbody th { font-weight: 600; color: var(--v-nav-o5); }
.ui-media-club caption { color: var(--v-deck-90); font-weight: 600; font-size: var(--v-game-xw); padding: 0.625rem 0.875rem; border-bottom: var(--v-spin) solid var(--v-chip2); text-transform: uppercase; text-align: left; caption-side: top; letter-spacing: var(--v-row-8k); }
.ui-media-club tbody tr:nth-child(even) > * { background: color-mix(in srgb, var(--v-slab-15) 45%, transparent); }
.ui-item-box, .ui-base-line { display: inline-grid; place-items: center; width: 1.375rem; height: 1.375rem; border-radius: 50%; font-size: 0.75rem; font-weight: 700; }
.ui-item-box { background: color-mix(in srgb, var(--v-mark-7u) 18%, transparent); color: var(--v-mark-7u); }
.ui-base-line { background: color-mix(in srgb, var(--v-side-k6) 14%, transparent); color: var(--v-side-k6); }
.ui-shape-body tbody th { font-weight: 500; color: var(--v-win); white-space: normal; width: 42%; }
.ui-shape-body td { color: var(--v-nav-o5); font-weight: 600; white-space: normal; }
.ui-unit-menu td, .ui-unit-menu thead th:not(:first-child) { text-align: center; }
.ui-unit-menu tbody td:nth-child(2), .ui-unit-menu thead th:nth-child(2) { background: var(--v-foot-jv) !important; }
.ui-unit-menu thead th:nth-child(2) { color: var(--v-deck-90); }
@media (max-width: 520px) { .ui-group-main { flex-wrap: wrap; row-gap: 8px; } }
img[src^="img/card/"], img[src^="img/wide/"], img[src^="img/square/"] { background-color: var(--v-deal-u5, var(--v-slab-15)); }
.ui-slot { --v-cell-66: 3 / 4; position: relative; }
.ui-slot img {
  object-fit: contain !important; object-position: 50% 0 !important;
  background: linear-gradient(180deg, color-mix(in srgb, var(--v-deal-u5, #222) 72%, #0B0B10) 0 50%, color-mix(in srgb, var(--v-deal-u5, #222) 38%, #0b0b10)) !important;
}
.ui-slot::before { content: ""; position: absolute; background: linear-gradient(rgba(0, 0, 0, 0.28), transparent); right: 0; pointer-events: none; z-index: 1; height: 24%; top: 49%; left: 0; }
.ui-chip-offer { position: absolute; left: 0.625rem; right: 0.625rem; bottom: 0.75rem; z-index: 2; display: grid; gap: 2px; color: #fff; text-shadow: 0 1px 6px rgba(0, 0, 0, 0.45); pointer-events: none; }
.ui-mark-box { font-family: var(--v-nav); font-weight: var(--v-pane-8f); text-transform: var(--v-star-a8); letter-spacing: var(--v-bonus); font-size: 1.0625rem; line-height: 1.05; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.ui-vip-bar { font-size: 0.6875rem; opacity: 0.78; }
.ui-stack-link.ui-slot + .ui-rear-unit, .ui-stack-link.ui-slot + .ui-rail-gold { display: none; }
img[src^="img/brand/"] {
  background: none !important; border: 0 !important; border-radius: 0 !important; padding: 0 !important;
  box-shadow: none !important; mask-image: none !important;
}
.ui-wrap-tab {
  position: relative;
  pointer-events: none; align-self: stretch; justify-self: center; min-height: var(--v-cell, 340px);
  width: 100%;
}
.ui-wrap-tab .ui-race {
  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) {
  .ui-wrap-tab { align-self: auto; min-height: var(--v-rail, 260px); }
  .ui-wrap-tab .ui-race { object-position: 50% 100%; }
}
img[src^="img/providers/"] { filter: var(--v-view-ko, none); border-radius: 0; object-fit: contain; }
.ui-row-bonus { vertical-align: middle; line-height: 1; display: inline-flex; align-items: center; gap: 0.5em; }
.ui-row-bonus svg { height: 1.6em; width: auto; flex: none; max-width: 3em; }
.ui-band-band { white-space: nowrap; height: 1px; width: 1px; position: absolute; overflow: hidden; clip-path: inset(50%); }
.ui-wrap-star { text-transform: uppercase; font-size: 0.75rem; align-items: center; letter-spacing: 0.04em; gap: 0.75rem; display: inline-flex; }
.ui-wrap-star a { color: var(--v-win); text-decoration: none; }
.ui-wrap-star a:hover { color: var(--v-deck-90); }
.ui-wrap-star a.ui-nav { color: var(--v-nav-o5); font-weight: 600; }
.ui-vip-game { display: block; }
.ui-slot-dot { color: var(--v-deck-90); }
.ui-tray-tray { font-size: clamp(12px, 0.22em, 17px);
  letter-spacing: var(--v-row-8k);
  display: block; margin-top: 0.5em;
  font-family: var(--v-dice-2f); font-weight: 600; line-height: 1.2; text-transform: uppercase; color: var(--v-win);
}
.ui-page-shape {
  font-family: var(--v-nav); display: block; font-weight: var(--v-pane-8f);
  letter-spacing: var(--v-bonus);
  margin: 0; text-transform: var(--v-star-a8); line-height: 1.05; font-size: clamp(22px, 2.4vw, 38px);
}
.ui-page-band { font-style: normal; color: var(--v-deck-90); }
.ui-crown-slot { display: inline-flex; align-items: baseline; line-height: 1.3; color: var(--v-grid); flex-wrap: wrap; gap: 0.375rem; font-size: var(--v-game-xw); }
.ui-table-meta { letter-spacing: var(--v-row-8k); text-transform: uppercase; }
.ui-table-bar { font-weight: 600; color: var(--v-nav-o5); }
.ui-game-band { color: rgba(255, 255, 255, 0.72); }
.ui-game-band .ui-table-bar { color: #fff; }
.ui-star-band { gap: 0.5rem; display: flex; flex-wrap: wrap; align-items: center; }
.ui-club-lead { color: var(--v-grid); display: inline-flex; transition: color .15s, border-color .15s, background-color .15s; border-radius: var(--v-deal); font-size: var(--v-game-xw); padding: 0 0.625rem; align-items: center; gap: 0.375rem; height: 1.75rem; }
.ui-club-lead:hover { color: var(--v-nav-o5); }
.ui-club-lead .ui-mark { font-size: 1.25em; }
.ui-dot-win .ui-club-lead { background: var(--v-dock-cw); border-radius: var(--v-chip); }
.ui-live-chip2 .ui-club-lead { border: var(--v-spin) solid var(--v-promo-i6); }
.ui-live-chip2 .ui-club-lead:hover { border-color: var(--v-page-vt); }
.ui-dock-stage .ui-club-lead { background: var(--v-outer); border: var(--v-spin) solid var(--v-chip2); font-weight: 600; }
.ui-pill-rail { gap: 0.25rem 1.125rem; }
.ui-pill-rail .ui-club-lead { text-underline-offset: 3px; text-decoration: underline; height: auto; text-decoration-color: var(--v-page-vt); padding: 0; }
.ui-block-step .ui-club-lead { font: 500 11px/1 var(--v-unit-9m); letter-spacing: 0.08em; text-transform: uppercase; padding: 0 0.5rem; border-left: 2px solid var(--v-deck-90); border-radius: 0; }
a[role="button"] { cursor: pointer; }
.ui-band-media { display: flex; gap: 0.25rem; flex-wrap: wrap; }
.ui-deck-set { display: grid; place-items: center; min-width: 1.375rem; height: 1.375rem; padding: 0 0.3125rem; border-radius: 62.4375rem; font: 700 10px/1 var(--v-unit-9m); color: #fff; }
.ui-chip-promo { background: #C8313D; }
.ui-copy-vip { background: #1C1C22; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2); }
.ui-shape-shape { background: #1F8A4C; }
.ui-front-core { background: var(--v-race-l3); color: var(--v-nav-o5); }
/*  legacy  */