.field-link { overflow-x: clip; }
[data-nav-outer] { padding-right: var(--ds-base); padding-left: var(--ds-base); margin: 0 auto; max-width: var(--ds-zone-yy, 1320px); width: 100%; }
[data-front-inner] { grid-template-columns: minmax(0, 1fr); display: grid; padding-top: 1.5rem; gap: var(--ds-menu-8l); padding-bottom: var(--ds-menu-8l); }
[data-front-inner] > * { min-width: 0; }
.foot-seal {
  position: sticky; top: 0; z-index: 30;
  background: color-mix(in srgb, var(--ds-menu) 90%, transparent);
  backdrop-filter: blur(12px);
  border-bottom: var(--ds-stack-gv) solid var(--ds-box);
}
.list-tab { height: var(--ds-table-1n); gap: 20px; align-items: center; display: flex; }
.flag-ace { display: flex; align-items: center; gap: 0.625rem; margin-left: auto; }
.tile-nav { display: none; }
.shape-seal { display: none; }
.field-link.chip-flag .shape-seal { position: fixed; inset: 0; display: block; background: rgba(0, 0, 0, 0.55); z-index: 45; }
[data-lead-block] {
  display: flex;
  position: fixed; background: var(--ds-menu);
  width: min(320px, 88vw);
  overflow-y: auto; gap: 1.125rem; border-right: var(--ds-stack-gv) solid var(--ds-box); padding: 16px; top: 0; z-index: 50; transition: transform 320ms var(--ds-rear-kr);
  transform: translateX(-102%); bottom: 0; flex-direction: column; left: 0;
}
.field-link.chip-flag [data-lead-block] { transform: none; }
.outer-head { display: flex; align-items: center; justify-content: space-between; }
.deck-panel { display: grid; gap: 4px; }
.tab-list { display: flex; align-items: center; gap: 12px; height: 46px; padding: 0 0.75rem; border-radius: var(--ds-area-p9); color: var(--ds-feature); }
.tab-list.lobby-feature, .tab-list:hover { background: var(--ds-pane-o6); color: var(--ds-vip-sn); }
.tab-list .win-slot { color: var(--ds-club); }
[data-cell-step] { display: grid; gap: 8px; }
.stack-stack { font-size: var(--ds-core-rd); gap: 0.625rem; display: grid; margin-top: auto; color: var(--ds-edge-0w); }
@media (max-width: 1080px) {
  .tile-nav { display: inline-grid; }
}
@media (max-width: 640px) {
  .flag-ace .win-front { display: none; }
  .list-tab { gap: 12px; }
}
.field-outer { gap: 0.625rem; padding: 0 16px; justify-content: center; height: 2.375rem; align-items: center; color: var(--ds-top-7w);
  background: var(--ds-club); text-align: center;
  display: flex; font-size: var(--ds-core-rd);
}
.field-outer span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.field-outer:hover :is(strong, b) { text-decoration: underline; }
.mark-chip { display: grid; grid-template-columns: 1fr auto 1fr; height: calc(var(--ds-table-1n) + 8px); }
.promo-chip2 { min-width: 0; gap: 0.375rem; align-items: center; display: flex; }
.seal-body { justify-content: flex-end; }
.page-note { display: flex; padding: 0 1.25rem; justify-content: center; }
.panel-row { display: flex; gap: 2px; flex: 0 1 auto; min-width: 0; flex-wrap: wrap; height: 2.375rem; overflow: hidden; }
.promo-chip2 > :not(nav) { flex-shrink: 0; }
.reel-chip2 { white-space: nowrap;
  display: inline-flex;
  transition: color var(--ds-strip), background var(--ds-strip); align-items: center; font-weight: 500; height: 2.375rem; padding: 0 0.75rem; border-radius: var(--ds-slab); color: var(--ds-feature);
  font-size: var(--ds-core-rd); letter-spacing: 0.02em;
}
.reel-chip2:hover { color: var(--ds-vip-sn); }
.reel-chip2.lobby-feature { color: var(--ds-vip-sn); background: var(--ds-flag-7b); }
.seal-hero { width: var(--ds-stack-gv); height: 1.5rem; margin: 0 0.5rem; background: var(--ds-game-q0); }
.chip-star { font-weight: 600; padding: 0 0.625rem; color: var(--ds-vip-sn); gap: 0.375rem; align-items: center; font-size: var(--ds-core-rd); white-space: nowrap; display: inline-flex; }
@media (max-width: 1280px) { .panel-row { display: none; } .seal-hero { display: none; } .mark-chip .tile-nav { display: inline-grid; } }
@media (max-width: 1080px) { .mark-chip { grid-template-columns: auto 1fr auto; } .page-note { justify-content: flex-start; padding: 0 8px; } }
@media (max-width: 640px) { .chip-star span { display: none; } .field-outer { font-size: 12px; } }
.race-bar { color: var(--ds-feature); }
.race-bar p { margin: 0 0 1em; }
.race-bar p:last-child { margin-bottom: 0; }
.crown-base { color: var(--ds-vip-sn); margin: 1.4em 0 0.5em; font-weight: 600; font-size: var(--ds-rail-pu); }
.side-win, .area-ace { margin: 0 0 1.1em; padding: 0; list-style: none; display: grid; gap: 0.55em; }
.side-win li { position: relative; padding-left: 1.4em; }
.side-win li::before {
  content: ""; position: absolute; left: 0.1em; top: 0.62em;
  width: 0.45em; height: 0.45em;
  background: var(--ds-club); border-radius: calc(var(--ds-area-p9) * 0.2);
  transform: rotate(45deg);
}
.area-ace { counter-reset: step; }
.area-ace li { padding-left: 2.3em; position: relative; min-height: 1.7em; counter-increment: step; }
/*  temp  */
.area-ace li::before {
  content: counter(step);
  position: absolute; left: 0; top: -0.05em;
  display: grid; place-items: center; width: 1.7em; height: 1.7em;
  font: 600 0.8em/1 var(--ds-box-52); color: var(--ds-top-7w);
  background: var(--ds-club); border-radius: 50%;
}
.race-bar, .race-bar > * { min-width: 0; }
.rear-copy { max-width: 100%; margin: 0 0 1.1em; overflow-x: auto; border: var(--ds-stack-gv) solid var(--ds-box); border-radius: var(--ds-area-p9); }
.rear-copy table { font-size: var(--ds-core-rd); border-collapse: collapse; width: 100%; }
.rear-copy th, .rear-copy td { padding: 0.625rem 0.875rem; text-align: left; border-bottom: var(--ds-stack-gv) solid var(--ds-box); white-space: nowrap; }
.rear-copy tbody tr:last-child > * { border-bottom: 0; }
/*  sections  */
.rear-copy thead th { background: var(--ds-pane-o6); font-size: var(--ds-reel); font-weight: 600; letter-spacing: var(--ds-panel); text-transform: uppercase; color: var(--ds-edge-0w); }
.rear-copy tbody th { font-weight: 600; color: var(--ds-vip-sn); }
.rear-copy caption { padding: 0.625rem 0.875rem; color: var(--ds-club); font-size: var(--ds-reel); caption-side: top; border-bottom: var(--ds-stack-gv) solid var(--ds-box); letter-spacing: var(--ds-panel); text-align: left; font-weight: 600; text-transform: uppercase; }
.rear-copy tbody tr:nth-child(even) > * { background: color-mix(in srgb, var(--ds-flag-7b) 45%, transparent); }
[data-row-jackpot], .pill-dock { height: 22px; width: 22px; font-size: 12px; border-radius: 50%; font-weight: 700; place-items: center; display: inline-grid; }
[data-row-jackpot] { background: color-mix(in srgb, var(--ds-row-d7) 18%, transparent); color: var(--ds-row-d7); }
.pill-dock { background: color-mix(in srgb, var(--ds-ace) 14%, transparent); color: var(--ds-ace); }
.zone-shape tbody th { width: 42%; color: var(--ds-feature); font-weight: 500; white-space: normal; }
.zone-shape td { color: var(--ds-vip-sn); white-space: normal; font-weight: 600; }
[data-flag-feature] td, [data-flag-feature] thead th:not(:first-child) { text-align: center; }
[data-flag-feature] tbody td:nth-child(2), [data-flag-feature] thead th:nth-child(2) { background: var(--ds-hero-ds) !important; }
[data-flag-feature] thead th:nth-child(2) { color: var(--ds-club); }
@media (max-width: 520px) { .front-crest { flex-wrap: wrap; row-gap: 8px; } }
img[data-dot-meta], img.row-body, img.stack-feature { background-color: var(--ds-win, var(--ds-flag-7b)); }
.dice-band { --ds-note-61: 3 / 4; position: relative; }
.dice-band img {
  object-fit: contain !important; object-position: 50% 0 !important;
  background: linear-gradient(180deg, color-mix(in srgb, var(--ds-win, #222) 72%, rgb(11 11 16)) 0 50%, color-mix(in srgb, var(--ds-win, #222) 38%, rgb(11, 11, 16))) !important;
}
.dice-band::before { content: ""; position: absolute; left: 0; right: 0; top: 49%; height: 24%; z-index: 1; pointer-events: none; background: linear-gradient(rgba(0, 0, 0, 0.28), transparent); }
.strip-dice { display: grid; gap: 2px; color: #fff; pointer-events: none; text-shadow: 0 1px 6px rgba(0, 0, 0, 0.45); bottom: 0.75rem; z-index: 2; position: absolute; right: 10px; left: 10px; }
.stage-area { font-family: var(--ds-frame); font-weight: var(--ds-dice-hh); text-transform: var(--ds-lobby-e8); letter-spacing: var(--ds-main-2n); font-size: 1.0625rem; line-height: 1.05; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.group-set { font-size: 0.6875rem; opacity: 0.78; }
.tab-frame.dice-band + .live-mark, .tab-frame.dice-band + .slot-group { display: none; }
img.body-seal {
  background: none !important; border: 0 !important; border-radius: 0 !important; padding: 0 !important;
  box-shadow: none !important; mask-image: none !important;
}
.rail-tile {
  width: 100%;
  position: relative;
  pointer-events: none; align-self: stretch; justify-self: center; min-height: var(--ds-frame-6g, 340px);
}
.rail-tile .set-wrap {
  width: auto; max-width: 116%;
  filter: drop-shadow(0 18px 26px rgba(0, 0, 0, 0.35));
  position: absolute; height: auto; transform: translate(-50%, -50%); object-position: 50% 100%;
  object-fit: contain; max-height: 100%; top: 50%; left: 50%;
}
@media (max-width: 820px) {
  .rail-tile { align-self: auto; min-height: var(--ds-bonus, 260px); }
  .rail-tile .set-wrap { object-position: 50% 100%; }
}
img[data-frame-frame] { filter: var(--ds-top, none); border-radius: 0; object-fit: contain; }
.game-chip2 { gap: 0.5em; line-height: 1; vertical-align: middle; align-items: center; display: inline-flex; }
.game-chip2 svg { flex: none; height: 1.6em; max-width: 3em; width: auto; }
[data-core-tray] { width: 1px; position: absolute; white-space: nowrap; height: 1px; overflow: hidden; clip-path: inset(50%); }
.flag-dock { display: inline-flex; text-transform: uppercase; gap: 12px; letter-spacing: 0.04em; align-items: center; font-size: 0.75rem; }
.flag-dock a { color: var(--ds-feature); text-decoration: none; }
.flag-dock a:hover { color: var(--ds-club); }
.flag-dock a.lobby-feature { color: var(--ds-vip-sn); font-weight: 600; }
.chip-link { display: block; }
.ace-label { color: var(--ds-club); }
.row-wrap { font-weight: 600;
  font-family: var(--ds-label-gl); color: inherit; opacity: 0.72; font-size: clamp(12px, 0.22em, 17px);
  letter-spacing: var(--ds-panel); margin-top: 0.5em; line-height: 1.2; text-transform: uppercase;
  display: block;
}
.race-media { font-weight: var(--ds-dice-hh); display: block; font-size: clamp(22px, 2.4vw, 38px);
  margin: 0;
  font-family: var(--ds-frame); text-transform: var(--ds-lobby-e8);
  letter-spacing: var(--ds-main-2n); line-height: 1.05;
}
.vip-stage { font-style: normal; color: var(--ds-club); }
.unit-unit { flex-wrap: wrap; gap: 6px; line-height: 1.3; align-items: baseline; display: inline-flex; color: var(--ds-edge-0w); font-size: var(--ds-reel); }
.bar-ace { letter-spacing: var(--ds-panel); text-transform: uppercase; }
[data-line-view] { font-weight: 600; color: var(--ds-vip-sn); }
.grid-area { color: rgba(255, 255, 255, 0.72); }
.grid-area [data-line-view] { color: #fff; }
.cell-reel { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
[data-field-view] { color: var(--ds-edge-0w); gap: 0.375rem; padding: 0 0.625rem; font-size: var(--ds-reel); display: inline-flex; border-radius: var(--ds-area-p9); height: 1.75rem; transition: color .15s, border-color .15s, background-color .15s; align-items: center; }
[data-field-view]:hover { color: var(--ds-vip-sn); }
[data-field-view] .win-slot { font-size: 1.25em; }
.feature-hero [data-field-view] { background: var(--ds-shape-1h); border-radius: var(--ds-slab); }
.page-foot [data-field-view] { border: var(--ds-stack-gv) solid var(--ds-game-q0); }
.page-foot [data-field-view]:hover { border-color: var(--ds-live); }
[data-deal-bar] [data-field-view] { background: var(--ds-pane-o6); border: var(--ds-stack-gv) solid var(--ds-box); font-weight: 600; }
[data-box-lead] { gap: 0.25rem 1.125rem; }
[data-box-lead] [data-field-view] { padding: 0; height: auto; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--ds-live); }
.item-star [data-field-view] { font: 500 11px/1 var(--ds-box-52); text-transform: uppercase; letter-spacing: 0.08em; padding: 0 8px; border-radius: 0; border-left: 2px solid var(--ds-club); }
a[role="button"] { cursor: pointer; }
.feature-seal { display: none; }
@media (max-width: 640px) {
  .box-pane { overflow: visible; border: 0; border-radius: 0; }
  .box-pane thead { display: none; }
  .box-pane table, .box-pane tbody, .box-pane tr { display: block; width: 100%; }
  .box-pane caption { display: block; padding: 0 0 0.5rem; }
  .box-pane tr { margin: 0 0 0.625rem; border: var(--ds-stack-gv) solid var(--ds-box); border-radius: var(--ds-area-p9); overflow: hidden; }
  .box-pane tbody tr > * { background: none; }
  .box-pane tbody th { display: block; white-space: normal; border-bottom: var(--ds-stack-gv) solid var(--ds-box); background: color-mix(in srgb, var(--ds-flag-7b) 70%, transparent); }
  .box-pane td { display: flex; align-items: baseline; justify-content: space-between; gap: 14px; white-space: normal; text-align: right; }
  .box-pane tbody tr > td:last-child { border-bottom: 0; }
  .box-pane tbody tr:last-child > th { border-bottom: var(--ds-stack-gv) solid var(--ds-box); }
  .box-pane .feature-seal { flex: none; letter-spacing: var(--ds-panel); font-size: var(--ds-reel); font-weight: 600; display: block; text-align: left; text-transform: uppercase; color: var(--ds-edge-0w); max-width: 48%; }
}
.foot-gold { padding: clamp(28px, 5vw, 64px) 0; }
.panel-edge { gap: 0.875rem; max-width: 48.75rem; margin: 0 auto; display: grid; }
.slab-table { font-size: clamp(32px, 4.4vw, 52px); line-height: 1.05; }
.rear-jackpot { font-size: var(--ds-core-rd); color: var(--ds-edge-0w); }
.tray-box { font-size: var(--ds-rail-pu); color: var(--ds-feature); }
[data-step-media] { display: grid; margin-top: 8px; gap: 0.75rem; }
[data-step-media] h2 { font-size: var(--ds-seal); margin-top: 18px; color: var(--ds-vip-sn); }
.area-dice { list-style: none; margin: 0.5rem 0; padding: 0; display: grid; gap: 10px; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
.area-dice li { display: grid; gap: 4px; padding: 1rem 1.125rem; border: var(--ds-stack-gv) solid var(--ds-box); border-radius: var(--ds-media-yz); background: var(--ds-pane-o6); }
.copy-grid { font-size: var(--ds-reel); text-transform: uppercase; letter-spacing: var(--ds-panel); color: var(--ds-edge-0w); }
[data-chip2-stack] { font-weight: 600; color: var(--ds-vip-sn); word-break: break-word; }
.tab-deck { font-size: var(--ds-core-rd); color: var(--ds-feature); }
.zone-slot { flex-wrap: wrap; font-size: var(--ds-core-rd); margin: 14px 0 4px; display: flex; gap: 0.5rem 1.125rem; }
.zone-slot a { color: var(--ds-feature); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: color-mix(in srgb, currentColor 35%, transparent); }
.zone-slot a:hover { color: var(--ds-vip-sn); }
.lobby-bonus { flex-wrap: wrap; gap: 0.25rem; display: flex; }
.link-lead { font: 700 10px/1 var(--ds-box-52); border-radius: 999px; padding: 0 0.3125rem; height: 22px; color: #fff; min-width: 22px; place-items: center; display: grid; }
[data-core-tab] { background: rgb(200, 49, 61); }
[data-menu-bonus] { background: rgb(28 28 34); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2); }
[data-inner-foot] { background: rgb(31 138 76); }
.base-tab { background: var(--ds-gold); color: var(--ds-vip-sn); }
.core-link { display: flex; flex-wrap: wrap; gap: 10px; }
.gold-edge { display: inline-flex; align-items: center; gap: 0.625rem; height: 50px; padding: 0 18px 0 14px; border-radius: 12px; background: rgb(11 11 13); color: #fff; border: 1px solid rgba(255, 255, 255, 0.18); transition: transform var(--ds-strip) var(--ds-rear-kr); }
.gold-edge:hover { transform: translateY(-2px); }
.gold-edge .win-slot { font-size: 1.625rem; }
.gold-edge span { display: grid; font-size: 15px; line-height: 1.1; font-weight: 600; }
.gold-edge small { font-size: 0.625rem; font-weight: 400; opacity: 0.75; }
.field-stack { height: 28.75rem; position: relative; padding: 0.75rem; display: block; width: 14.375rem; flex: none; box-shadow: inset 0 0 0 2px rgb(42 42 51), 0 30px 60px -20px rgba(0, 0, 0, 0.6); background: rgb(12, 12, 16); border-radius: 2.375rem; }
.side-ace { position: absolute; z-index: 2; height: 18px; transform: translateX(-50%); background: rgb(12, 12, 16); border-radius: 62.4375rem; width: 4.375rem; left: 50%; top: 18px; }
.rear-deal { padding: 2.25rem 0.625rem 0.625rem; display: flex; flex-direction: column; height: 100%; overflow: hidden; gap: 8px; background: var(--ds-menu); border-radius: 1.75rem; }
.lobby-body { display: flex; justify-content: center; }
.lobby-body .head-pane { --ds-race-f4: 18px; pointer-events: none; }
.mark-chip2 { display: grid; gap: 2px; padding: 12px; border-radius: 12px; background: var(--ds-hero-oi), var(--ds-flag-7b); font-size: 0.5625rem; color: var(--ds-feature); }
.mark-chip2 .body-tray { font-size: 18px; color: var(--ds-club); }
.view-chip { display: grid; grid-template-columns: repeat(2, 1fr); gap: 5px; }
/*  overrides  */
.view-chip img { aspect-ratio: 3 / 2; object-fit: cover; width: 100%; border-radius: 6px; }
.feature-reel { display: flex; color: var(--ds-edge-0w); font-size: 1rem; justify-content: space-around; margin-top: auto; border-top: 1px solid var(--ds-box); padding: 8px 0 2px; }
.feature-reel .win-slot:first-child { color: var(--ds-club); }
.foot-seal { background: rgba(7, 6, 13, 0.82); border-bottom: 1px solid transparent; border-image: linear-gradient(90deg, var(--ds-club), rgba(34, 228, 255, 0.6), transparent 70%) 1; }
.lobby-set, .stack-inner { background: rgba(9, 7, 18, 0.9); }
.line-crown { font-weight: 500; letter-spacing: 0.02em; }
.line-crown.lobby-feature { background: linear-gradient(90deg, rgba(255, 46, 136, 0.18), transparent); color: #fff; }
.line-crown.lobby-feature::before { content: ""; position: absolute; left: 0; top: 8px; bottom: 8px; width: 3px; background: var(--ds-club); box-shadow: 0 0 10px var(--ds-club); }
.line-crown.lobby-feature .win-slot { color: var(--ds-club); filter: drop-shadow(0 0 6px var(--ds-club)); }
.bar-panel { font-family: var(--ds-box-52); color: var(--ds-copy); opacity: 0.7; }
.jackpot-club { border-color: var(--ds-game-q0); clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 0 100%); }
.list-area.lobby-feature .win-slot, .link-rear .win-slot { filter: drop-shadow(0 0 6px currentColor); }
.link-rear { border-radius: 0; padding: 0 1.25rem; clip-path: polygon(8px 0, 100% 0, calc(100% - 8px) 100%, 0 100%); }
.link-rear.lobby-feature { box-shadow: none; }
.list-base { border-radius: 0; }
.list-base.lobby-feature { text-shadow: 0 0 10px rgba(255, 46, 136, 0.7); box-shadow: inset 0 -2px 0 var(--ds-club); background: transparent; color: #fff; }
.page-ace { display: grid; gap: 14px; }
.row-media {
  display: grid; gap: 16px;
  margin: 0 calc(var(--ds-base) * -1);
  overflow-x: auto; scroll-snap-type: x mandatory; grid-auto-flow: column; padding: 4px var(--ds-base) 10px; scroll-padding: 0 11%; list-style: none; grid-auto-columns: min(78%, 1000px); scrollbar-width: none;
}
.row-media::-webkit-scrollbar { display: none; }
.crest-step { scroll-snap-align: center; }
.row-stage {
  position: relative; isolation: isolate; display: block; height: 26.25rem; overflow: hidden;
  border-radius: var(--ds-media-yz); border: var(--ds-stack-gv) solid var(--ds-box); box-shadow: var(--ds-vip); background: var(--ds-flag-7b);
}
.panel-link { width: 100%; position: absolute; inset: 0; height: 100%; object-fit: cover; z-index: -2; object-position: 60% 35%; }
.front-hero { background: linear-gradient(0deg, rgba(0, 0, 0, 0.88), rgba(0, 0, 0, 0.1) 70%); inset: 0; z-index: -1; position: absolute; }
[data-offer-tile] { bottom: 1.875rem; gap: 0.625rem; left: 32px; color: #fff; position: absolute; justify-items: start; right: 32px; display: grid; }
[data-offer-tile] .offer-deck { color: var(--ds-field-7o); }
.area-tray { font-size: 6rem; right: 0; -webkit-text-stroke: 1.5px rgba(255, 255, 255, 0.35); position: absolute; bottom: -6px; color: transparent; line-height: 1; }
.deck-copy { font-size: clamp(30px, 3.6vw, 54px); max-width: 16ch; display: block; }
/*  temp  */
.nav-shape { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
[data-copy-dice] { padding: 0; overflow-x: auto; display: flex; gap: 0.375rem; margin: 0; list-style: none; scrollbar-width: none; }
.block-panel {
  display: inline-flex; align-items: center; gap: 8px; height: 36px; padding: 0 0.875rem; white-space: nowrap;
  border-radius: var(--ds-slab); border: var(--ds-stack-gv) solid var(--ds-box); font-size: var(--ds-core-rd); color: var(--ds-edge-0w);
  transition: color var(--ds-strip), border-color var(--ds-strip), background var(--ds-strip);
}
.block-panel .side-dice { font-size: 0.6875rem; color: var(--ds-club); }
.block-panel.lobby-feature { background: var(--ds-hero-ds); border-color: var(--ds-club); color: var(--ds-vip-sn); }
.bonus-side { display: flex; gap: 0.375rem; }
@media (max-width: 720px) {
  .row-media { grid-auto-columns: 88%; }
  .row-stage { height: 22.5rem; }
  [data-offer-tile] { left: 1.25rem; right: 20px; }
  [data-copy-dice] { display: none; }
  .nav-shape { justify-content: flex-end; }
}
.row-stage:has(.rail-tile) { background: var(--ds-hero-oi), var(--ds-lobby-se), var(--ds-flag-7b); }
.row-stage:has(.rail-tile) .panel-link { display: none; }
.row-stage:has(.rail-tile) [data-offer-tile] { right: 42%; top: 50%; transform: translateY(-50%); bottom: auto; }
.row-stage:has(.rail-tile) .area-tray { right: auto; left: -0.25rem; bottom: calc(100% + 6px); font-size: 72px; }
.deck-pill { position: absolute; z-index: 1; right: 0; bottom: 0; top: 10%; width: 44%; min-height: 0; }
@media (max-width: 760px) {
  .row-stage:has(.rail-tile) [data-offer-tile] { transform: none; bottom: 1.875rem; top: auto; right: 1rem; }
  .row-stage:has(.rail-tile) .area-tray { display: none; }
  .deck-pill { height: min(54vw, 240px); width: 70%; top: 0.625rem; bottom: auto; right: 0; }
}
.spin-slab { display: grid; gap: 14px; }
.item-nav {
  display: flex; align-items: center; gap: 14px; height: 4rem; padding: 0 22px;
  border-radius: var(--ds-media-yz); background: var(--ds-pane-o6); border: var(--ds-stack-gv) solid var(--ds-game-q0); box-shadow: var(--ds-vip);
  color: var(--ds-club); font-size: 22px;
}
.item-nav:focus-within { border-color: var(--ds-club); }
.item-nav input { flex: 1; min-width: 0; height: 100%; background: none; border: 0; outline: 0; color: var(--ds-vip-sn); font: inherit; font-size: var(--ds-rail-pu); }
.item-nav input::placeholder { color: var(--ds-edge-0w); }
.wrap-foot { color: var(--ds-edge-0w); font-size: var(--ds-reel); white-space: nowrap; }
.bonus-front { display: flex; align-items: center; gap: 12px; }
.set-stage { display: flex; gap: 6px; overflow-x: auto; min-width: 0; flex: 1; scrollbar-width: none; padding-bottom: 2px; }
.set-stage::-webkit-scrollbar { display: none; }
.chip-step {
  display: inline-flex; align-items: center; gap: 0.5rem; flex: none; height: 2.375rem; padding: 0 0.5rem 0 1rem;
  border-radius: var(--ds-slab); border: var(--ds-stack-gv) solid var(--ds-game-q0); font-size: var(--ds-core-rd); font-weight: 500; color: var(--ds-feature);
  transition: background var(--ds-strip), color var(--ds-strip), border-color var(--ds-strip);
}
.chip-step .side-dice { padding: 3px 7px; border-radius: 62.4375rem; background: var(--ds-flag-7b); font-size: 11px; color: var(--ds-edge-0w); }
.chip-step:hover { color: var(--ds-vip-sn); border-color: var(--ds-live); }
.chip-step.lobby-feature { background: var(--ds-vip-sn); border-color: var(--ds-vip-sn); color: var(--ds-menu); }
.chip-step.lobby-feature .side-dice { background: var(--ds-club); color: var(--ds-top-7w); }
.win-lobby { display: inline-flex; align-items: center; gap: 0.375rem; flex: none; height: 2.375rem; padding: 0 0.625rem; border-radius: var(--ds-area-p9); border: var(--ds-stack-gv) solid var(--ds-game-q0); color: var(--ds-edge-0w); }
.win-lobby select { background: none; border: 0; outline: 0; color: var(--ds-vip-sn); font: inherit; font-size: var(--ds-core-rd); }
.win-lobby option { color: #111; }
@media (max-width: 720px) { .wrap-foot { display: none; } .win-lobby { display: none; } .item-nav { height: 54px; } }
.bonus-rear { padding: 0; display: grid; margin: 0; list-style: none; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.field-bar { display: grid; grid-template-rows: auto 1fr auto; overflow: hidden; transition: transform var(--ds-strip) var(--ds-rear-kr), box-shadow var(--ds-strip); }
.field-bar:hover { transform: translateY(calc(var(--ds-lead) * -1)); box-shadow: var(--ds-game); }
[data-shape-view] { position: relative; display: block; aspect-ratio: 16 / 9; overflow: hidden; }
[data-shape-view] img { object-fit: cover; height: 100%; width: 100%; }
[data-shape-view] .view-spin { position: absolute; top: 12px; left: 0.75rem; }
.gold-live { padding: 18px 20px 6px; gap: 8px; display: grid; align-content: start; }
.vip-front { font-size: var(--ds-seal); }
/*  header  */
.chip-club { color: var(--ds-feature); font-size: var(--ds-core-rd); }
.inner-lead { display: inline-flex; align-items: center; gap: 0.375rem; font-size: var(--ds-reel); color: var(--ds-edge-0w); }
[data-race-row] { gap: 0.625rem; padding: 0.875rem 1.25rem 1.125rem; justify-content: space-between; align-items: center; display: flex; }
@media (max-width: 960px) { .bonus-rear { grid-template-columns: 1fr 1fr; } .bonus-rear > li:last-child { display: none; } }
@media (max-width: 600px) { .bonus-rear { grid-template-columns: 1fr; } .bonus-rear > li:last-child { display: grid; } }
[data-head-list] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px 14px; margin: 0; padding: 0; list-style: none; }
@media (max-width: 900px) { [data-head-list] { grid-template-columns: repeat(2, minmax(0, 1fr)); } [data-head-list] > li:nth-child(n + 7) { display: none; } }
@media (max-width: 480px) { [data-head-list] { grid-template-columns: 1fr; } [data-head-list] > li:nth-child(n + 5) { display: none; } }
.panel-zone { padding: clamp(32px, 5vw, 60px) 24px; gap: 0.75rem; justify-items: center; display: grid; text-align: center; overflow: hidden; isolation: isolate; }
.chip-set { inset: 0; z-index: -1; position: absolute; background: radial-gradient(50% 70% at 50% 40%, var(--ds-hero-ds), transparent 70%), var(--ds-outer); }
[data-panel-core] { font-size: var(--ds-seal); color: var(--ds-feature); }
.unit-tray { letter-spacing: -0.03em; white-space: nowrap; font-size: clamp(30px, 8.4vw, 108px); line-height: 1; color: var(--ds-club); text-shadow: 0 0 40px color-mix(in srgb, var(--ds-club) 35%, transparent); }
.base-slab { display: inline-flex; align-items: center; gap: 6px; font-size: var(--ds-core-rd); color: var(--ds-edge-0w); }
.grid-stack { margin: 10px 0 14px; gap: 0; justify-content: center; flex-wrap: wrap; padding: 0; list-style: none; display: flex; }
.grid-stack li { display: grid; gap: 6px; padding: 8px clamp(18px, 3vw, 40px); }
.grid-stack li + li { border-left: var(--ds-stack-gv) solid var(--ds-game-q0); }
[data-strip-main] { font-size: clamp(20px, 2.2vw, 30px); color: var(--ds-vip-sn); }
@media (max-width: 560px) { .grid-stack li + li { border-left: 0; } }
.item-club { padding: clamp(24px, 4vw, 48px); display: grid; gap: clamp(24px, 4vw, 60px); grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); }
.area-live { display: grid; justify-items: start; gap: 0.875rem; }
.panel-slab { color: var(--ds-top-7w); background: var(--ds-club); clip-path: polygon(50% 0, 100% 14%, 100% 55%, 50% 100%, 0 55%, 0 14%); height: 4.5rem; width: 64px; place-items: center; display: grid; font-size: 1.875rem; }
.zone-tray { font-size: clamp(28px, 3vw, 42px); }
[data-item-link] { color: var(--ds-feature); max-width: 56ch; }
[data-mark-ring] { align-content: center; display: grid; gap: 22px; }
.body-block { flex-wrap: wrap; display: flex; gap: 10px; }
.row-foot {
  display: grid; place-items: center; width: 4.625rem; height: 4.625rem; border-radius: 50%;
  border: calc(var(--ds-stack-gv) * 2) solid var(--ds-live); background: repeating-conic-gradient(var(--ds-flag-7b) 0 10deg, var(--ds-pane-o6) 10deg 20deg);
}
.row-foot span { display: grid; color: var(--ds-vip-sn); background: var(--ds-menu); height: 3.5rem; place-items: center; width: 3.5rem; font: 700 11px/1.1 var(--ds-lead-8r); text-align: center; border-radius: 50%; }
[data-dot-slot] { gap: 10px; grid-template-columns: 1fr 1fr; display: grid; }
[data-dot-slot] li { font-size: var(--ds-core-rd); display: flex; align-items: center; gap: 0.5rem; }
[data-dot-slot] .win-slot { color: var(--ds-row-d7); }
@media (max-width: 860px) { .item-club { grid-template-columns: 1fr; } }
.menu-meta { display: grid; gap: 28px; padding: 20px 28px; grid-template-columns: auto minmax(0, 1fr) auto auto; align-items: center; }
.block-tab { height: 6.5rem; background: #fff; border-radius: var(--ds-area-p9); width: 104px; grid-template-columns: repeat(21, 1fr); box-shadow: var(--ds-vip); padding: 0.5rem; display: grid; }
.block-tab i[data-list-list] { background: #111; }
.side-tile { display: grid; gap: 4px; }
[data-view-table] { font-size: var(--ds-seal); }
.lobby-dock { font-size: var(--ds-core-rd); color: var(--ds-feature); }
.zone-group { display: grid; padding: 0 24px; border-right: var(--ds-stack-gv) solid var(--ds-box); border-left: var(--ds-stack-gv) solid var(--ds-box); gap: 2px; justify-items: center; }
[data-table-edge] { font-size: 36px; line-height: 1; }
.rail-hero { color: var(--ds-ace); font-size: 0.8125rem; letter-spacing: 1px; }
.page-step { font-size: 0.6875rem; color: var(--ds-edge-0w); }
@media (max-width: 1000px) { .menu-meta { grid-template-columns: auto minmax(0, 1fr); } .zone-group { display: none; } .menu-meta .core-link { grid-column: 1 / -1; } }
@media (max-width: 520px) { .block-tab { display: none; } .menu-meta { grid-template-columns: 1fr; } }
.promo-list { align-items: center; flex-wrap: wrap; gap: 12px 20px; display: flex; margin-bottom: 1rem; }
[data-dice-top] { display: flex; white-space: nowrap; align-items: center; gap: 0.625rem; font-size: var(--ds-seal); }
[data-dice-top] .win-slot { color: var(--ds-club); }
.note-promo { display: flex; gap: 0.25rem; padding: 4px; border-radius: calc(var(--ds-area-p9) + 4px); background: var(--ds-pane-o6); border: var(--ds-stack-gv) solid var(--ds-box); }
.unit-offer { height: 32px; padding: 0 12px; border-radius: var(--ds-area-p9); font-size: 13px; font-weight: 500; color: var(--ds-edge-0w); transition: background var(--ds-strip), color var(--ds-strip); }
.unit-offer.lobby-feature { background: var(--ds-club); color: var(--ds-top-7w); }
.box-stage { display: flex; align-items: center; gap: 6px; margin-left: auto; }
.star-crest { --ds-top-xk: clamp(150px, calc((100% - 12px * 6) / 7), 190px); }
.promo-table { display: grid; gap: 8px; min-width: 0; }
.jackpot-menu { position: relative; }
.ring-card { top: 8px; z-index: 1; transition: opacity var(--ds-strip); border-radius: 62.4375rem; right: 0.5rem; padding: 3px 7px; background: rgba(0, 0, 0, 0.66); font-size: 0.6875rem; color: #fff; position: absolute; }
.view-lobby { gap: 0.625rem; place-content: center; transition: opacity var(--ds-strip); justify-items: center;
  position: absolute;
  background: rgba(0, 0, 0, 0.62); opacity: 0; inset: 0; z-index: 2; display: grid;
}
.jackpot-menu:hover .view-lobby, .jackpot-menu:focus-within .view-lobby { opacity: 1; }
.block-stack { font-weight: 600; color: #fff; font-size: var(--ds-reel); text-underline-offset: 3px; text-decoration: underline; }
.slot-group { font-size: var(--ds-core-rd); font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 800px) { .note-promo { overflow-x: auto; width: 100%; order: 3; } .box-stage .seal-edge { display: none; } .star-crest { --ds-top-xk: 40vw; } }
.label-side { grid-template-columns: minmax(0, 1fr) auto; gap: 18px; display: grid; align-items: center; }
.vip-base { margin: 0; grid-template-columns: repeat(4, minmax(0, 1fr)); filter: drop-shadow(0 12px 18px rgba(0, 0, 0, 0.18)); padding: 0; display: grid; list-style: none; }
.lead-star {
  --ds-slot-fj: 26px;
  display: grid; grid-template-columns: 40px minmax(0, 1fr); align-items: center; gap: 0.75rem;
  min-height: 116px; margin-left: calc(var(--ds-slot-fj) * -1 + 4px); padding: 16px 18px 16px calc(var(--ds-slot-fj) + 20px);
  background: var(--ds-flag-7b);
  clip-path: polygon(0 0, calc(100% - var(--ds-slot-fj)) 0, 100% 50%, calc(100% - var(--ds-slot-fj)) 100%, 0 100%, var(--ds-slot-fj) 50%);
}
/*  keep in sync with the build  */
.item-field { margin-left: 0; padding-left: 20px; clip-path: polygon(0 0, calc(100% - var(--ds-slot-fj)) 0, 100% 50%, calc(100% - var(--ds-slot-fj)) 100%, 0 100%); border-radius: var(--ds-media-yz) 0 0 var(--ds-media-yz); }
.seal-media { background: var(--ds-gold); }
.list-bar { background: color-mix(in srgb, var(--ds-club) 22%, var(--ds-flag-7b)); }
.list-bar .area-main, .list-bar .list-chip2 { color: var(--ds-vip-sn); opacity: 0.85; }
.race-club { background: var(--ds-club); color: var(--ds-top-7w); }
.race-club .area-main, .race-club .list-chip2 { color: inherit; opacity: 0.8; }
.note-zone { display: grid; place-items: center; width: 2.5rem; height: 2.5rem; border-radius: 50%; background: var(--ds-menu); color: var(--ds-club); font-size: 1.25rem; }
.chip2-line { min-width: 0; gap: 2px; display: grid; }
.list-chip2 { color: var(--ds-edge-0w); letter-spacing: var(--ds-panel); font-size: 0.6875rem; text-transform: uppercase; }
.area-main { font-size: 12px; color: var(--ds-feature); }
@media (max-width: 1100px) { .label-side { grid-template-columns: 1fr; } .card-shape { justify-self: center; } }
@media (max-width: 760px) {
  .vip-base { filter: none; gap: 0.375rem; grid-template-columns: 1fr; }
  .lead-star, .item-field { border-radius: var(--ds-area-p9); clip-path: none; min-height: 0; padding: 14px 18px; margin-left: 0; }
}
.outer-dice { padding: clamp(40px, 5vw, 70px) 0; margin: 0 calc(50% - 50vw); isolation: isolate; position: relative; }
.outer-dice::before { z-index: -1; position: absolute; inset: 0; content: ""; background: linear-gradient(135deg, rgb(7 7 10), rgb(22 18 28)); }
.outer-dice::after { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--ds-hero-oi); opacity: 0.8; }
.stack-dot { display: grid; grid-template-columns: minmax(260px, 340px) minmax(0, 1fr); gap: 2rem; align-items: center; max-width: 82.5rem; margin: 0 auto; padding-left: var(--ds-base); }
.link-main { justify-items: start; display: grid; gap: 14px; color: rgb(243, 241, 238); }
[data-line-slab] { font-size: clamp(32px, 3.4vw, 50px); }
[data-line-slab] em { display: block; color: var(--ds-club); }
.group-strip { color: rgba(255, 255, 255, 0.66); }
.card-base { gap: 8px; align-items: center; color: rgba(255, 255, 255, 0.8); display: inline-flex; font-size: var(--ds-core-rd); }
.note-offer { gap: 0.375rem; align-items: center; margin-top: 0.375rem; display: flex; }
.note-offer .unit-main { margin-left: 0.625rem; color: #fff; }
.chip2-slab { display: grid; grid-auto-flow: column; grid-auto-columns: 230px; gap: 14px; margin: 0; padding: 4px var(--ds-base) 4px 2px; list-style: none; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.chip2-slab::-webkit-scrollbar { display: none; }
.chip2-slab > li { scroll-snap-align: start; }
.unit-deal { position: relative; display: block; aspect-ratio: 3 / 4; overflow: hidden; border-radius: var(--ds-media-yz); border: 1px solid rgba(255, 255, 255, 0.1); }
.unit-deal img { transition: transform 700ms var(--ds-rear-kr); object-fit: cover; height: 100%; width: 100%; object-position: 50% 15%; }
.unit-deal:hover img { transform: scale(1.05); }
.unit-deal::after { inset: 0; position: absolute; background: linear-gradient(transparent 55%, rgba(0, 0, 0, 0.6)); content: ""; }
[data-page-crown] { position: absolute; left: 14px; right: 0.875rem; bottom: 14px; z-index: 1; display: grid; gap: 3px; color: #fff; }
.bar-crest { font-size: 0.6875rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ds-field-7o); }
.live-rail { font-weight: 700; }
[data-meta-top] { align-items: center; color: rgba(255, 255, 255, 0.7); display: inline-flex; gap: 0.3125rem; font-size: var(--ds-reel); }
.outer-dice .seal-edge { color: #fff; }
@media (max-width: 860px) { .stack-dot { grid-template-columns: 1fr; padding-right: 0; } .link-main { padding-right: var(--ds-base); } .chip2-slab { grid-auto-columns: 180px; } }
.star-jackpot { margin: 0; padding: 6px; list-style: none; overflow: hidden; }
.wrap-rear { display: grid; grid-template-columns: 76px minmax(0, 1fr) 150px 150px auto; align-items: center; gap: 1.25rem; padding: 12px 16px 12px 12px; border-radius: var(--ds-area-p9); }
.wrap-rear:nth-child(odd) { background: var(--ds-flag-7b); }
.wrap-rear img { width: 4.75rem; height: 4.75rem; object-fit: cover; border-radius: var(--ds-area-p9); }
.foot-ring { display: grid; min-width: 0; gap: 4px; }
.slot-live { font-size: var(--ds-rail-pu); }
.page-item { font-size: var(--ds-core-rd); color: var(--ds-feature); }
[data-shape-lead] [data-crest-gold] { font-size: var(--ds-rail-pu); }
[data-mark-dice] { display: inline-flex; align-items: center; gap: 6px; font-size: var(--ds-reel); color: var(--ds-edge-0w); }
@media (max-width: 1000px) { .wrap-rear { grid-template-columns: 64px minmax(0, 1fr) auto; } [data-shape-lead], [data-mark-dice] { display: none; } .wrap-rear img { width: 64px; height: 4rem; } }
.jackpot-list { justify-content: center; display: grid; gap: clamp(32px, 5vw, 80px); grid-template-columns: 240px minmax(0, 760px); }
.menu-band { position: sticky; top: calc(var(--ds-table-1n) + 28px); align-self: start; }
.menu-band ol { padding: 0; margin: 0.875rem 0 0; counter-reset: toc; list-style: none; border-left: var(--ds-stack-gv) solid var(--ds-game-q0); }
.menu-band li { counter-increment: toc; }
.menu-band a {
  display: grid; grid-template-columns: 2.2em 1fr; padding: 7px 0 7px 14px;
  font-size: var(--ds-core-rd); line-height: 1.35; color: var(--ds-feature);
  transition: color var(--ds-strip);
}
.menu-band a::before { color: var(--ds-edge-0w); font: 400 var(--ds-reel)/1.8 var(--ds-box-52); content: counter(toc, decimal-leading-zero); }
.menu-band a:hover { color: var(--ds-club); }
.outer-slab { display: grid; gap: 18px; }
.lead-deal { font-size: clamp(32px, 3.2vw, 50px); color: var(--ds-vip-sn); }
.wrap-vip { font-size: var(--ds-rail-pu); line-height: 1.6; color: var(--ds-vip-sn); }
.wrap-vip::first-letter {
  float: left; margin: 0.08em 0.12em 0 0;
  font-family: var(--ds-frame); font-size: 3.4em; line-height: 0.8; color: var(--ds-club);
}
.gold-rear { scroll-margin-top: calc(var(--ds-table-1n) + 20px); line-height: 1.7; border-top: var(--ds-stack-gv) solid var(--ds-box); padding-top: 26px; }
[data-unit-pane] { color: var(--ds-vip-sn); margin-bottom: 14px; font-size: var(--ds-seal); }
@media (max-width: 1080px) {
  .jackpot-list { grid-template-columns: minmax(0, 1fr); }
  .menu-band { position: static; }
  .menu-band ol { columns: 2; column-gap: 24px; }
}
@media (max-width: 600px) { .menu-band ol { columns: 1; } }
.crest-table { display: grid; gap: clamp(28px, 5vw, 72px); grid-template-columns: minmax(260px, 0.8fr) minmax(0, 1.4fr); }
.ring-zone { display: grid; position: sticky; align-self: start; top: calc(var(--ds-table-1n) + 28px); justify-items: start; gap: 14px; }
.body-hero { font-size: clamp(30px, 3vw, 46px); }
.deal-list { color: var(--ds-feature); }
.body-live { width: 100%; display: grid; grid-template-columns: 44px minmax(0, 1fr); align-items: center; padding: 16px; gap: 0.75rem; margin-top: 8px; }
.body-live .set-page { grid-column: 1 / -1; }
.body-live :is(strong, b) { display: block; font-size: var(--ds-core-rd); }
.vip-reel { border-radius: 50%; width: 2.75rem; color: var(--ds-top-7w); display: grid; background: var(--ds-club); height: 44px; place-items: center; font-size: 1.25rem; }
.dot-spin { color: var(--ds-edge-0w); gap: 6px; font-size: var(--ds-reel); align-items: center; display: inline-flex; }
.note-shape { display: grid; gap: 10px; }
.outer-lobby { overflow: hidden; }
.outer-lobby summary { gap: 12px; cursor: pointer; align-items: center; grid-template-columns: 44px minmax(0, 1fr) 32px;
  padding: 1.125rem 1.25rem;
  display: grid; list-style: none;
}
.outer-lobby summary::-webkit-details-marker { display: none; }
.front-vip { font-size: var(--ds-core-rd); color: var(--ds-club); }
[data-outer-crest] { font-size: var(--ds-rail-pu); font-weight: 600; }
.rail-table { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: var(--ds-flag-7b); transition: transform var(--ds-strip) var(--ds-rear-kr), background var(--ds-strip); }
.outer-lobby[open] .rail-table { color: var(--ds-top-7w); transform: rotate(45deg); background: var(--ds-club); }
.outer-lobby p { padding: 0 4rem 1.375rem 4.75rem; color: var(--ds-feature); }
@media (max-width: 900px) {
  .crest-table { grid-template-columns: 1fr; }
  .ring-zone { position: static; }
  .outer-lobby p { padding: 0 20px 20px; }
}
.stage-tile { overflow: hidden; border-top: var(--ds-stack-gv) solid var(--ds-box); }
.card-item { max-width: 90rem; margin: 0 auto; gap: 2rem; padding: 48px var(--ds-base) 24px; display: grid; }
.seal-vip { display: grid; grid-template-columns: minmax(0, 1.7fr) repeat(4, minmax(0, 1fr)); gap: 2rem; }
.band-band { min-width: 0; display: grid; align-content: start; gap: 0.625rem; padding: 1.375rem; font-size: var(--ds-core-rd); color: var(--ds-feature); }
.dock-base { font-size: 26px; color: var(--ds-vip-sn); }
.dice-promo { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 6px; }
.mark-row { flex: 1 1 180px; min-width: 0; }
.dice-promo .set-page { flex: 0 0 auto; }
.item-win { letter-spacing: var(--ds-panel); font-weight: 600; color: var(--ds-edge-0w); font-size: var(--ds-reel); margin-bottom: 0.75rem; text-transform: uppercase; }
.card-spin ul { display: grid; gap: 9px; font-size: var(--ds-core-rd); color: var(--ds-feature); }
.card-spin a:hover { color: var(--ds-club); }
.pill-promo { display: flex; border-bottom: var(--ds-stack-gv) solid var(--ds-box); flex-wrap: wrap; border-top: var(--ds-stack-gv) solid var(--ds-box); padding: 1.25rem 0; align-items: center; gap: 18px 28px; }
[data-lead-outer] .game-chip2 svg { height: 1.25rem; }
[data-lead-outer] { display: flex; flex-wrap: wrap; margin-right: auto; font: 500 var(--ds-reel)/1 var(--ds-box-52); align-items: center; gap: 0.625rem 1.125rem; color: var(--ds-edge-0w); letter-spacing: 0.08em; text-transform: uppercase; }
.panel-race { display: grid; place-items: center; width: 2.625rem; height: 42px; border-radius: 50%; border: calc(var(--ds-stack-gv) * 2) solid var(--ds-ace); color: var(--ds-ace); font-size: 13px; }
.deal-pane { max-width: 110ch; font-size: var(--ds-reel); line-height: 1.7; color: var(--ds-edge-0w); }
@media (max-width: 1320px) { .seal-vip { grid-template-columns: minmax(0, 1.4fr) repeat(2, minmax(0, 1fr)); } .band-band { grid-row: span 2; } }
@media (max-width: 1180px) { .seal-vip { grid-template-columns: repeat(2, minmax(0, 1fr)); } .band-band { grid-column: 1 / -1; grid-row: auto; } }
@media (max-width: 520px) { .dice-promo { flex-direction: column; } }
.pill-promo .cell-reel { flex-basis: 100%; }
:root { --ds-top-7w: rgb(17, 17, 17); --ds-hero-ds: rgba(247, 195, 95, 0.14); --ds-field-7o: rgb(248, 206, 124); --ds-club: rgb(247, 195, 95); }
:root { --ds-club: rgb(247, 195, 95); --ds-top-7w: rgb(17 17 17); --ds-field-7o: rgb(248, 206, 124); --ds-hero-ds: rgba(247, 195, 95, 0.14); }
:root { --ds-lobby: 0.5deg; --ds-media-yz: 4px; --ds-zone-yy: 1200px; --ds-base: calc(clamp(16px, 2.4vw, 36px) * 1.22); --ds-menu-8l: calc(clamp(44px, 4.6vw, 68px) * 1.22); --ds-edge-z0: 4px; --ds-lead: 6px; --ds-stack-gv: 1px; --ds-area-p9: 4px; }
.foot-seal, [data-front-inner] { position: static; }
svg.win-slot{width:1em;height:1em;display:inline-block;vertical-align:-0.125em;fill:currentColor}