[data-line-flag] { align-content: end; display: grid; justify-items: center; width: auto; align-self: stretch; }
[data-strip-deal] { aspect-ratio: 4 / 5; }
[data-strip-deal] img { object-fit: cover; object-position: 50% 40%; }
.shape-dice {
  position: absolute; left: -1.75rem; bottom: 2.75rem;
  display: grid; gap: 0.375rem; padding: 0.75rem 1rem;
  background: rgb(10, 29, 22); border: var(--hl8) solid rgba(215, 180, 106, 0.3); border-radius: 6px;
  box-shadow: 0 18px 40px -24px rgba(0, 0, 0, 0.8);
}
.shape-dice .pane-panel { font-size: var(--tqzy); color: var(--s2iv); letter-spacing: 0.06em; }
@media (max-width: 900px) {
  .side-edge { grid-template-columns: 1fr; padding-top: 2rem; }
  [data-crest-head] { order: -1; width: min(100%, 320px); }
  .shape-dice { left: -0.75rem; }
}
@media (max-width: 520px) {
  .set-edge { grid-template-columns: repeat(3, 1fr); }
  .set-edge .foot-grid { padding-right: 0.625rem; }
  .set-edge .foot-grid + .foot-grid { padding-left: 0.625rem; }
  .nav-strip { justify-self: stretch; }
  .nav-strip .panel-panel { flex: 1; }
}
.side-edge { min-height: clamp(440px, 42vw, 580px); }
[data-line-flag] { align-self: stretch; display: grid; grid-template-rows: minmax(0, 1fr) auto; width: min(100%, 460px); }
.tray-dice { --l62: 340px; }
[data-line-flag] .shape-dice { z-index: 1; inset: auto; position: relative; justify-self: start; margin: 0 0 clamp(20px, 3vw, 40px); }
@media (max-width: 900px) {
  .side-edge { min-height: 0; }
  [data-line-flag] { justify-items: start; order: -1; align-self: auto; width: 100%; grid-template-rows: auto minmax(0, 1fr); }
  .tray-dice { width: min(78vw, 330px); justify-self: start; --rovl: min(66vw, 290px); }
  [data-line-flag] .shape-dice { order: -1; margin: 0 0 0.625rem; padding: 0.5rem 0.75rem; }
}
[data-band-vip] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: clamp(28px, 5vw, 72px); align-items: center; }
.ace-offer { gap: 1rem; justify-items: start; display: grid; }
[data-frame-nav] { font-size: clamp(34px, 3.6vw, 56px); }
[data-card-dot] { color: rgb(191, 183, 159); max-width: 46ch; }
[data-zone-bonus] { display: grid; grid-template-columns: 1fr 1fr; gap: 1.125rem 1.5rem; margin: 0.5rem 0; }
[data-zone-bonus] li { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 0.75rem; }
[data-zone-bonus] strong { display: block; font-size: var(--e2dp); margin-bottom: 2px; }
[data-zone-bonus] span span { font-size: var(--h3w8); color: rgb(131 128 106); }
[data-race-vip] { display: grid; place-items: center; width: 2.5rem; height: 2.5rem; border-radius: 6px; background: var(--u3h3); color: var(--elk0); font-size: 1.125rem; }
[data-card-chip] { position: relative; margin: 0; padding: 1.5rem 1.75rem; list-style: none; }
.line-spin {
  position: relative; display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; align-items: center; gap: 1.125rem;
  padding: 1rem 0;
}
.line-spin:not(:last-child)::after {
  content: ""; position: absolute; left: 1.1875rem; top: 3.5rem; bottom: -1rem; width: calc(var(--hl8) * 2);
  background: rgba(215, 180, 106, 0.3);
}
.line-spin[data-band-chip]:not(:last-child)::after { background: var(--elk0); }
[data-club-meta] {
  position: relative; z-index: 1; display: grid; place-items: center; width: 2.5rem; height: 2.5rem; border-radius: 50%;
  border: calc(var(--hl8) * 2) solid rgba(215, 180, 106, 0.3); background: rgb(16, 43, 33); font-size: 0.8125rem; color: rgb(131 128 106);
}
.line-spin[data-band-chip] [data-club-meta] { background: var(--elk0); border-color: var(--elk0); color: var(--jgtg); }
.line-spin[data-bar-media] [data-club-meta] { border-color: var(--elk0); color: var(--elk0); box-shadow: 0 0 0 6px var(--u3h3); }
.base-area { gap: 2px; min-width: 0; display: grid; }
[data-box-copy] { font-size: 1.375rem; }
[data-promo-area] { font-size: var(--h3w8); color: rgb(131 128 106); }
[data-bar-club] { font-size: var(--e2dp); color: rgb(191, 183, 159); }
[data-table-grid] {
  grid-column: 2 / -1; justify-self: start; margin-top: -0.25rem;
  padding: 3px 0.625rem; border-radius: 6px; background: var(--u3h3); color: var(--elk0); font-size: 0.6875rem; font-weight: 600;
}
@media (max-width: 1080px) { [data-band-vip] { grid-template-columns: 1fr; } }
@media (max-width: 560px) { [data-zone-bonus] { grid-template-columns: 1fr; } [data-card-chip] { padding: 0.75rem 1.125rem; } }
.field-label { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.875rem 1.5rem; margin-bottom: 1.125rem; }
.meta-zone { font-size: 36px; }
.line-star { flex-wrap: wrap; display: flex; gap: 0.375rem; }
.step-note {
  height: 2.125rem; display: inline-flex; align-items: center; padding: 0 0.875rem;
  border-radius: 6px; border: var(--hl8) solid rgba(215, 180, 106, 0.3);
  font-size: var(--e2dp); color: rgb(191, 183, 159);
  transition: border-color 280ms, color 280ms, background 280ms;
}
.step-note:hover { color: rgb(244, 236, 217); border-color: rgba(215, 180, 106, 0.6); }
.step-note.reel-stack { color: rgb(10, 29, 22); border-color: rgb(244, 236, 217); background: rgb(244, 236, 217); }
.grid-reel { margin: 0; display: grid; padding: 0; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.625rem; list-style: none; }
[data-page-field], [data-ring-offer] {
  position: relative; display: block; aspect-ratio: 3 / 2; overflow: hidden;
  border-radius: 8px; background: rgb(21, 54, 41);
}
[data-page-field] img { width: 100%; height: 100%; object-fit: cover; transition: transform 600ms cubic-bezier(0.25, 0.7, 0.25, 1), filter 280ms; }
.view-menu { right: 0.5rem; top: 0.5rem; position: absolute; z-index: 1; }
[data-pane-wrap] { padding: 0.875rem; transition: opacity 280ms;
  color: #fff; gap: 2px;
  display: grid;
  opacity: 0; inset: 0;
  background: linear-gradient(180deg, transparent 35%, rgba(0, 0, 0, 0.9));
  position: absolute; align-content: end;
}
.line-chip { font-size: var(--e2dp); font-weight: 600; line-height: 1.2; }
.bar-seal { font-size: 0.6875rem; opacity: 0.7; }
[data-tab-stack] {
  position: absolute; left: 50%; top: 42%; transform: translate(-50%, -50%) scale(0.8);
  display: grid; place-items: center; width: 3.25rem; height: 3.25rem; border-radius: 50%;
  background: var(--elk0); color: var(--jgtg); font-size: 1.375rem;
  transition: transform 280ms cubic-bezier(0.25, 0.7, 0.25, 1);
}
[data-page-field]:hover img { transform: scale(1.06); filter: brightness(0.8); }
[data-page-field]:hover [data-pane-wrap] { opacity: 1; }
[data-page-field]:hover [data-tab-stack] { transform: translate(-50%, -50%) scale(1); }
[data-ring-offer] { background: rgb(16, 43, 33);
  border: var(--hl8) dashed rgba(215, 180, 106, 0.6); text-align: center;
  font-size: var(--h3w8); padding: 0.875rem; gap: 0.375rem; justify-items: center; color: rgb(191, 183, 159); align-content: center;
  display: grid;
}
.wrap-unit { font-size: 2.5rem; color: var(--elk0); }
@media (max-width: 1280px) { .grid-reel { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 720px) {
  .grid-reel { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  [data-pane-wrap] { opacity: 1; }
  [data-tab-stack] { display: none; }
}
@media (max-width: 480px) { .grid-reel { grid-template-columns: 1fr; } }
.tab-live { gap: 2rem; isolation: isolate;
  align-items: center; grid-template-columns: minmax(0, 1fr) minmax(0, 0.8fr);
  padding: clamp(28px, 3.5vw, 48px) clamp(24px, 4vw, 56px);
  overflow: hidden;
  display: grid;
}
.tab-live::before {
  content: "";
  background: 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); position: absolute; z-index: -1; inset: 0;
  mask-image: linear-gradient(90deg, transparent 35%, #000);
}
.shape-table { display: grid; gap: 1rem; justify-items: start; }
[data-inner-menu] { font-size: clamp(30px, 3vw, 44px); max-width: 16ch; }
.crown-slot { max-width: 52ch; color: rgb(191, 183, 159); }
[data-lead-stage] { display: flex; margin-top: 0.5rem; flex-wrap: wrap; align-items: center; gap: 1.75rem; }
.page-unit { padding-left: 1.75rem; border-left: var(--hl8) solid rgba(215, 180, 106, 0.3); }
[data-body-jackpot] { position: relative; height: 15rem; }
[data-ring-block] {
  position: absolute; width: 13.125rem; height: 13.125rem; object-fit: cover;
  padding: 0.375rem; background: rgb(10, 29, 22);
  border: var(--hl8) solid rgba(215, 180, 106, 0.3); border-radius: 8px;
  box-shadow: 0 26px 50px -20px rgba(0, 0, 0, 0.75);
}
[data-frame-bar] { right: 38%; top: 1.375rem; transform: rotate(calc(0deg * -2)); }
.front-chip2 { top: 0.25rem; right: 6%; transform: rotate(calc(0deg * 1.5)); }
@media (max-width: 900px) {
  .tab-live { grid-template-columns: 1fr; }
  [data-body-jackpot] { height: 11.25rem; order: -1; }
  [data-ring-block] { width: 10.625rem; height: 10.625rem; }
  [data-frame-bar] { right: auto; left: 0; }
}
.promo-line { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 0.875rem; }
[data-link-base] { align-items: center; gap: 1.25rem; overflow: hidden;
  padding: 2rem;
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 0.9fr);
}
[data-nav-wrap] { gap: 0.875rem; justify-items: start; display: grid; }
.feature-main { font-size: clamp(32px, 3vw, 48px); }
.race-grid { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 8px; transform: rotate(0deg); }
[data-race-step] { font-size: var(--e2dp); color: rgb(191, 183, 159); }
.core-live { display: grid; gap: 0.875rem; }
.link-unit { gap: 1.125rem;
  transition: transform 280ms cubic-bezier(0.25, 0.7, 0.25, 1), box-shadow 280ms, border-color 280ms;
  display: grid;
  padding: 0.75rem 1.125rem 0.75rem 0.75rem; grid-template-columns: 110px minmax(0, 1fr); align-items: center;
}
.link-unit:hover { transform: translateX(4px); border-color: rgba(215, 180, 106, 0.6); }
.link-unit img { width: 6.875rem; height: 6.875rem; object-fit: cover; border-radius: 6px; }
[data-feature-slab] { display: grid; gap: 0.375rem; }
.crown-flag { font-size: 25px; }
[data-shape-card] { gap: 0.375rem; align-items: center; display: inline-flex; color: var(--elk0); font-size: var(--h3w8); }
@media (max-width: 1180px) { .promo-line { grid-template-columns: 1fr; } }
@media (max-width: 600px) {
  [data-link-base] { grid-template-columns: 1fr; padding: 1.375rem; }
  .race-grid { order: -1; width: 60%; }
  .link-unit { grid-template-columns: 80px minmax(0, 1fr); }
  .link-unit img { width: 5rem; height: 5rem; }
}
[data-top-edge] {
  display: grid; grid-template-columns: repeat(8, minmax(0, 1fr));
  border-top: var(--hl8) solid rgba(215, 180, 106, 0.16); border-left: var(--hl8) solid rgba(215, 180, 106, 0.16);
}
/*  utilities  */
[data-vip-race] { height: 6rem; place-items: center;
  display: grid; padding: 0.75rem;
  transition: background 280ms; border-bottom: var(--hl8) solid rgba(215, 180, 106, 0.16);
  border-right: var(--hl8) solid rgba(215, 180, 106, 0.16);
}
[data-vip-race] img { width: 100%; max-width: 9.375rem; transition: opacity 280ms; height: 2.75rem; opacity: 0.6; }
[data-vip-race]:hover { background: rgb(16, 43, 33); }
[data-vip-race]:hover img { opacity: 1; }
@media (max-width: 1280px) { [data-top-edge] { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 600px) { [data-top-edge] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
[data-table-set] [data-pane-nav] { --j7w: clamp(200px, calc((100% - 14px * 4) / 5), 300px); }
@media (max-width: 720px) { [data-table-set] [data-pane-nav] { --j7w: 64vw; } }
[data-slot-rear] { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 0.875rem; }
[data-set-win] {
  position: relative; display: grid; grid-template-rows: auto auto;
  overflow: hidden;
  background: rgb(16, 43, 33);
  border: var(--hl8) solid rgba(215, 180, 106, 0.16);
  border-radius: 12px;
  box-shadow: 0 18px 40px -24px rgba(0, 0, 0, 0.8);
  transition: border-color 280ms, transform 280ms cubic-bezier(0.25, 0.7, 0.25, 1), box-shadow 280ms;
}
[data-set-win] img { width: 100%; aspect-ratio: 1; object-fit: cover; }
[data-set-win]:hover { border-color: var(--elk0); transform: translateY(calc(var(--lq2) * -1)); box-shadow: var(--ijs); }
[data-club-vip] { padding: 0.875rem 0.875rem 1rem; gap: 0.375rem; display: grid; }
.block-nav { font-size: var(--jyg); }
[data-area-ring] { display: inline-flex; align-items: center; gap: 0.375rem; font-size: var(--h3w8); color: rgb(131 128 106); white-space: nowrap; }
[data-area-ring] .pane-panel { color: rgb(191, 183, 159); }
.spin-label {
  position: absolute; top: 0.625rem; right: 0.625rem;
  display: grid; place-items: center; width: 2rem; height: 2rem;
  background: rgb(10, 29, 22); color: var(--s2iv); border-radius: 6px;
  opacity: 0; transform: translateY(-4px); transition: opacity 280ms, transform 280ms cubic-bezier(0.25, 0.7, 0.25, 1);
}
[data-set-win]:hover .spin-label { opacity: 1; transform: none; }
@media (max-width: 1280px) { [data-slot-rear] { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 600px) { [data-slot-rear] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
[data-crest-rear] { gap: clamp(28px, 5vw, 72px); grid-template-columns: minmax(240px, 0.8fr) minmax(0, 2fr); display: grid; }
[data-wrap-pane] { gap: 1rem; position: sticky; top: calc(72px + 28px); align-self: start; display: grid; }
.core-head { font-size: clamp(28px, 2.6vw, 40px); }
.frame-main { font-size: var(--h3w8); color: rgb(131 128 106); letter-spacing: 0.04em; }
[data-panel-tile] { display: grid; gap: 1.5rem; justify-items: start; min-width: 0; }
[data-panel-tile] > * { max-width: 100%; }
[data-lobby-chip] { font-size: var(--jyg); line-height: 1.6; color: rgb(244, 236, 217); }
.stack-rail {
  justify-self: stretch; width: 100%; min-width: 0; max-height: 35rem; overflow: hidden;
  mask-image: linear-gradient(#000 60%, transparent);
}
[data-rail-inner]:checked ~ .stack-rail { max-height: none; mask-image: none; }
.list-dock { line-height: 1.7; gap: 0.75rem 2.5rem; border-top: var(--hl8) solid rgba(215, 180, 106, 0.16);
  display: grid;
  padding: 1.625rem 0; grid-template-columns: minmax(160px, 0.7fr) minmax(0, 2fr);
  font-size: var(--e2dp);
}
.nav-crest { font-size: var(--tqzy); color: rgb(244, 236, 217); line-height: 1.35; font-weight: 600; }
[data-view-front], [data-rail-inner]:checked ~ [data-vip-top] [data-step-front] { display: none; }
[data-rail-inner]:checked ~ [data-vip-top] [data-view-front] { display: inline; }
[data-rail-inner]:focus-visible ~ [data-vip-top] { outline: 2px solid var(--elk0); outline-offset: 3px; }
@media (max-width: 1080px) {
  [data-crest-rear] { grid-template-columns: 1fr; }
  [data-wrap-pane] { position: static; }
}
@media (max-width: 640px) { .list-dock { grid-template-columns: 1fr; } }
.note-dice { display: grid; grid-template-columns: minmax(260px, 0.8fr) minmax(0, 1.4fr); gap: clamp(28px, 5vw, 72px); }
.view-shape { position: sticky; display: grid; top: calc(72px + 28px); gap: 0.875rem; align-self: start; justify-items: start; }
.panel-deck { font-size: clamp(30px, 3vw, 46px); }
.tab-frame { color: rgb(191, 183, 159); }
[data-line-frame] { display: grid; grid-template-columns: 44px minmax(0, 1fr); align-items: center; gap: 0.75rem; width: 100%; margin-top: 0.5rem; padding: 1rem; }
[data-line-frame] .panel-panel { grid-column: 1 / -1; }
[data-line-frame] strong { display: block; font-size: var(--e2dp); }
.chip2-dot { display: grid; place-items: center; width: 2.75rem; height: 2.75rem; border-radius: 50%; background: var(--elk0); color: var(--jgtg); font-size: 1.25rem; }
.rail-stack { display: inline-flex; align-items: center; gap: 0.375rem; font-size: var(--h3w8); color: rgb(131 128 106); }
[data-lead-item] { display: grid; gap: 0.625rem; }
.reel-group { overflow: hidden; }
.reel-group summary {
  padding: 1.125rem 1.25rem; grid-template-columns: 44px minmax(0, 1fr) 32px; gap: 0.75rem; cursor: pointer; list-style: none; align-items: center;
  display: grid;
}
.reel-group summary::-webkit-details-marker { display: none; }
[data-rail-jackpot] { font-size: var(--e2dp); color: var(--elk0); }
[data-deck-cell] { font-size: var(--jyg); font-weight: 600; }
[data-copy-label] { display: grid; transition: transform 280ms cubic-bezier(0.25, 0.7, 0.25, 1), background 280ms; place-items: center; height: 2rem; width: 2rem; background: rgb(21, 54, 41); border-radius: 50%; }
.reel-group[open] [data-copy-label] { transform: rotate(45deg); background: var(--elk0); color: var(--jgtg); }
.reel-group p { padding: 0 4rem 1.375rem 4.75rem; color: rgb(191, 183, 159); }
@media (max-width: 900px) {
  .note-dice { grid-template-columns: 1fr; }
  .view-shape { position: static; }
  .reel-group p { padding: 0 1.25rem 1.25rem; }
}
[data-head-deck] { overflow: hidden; border-top: var(--hl8) solid rgba(215, 180, 106, 0.16); }
.side-pill { margin: 0 auto; display: grid; gap: 2rem; padding: 48px var(--c29e) 24px; max-width: 90rem; }
[data-wrap-feature] { display: grid; grid-template-columns: minmax(0, 1.7fr) repeat(4, minmax(0, 1fr)); gap: 2rem; }
[data-area-outer] { min-width: 0; display: grid; align-content: start; gap: 0.625rem; padding: 1.375rem; font-size: var(--e2dp); color: rgb(191, 183, 159); }
[data-pane-block] { font-size: 1.625rem; color: rgb(244, 236, 217); }
.main-top { margin-top: 0.375rem; gap: 0.5rem; flex-wrap: wrap; display: flex; }
[data-panel-step] { flex: 1 1 180px; min-width: 0; }
.main-top .panel-panel { flex: 0 0 auto; }
.tab-item { font-size: var(--h3w8); text-transform: uppercase; letter-spacing: 0.2em; margin-bottom: 0.75rem; color: rgb(131 128 106); font-weight: 600; }
[data-vip-rear] ul { display: grid; gap: 0.5625rem; font-size: var(--e2dp); color: rgb(191, 183, 159); }
[data-vip-rear] a:hover { color: var(--elk0); }
.race-deck { border-bottom: var(--hl8) solid rgba(215, 180, 106, 0.16); flex-wrap: wrap; gap: 1.125rem 1.75rem; border-top: var(--hl8) solid rgba(215, 180, 106, 0.16); display: flex; padding: 1.25rem 0; align-items: center; }
.dice-slot [data-offer-bonus] svg { height: 1.25rem; }
.dice-slot { letter-spacing: 0.08em; margin-right: auto; gap: 0.625rem 1.125rem; align-items: center; text-transform: uppercase; flex-wrap: wrap; font: 500 var(--h3w8)/1 "Supreme", "Helvetica Neue", Arial, sans-serif; display: flex; color: rgb(131 128 106); }
.tile-box { display: grid; place-items: center; width: 2.625rem; height: 2.625rem; border-radius: 50%; border: calc(var(--hl8) * 2) solid rgb(201 67 90); color: rgb(201 67 90); font-size: 0.8125rem; }
[data-lobby-link] { font-size: var(--h3w8); line-height: 1.7; color: rgb(131 128 106); max-width: 110ch; }
@media (max-width: 1320px) { [data-wrap-feature] { grid-template-columns: minmax(0, 1.4fr) repeat(2, minmax(0, 1fr)); } [data-area-outer] { grid-row: span 2; } }
@media (max-width: 1180px) { [data-wrap-feature] { grid-template-columns: repeat(2, minmax(0, 1fr)); } [data-area-outer] { grid-column: 1 / -1; grid-row: auto; } }
@media (max-width: 520px) { .main-top { flex-direction: column; } }
.race-deck [data-cell-strip] { flex-basis: 100%; }
:root { --s2iv: rgb(214, 85, 81); --elk0: rgb(205 48 43); --u3h3: rgba(205, 48, 43, 0.14); --jgtg: rgb(255, 255, 255); }
:root { --elk0: rgb(205 48 43); --s2iv: rgb(214, 85, 81); --u3h3: rgba(205, 48, 43, 0.14); --jgtg: rgb(255 255 255); }
:root { --v0c: calc(clamp(52px, 5.4vw, 84px) * 0.78); --h3w8: 12.7px; --lq2: 4px; --tqzy: 17.0px; --c29e: calc(clamp(16px, 2.8vw, 44px) * 0.78); --hl8: 2px; --e2dp: 14.8px; --jyg: 20.1px; }
svg.tile-link{width:1em;height:1em;display:inline-block;fill:currentColor;vertical-align:-0.125em}