/* theme — last edited 2026-10-08 */
.reel-table li::before { position: absolute;
  background: var(--th-chip);
  transform: rotate(45deg); border-radius: calc(var(--th-edge-ic) * 0.2); height: 0.45em;
  content: "";
  width: 0.45em; left: 0.1em; top: 0.62em;
}
.wrap-set { counter-reset: step; }
.wrap-set li { counter-increment: step; position: relative; padding-left: 2.3em; min-height: 1.7em; }
.wrap-set 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(--th-panel-ss); color: var(--th-feature-iy);
  background: var(--th-chip); border-radius: 50%;
}
.outer-tab, .outer-tab > * { min-width: 0; }
.top-slot { max-width: 100%; margin: 0 0 1.1em; overflow-x: auto; border: var(--th-set) solid rgba(160, 140, 255, 0.12); border-radius: var(--th-edge-ic); }
.top-slot table { width: 100%; border-collapse: collapse; font-size: var(--th-ring); }
.top-slot th, .top-slot td { white-space: nowrap; border-bottom: var(--th-set) solid rgba(160, 140, 255, 0.12); text-align: left; padding: 0.625rem 0.875rem; }
.top-slot tbody tr:last-child > * { border-bottom: 0; }
.top-slot thead th { font-weight: 600; font-size: var(--th-item); letter-spacing: 0.18em; text-transform: uppercase; color: #6D6790; background: var(--th-chip2-ty); }
.top-slot tbody th { font-weight: 600; color: #F2EFFF; }
.top-slot caption { color: var(--th-chip); letter-spacing: 0.18em; caption-side: top; text-align: left; padding: 10px 14px; font-size: var(--th-item); font-weight: 600; border-bottom: var(--th-set) solid rgba(160, 140, 255, 0.12); text-transform: uppercase; }
.top-slot tbody tr:nth-child(even) > * { background: color-mix(in srgb, var(--th-club-b2) 45%, transparent); }
.top-dot, .note-core { display: inline-grid; place-items: center; width: 1.375rem; height: 1.375rem; border-radius: 50%; font-size: 12px; font-weight: 700; }
.top-dot { background: color-mix(in srgb, var(--th-hero) 18%, transparent); color: var(--th-hero); }
.note-core { background: color-mix(in srgb, #FFB020 14%, transparent); color: #FFB020; }
.race-promo tbody th { width: 42%; color: #A9A3C9; font-weight: 500; white-space: normal; }
.race-promo td { color: #F2EFFF; font-weight: 600; white-space: normal; }
.dice-club td, .dice-club thead th:not(:first-child) { text-align: center; }
.dice-club tbody td:nth-child(2), .dice-club thead th:nth-child(2) { background: var(--th-flag-r0) !important; }
.dice-club thead th:nth-child(2) { color: var(--th-chip); }
@media (max-width: 520px) { .wrap-pill { flex-wrap: wrap; row-gap: 8px; } }
img.dock-gold, img[data-pill-nav], img.jackpot-live { background-color: var(--th-menu, var(--th-club-b2)); }
.win-tile { --th-game: 3 / 4; position: relative; }
.win-tile img {
  object-fit: contain !important; object-position: 50% 0 !important;
  background: linear-gradient(180deg, color-mix(in srgb, var(--th-menu, #222) 72%, #0B0B10) 0 50%, color-mix(in srgb, var(--th-menu, #222) 38%, #0B0B10)) !important;
}
/*  overrides  */
.win-tile::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); }
.stage-deal { color: #fff; left: 10px; right: 10px; text-shadow: 0 1px 6px rgba(0, 0, 0, 0.45); z-index: 2; position: absolute; bottom: 0.75rem; pointer-events: none; gap: 2px; display: grid; }
.step-dock { -webkit-line-clamp: 2; font-family: "Chakra Petch", "Arial Narrow", sans-serif; overflow: hidden; font-weight: var(--th-dock-vg); letter-spacing: var(--th-head); text-transform: uppercase; -webkit-box-orient: vertical; font-size: 1.0625rem; line-height: 1.05; display: -webkit-box; }
.media-feature { font-size: 0.6875rem; opacity: 0.78; }
.outer-deck.win-tile + .box-offer, .outer-deck.win-tile + .nav-bar { display: none; }
img.panel-rear {
  background: none !important; border: 0 !important; border-radius: 0 !important; padding: 0 !important;
  box-shadow: none !important; mask-image: none !important;
}
.win-live { min-height: var(--th-tab, 340px);
  pointer-events: none;
  width: 100%; justify-self: center; align-self: stretch;
  position: relative;
}
.win-live .outer-gold {
  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) {
  .win-live { align-self: auto; min-height: var(--th-area, 260px); }
  .win-live .outer-gold { object-position: 50% 100%; }
}
img.offer-lead { filter: var(--th-lobby-q9, none); border-radius: 0; object-fit: contain; }
.core-frame { line-height: 1; display: inline-flex; align-items: center; gap: 0.5em; vertical-align: middle; }
.core-frame svg { flex: none; width: auto; height: 1.6em; max-width: 3em; }
.bar-table { position: absolute; overflow: hidden; white-space: nowrap; height: 1px; clip-path: inset(50%); width: 1px; }
/*  v2  */
[data-hero-bar] { align-items: center; display: inline-flex; text-transform: uppercase; letter-spacing: 0.04em; gap: 0.75rem; font-size: 0.75rem; }
[data-hero-bar] a { color: #A9A3C9; text-decoration: none; }
[data-hero-bar] a:hover { color: var(--th-chip); }
[data-hero-bar] a.front-offer { color: #F2EFFF; font-weight: 600; }
.label-reel { display: block; }
.dice-dock { color: var(--th-chip); }
.star-ace {
  display: block; margin-top: 0.5em;
  font-family: var(--th-link-r5); font-weight: 600; font-size: clamp(12px, 0.22em, 17px); line-height: 1.2;
  letter-spacing: 0.18em; text-transform: uppercase; color: inherit; opacity: 0.72;
}
.foot-front {
  margin: 0; display: block; font-size: clamp(22px, 2.4vw, 38px);
  letter-spacing: var(--th-head);
  font-family: "Chakra Petch", "Arial Narrow", sans-serif; font-weight: var(--th-dock-vg); text-transform: uppercase; line-height: 1.05;
}
.reel-wrap { font-style: normal; color: var(--th-chip); }
[data-body-rear] { display: inline-flex; align-items: baseline; flex-wrap: wrap; gap: 6px; font-size: var(--th-item); line-height: 1.3; color: #6D6790; }
.tab-crest { letter-spacing: 0.18em; text-transform: uppercase; }
.copy-offer { font-weight: 600; color: #F2EFFF; }
.box-step { color: rgba(255, 255, 255, 0.72); }
.box-step .copy-offer { color: #fff; }
.crown-nav { align-items: center; flex-wrap: wrap; gap: 8px; display: flex; }
.spin-note { display: inline-flex; align-items: center; gap: 6px; height: 1.75rem; padding: 0 10px; font-size: var(--th-item); color: #6D6790; border-radius: var(--th-edge-ic); transition: color .15s, border-color .15s, background-color .15s; }
.spin-note:hover { color: #F2EFFF; }
.spin-note .row-gold { font-size: 1.25em; }
.spin-crown .spin-note { background: var(--th-club); border-radius: 0px; }
.pill-copy .spin-note { border: var(--th-set) solid var(--th-link-g7); }
.pill-copy .spin-note:hover { border-color: rgba(34, 228, 255, 0.55); }
.stack-dock .spin-note { background: var(--th-chip2-ty); border: var(--th-set) solid rgba(160, 140, 255, 0.12); font-weight: 600; }
.body-area { gap: 0.25rem 1.125rem; }
.body-area .spin-note { padding: 0; height: auto; text-decoration: underline; text-decoration-color: rgba(34, 228, 255, 0.55); text-underline-offset: 3px; }
.dock-page .spin-note { border-radius: 0; letter-spacing: 0.08em; padding: 0 8px; border-left: 2px solid var(--th-chip); font: 500 11px/1 var(--th-panel-ss); text-transform: uppercase; }
a[role="button"] { cursor: pointer; }
.crest-deal { display: none; }
@media (max-width: 640px) {
  .label-dot { overflow: visible; border: 0; border-radius: 0; }
  .label-dot thead { display: none; }
  .label-dot table, .label-dot tbody, .label-dot tr { display: block; width: 100%; }
  .label-dot caption { display: block; padding: 0 0 8px; }
  .label-dot tr { margin: 0 0 10px; border: var(--th-set) solid rgba(160, 140, 255, 0.12); border-radius: var(--th-edge-ic); overflow: hidden; }
  .label-dot tbody tr > * { background: none; }
  .label-dot tbody th { background: color-mix(in srgb, var(--th-club-b2) 70%, transparent); border-bottom: var(--th-set) solid rgba(160, 140, 255, 0.12); white-space: normal; display: block; }
  .label-dot td { display: flex; align-items: baseline; justify-content: space-between; gap: 0.875rem; white-space: normal; text-align: right; }
  .label-dot tbody tr > td:last-child { border-bottom: 0; }
  .label-dot tbody tr:last-child > th { border-bottom: var(--th-set) solid rgba(160, 140, 255, 0.12); }
  .label-dot .crest-deal { display: block; color: #6D6790; flex: none; max-width: 48%; text-align: left; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; font-size: var(--th-item); }
}
.side-grid { padding: clamp(28px, 5vw, 64px) 0; }
.media-list { max-width: 48.75rem; margin: 0 auto; display: grid; gap: 0.875rem; }
.card-chip2 { font-size: clamp(32px, 4.4vw, 52px); line-height: 1.05; }
.spin-promo { font-size: var(--th-ring); color: #6D6790; }
.meta-field { font-size: var(--th-strip-1g); color: #A9A3C9; }
.inner-grid { display: grid; gap: 0.75rem; margin-top: 8px; }
.inner-grid h2 { font-size: var(--th-hero-sz); margin-top: 1.125rem; color: #F2EFFF; }
.crest-band { list-style: none; margin: 0.5rem 0; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); padding: 0; gap: 10px; display: grid; }
.crest-band li { display: grid; gap: 4px; padding: 1rem 1.125rem; border: var(--th-set) solid rgba(160, 140, 255, 0.12); border-radius: var(--th-dot-al); background: var(--th-chip2-ty); }
.copy-core { font-size: var(--th-item); text-transform: uppercase; letter-spacing: 0.18em; color: #6D6790; }
[data-base-tab] { word-break: break-word; color: #F2EFFF; font-weight: 600; }
.jackpot-chip2 { font-size: var(--th-ring); color: #A9A3C9; }
.chip2-page { display: flex; flex-wrap: wrap; gap: 8px 18px; margin: 0.875rem 0 0.25rem; font-size: var(--th-ring); }
.chip2-page a { color: #A9A3C9; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: color-mix(in srgb, currentColor 35%, transparent); }
.chip2-page a:hover { color: #F2EFFF; }
/*  temp  */
.spin-dock { flex-wrap: wrap; gap: 4px; display: flex; }
.flag-reel { display: grid; place-items: center; min-width: 22px; height: 1.375rem; padding: 0 0.3125rem; border-radius: 999px; font: 700 10px/1 var(--th-panel-ss); color: #fff; }
.hero-deck { background: #c8313d; }
.band-stack { background: #1C1C22; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2); }
.game-star { background: #1f8a4c; }
[data-stage-body] { background: #221C3A; color: #F2EFFF; }
.star-box { display: flex; flex-wrap: wrap; gap: 10px; }
.cell-hero { display: inline-flex; align-items: center; gap: 10px; 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(--th-box) var(--th-crown-aa); }
.cell-hero:hover { transform: translateY(-2px); }
.cell-hero .row-gold { font-size: 1.625rem; }
.cell-hero span { display: grid; font-size: 15px; font-weight: 600; line-height: 1.1; }
.cell-hero small { font-size: 0.625rem; font-weight: 400; opacity: 0.75; }
.cell-tile { position: relative; display: block; flex: none; width: 230px; height: 460px; padding: 12px; border-radius: 2.375rem; background: #0C0C10; box-shadow: inset 0 0 0 2px #2A2A33, 0 30px 60px -20px rgba(0, 0, 0, 0.6); }
[data-crown-unit] { width: 4.375rem; z-index: 2; background: #0c0c10; top: 1.125rem; left: 50%; position: absolute; border-radius: 62.4375rem; height: 18px; transform: translateX(-50%); }
.card-box { background: var(--th-gold-rf); height: 100%; flex-direction: column; border-radius: 28px; padding: 2.25rem 0.625rem 0.625rem; overflow: hidden; display: flex; gap: 0.5rem; }
[data-panel-area] { display: flex; justify-content: center; }
[data-panel-area] .jackpot-front { --th-field: 18px; pointer-events: none; }
.page-rear { padding: 0.75rem; gap: 2px; background: var(--th-feature-sr), var(--th-club-b2); display: grid; color: #A9A3C9; border-radius: 0.75rem; font-size: 9px; }
.page-rear .rear-media { font-size: 18px; color: var(--th-chip); }
[data-body-top] { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.3125rem; }
[data-body-top] img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; border-radius: 0.375rem; }
[data-line-lead] { display: flex; justify-content: space-around; margin-top: auto; padding: 0.5rem 0 2px; border-top: 1px solid rgba(160, 140, 255, 0.12); color: #6D6790; font-size: 1rem; }
[data-line-lead] .row-gold:first-child { color: var(--th-chip); }
.chip-side { background: rgba(7, 6, 13, 0.82); border-bottom: 1px solid transparent; border-image: linear-gradient(90deg, var(--th-chip), rgba(34, 228, 255, 0.6), transparent 70%) 1; }
.reel-media, .seal-link { background: rgba(9, 7, 18, 0.9); }
.jackpot-item { font-weight: 500; letter-spacing: 0.02em; }
.jackpot-item.front-offer { background: linear-gradient(90deg, rgba(255, 46, 136, 0.18), transparent); color: #fff; }
.jackpot-item.front-offer::before { content: ""; position: absolute; left: 0; top: 0.5rem; bottom: 0.5rem; width: 3px; background: var(--th-chip); box-shadow: 0 0 10px var(--th-chip); }
.jackpot-item.front-offer .row-gold { color: var(--th-chip); filter: drop-shadow(0 0 6px var(--th-chip)); }
.lead-offer { font-family: var(--th-panel-ss); color: var(--th-flag); opacity: 0.7; }
.copy-crown { border-color: var(--th-link-g7); clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 0 100%); }
.live-tray.front-offer .row-gold, .bar-spin .row-gold { filter: drop-shadow(0 0 6px currentColor); }
.bar-spin { border-radius: 0; clip-path: polygon(8px 0, 100% 0, calc(100% - 8px) 100%, 0 100%); padding: 0 20px; }
.bar-spin.front-offer { box-shadow: none; }
.dice-crown { border-radius: 0; }
.dice-crown.front-offer { text-shadow: 0 0 10px rgba(255, 46, 136, 0.7); box-shadow: inset 0 -2px 0 var(--th-chip); background: transparent; color: #fff; }
.panel-unit { display: grid; gap: 14px; }
.inner-jackpot {
  display: grid; grid-auto-flow: column; grid-auto-columns: min(78%, 1000px); gap: 16px;
  margin: 0 calc(clamp(16px, 2.4vw, 36px) * -1); padding: 4px clamp(16px, 2.4vw, 36px) 10px; list-style: none;
  overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding: 0 11%; scrollbar-width: none;
}
.inner-jackpot::-webkit-scrollbar { display: none; }
.media-page { scroll-snap-align: center; }
.zone-deal {
  position: relative; isolation: isolate; display: block; height: 26.25rem; overflow: hidden;
  border-radius: var(--th-dot-al); border: var(--th-set) solid rgba(160, 140, 255, 0.12); box-shadow: none; background: var(--th-club-b2);
}
.zone-core { position: absolute; inset: 0; width: 100%; height: 100%; z-index: -2; object-fit: cover; object-position: 60% 35%; }
.lobby-race { position: absolute; z-index: -1; background: linear-gradient(0deg, rgba(0, 0, 0, 0.88), rgba(0, 0, 0, 0.1) 70%); inset: 0; }
.link-hero { position: absolute; left: 32px; right: 32px; bottom: 1.875rem; display: grid; justify-items: start; gap: 0.625rem; color: #fff; }
.link-hero .seal-base { color: var(--th-step); }
.zone-card { color: transparent; position: absolute; line-height: 1; font-size: 96px; bottom: -6px; -webkit-text-stroke: 1.5px rgba(255, 255, 255, 0.35); right: 0; }
.ring-frame { max-width: 16ch; font-size: clamp(30px, 3.6vw, 54px); display: block; }
.item-deck { gap: 16px; justify-content: space-between; display: flex; align-items: center; }
.jackpot-slot { display: flex; gap: 6px; margin: 0; list-style: none; scrollbar-width: none; overflow-x: auto; padding: 0; }
.offer-main {
  display: inline-flex; align-items: center; gap: 8px; height: 36px; padding: 0 0.875rem; white-space: nowrap;
  border-radius: 0px; border: var(--th-set) solid rgba(160, 140, 255, 0.12); font-size: var(--th-ring); color: #6D6790;
  transition: color var(--th-box), border-color var(--th-box), background var(--th-box);
}
.offer-main .reel-label { font-size: 11px; color: var(--th-chip); }
.offer-main.front-offer { background: var(--th-flag-r0); border-color: var(--th-chip); color: #F2EFFF; }
.ace-inner { display: flex; gap: 6px; }
@media (max-width: 720px) {
  .inner-jackpot { grid-auto-columns: 88%; }
  .zone-deal { height: 22.5rem; }
  .link-hero { left: 1.25rem; right: 1.25rem; }
  .jackpot-slot { display: none; }
  .item-deck { justify-content: flex-end; }
}
.zone-deal:has(.win-live) { background: var(--th-feature-sr), var(--th-race-te), var(--th-club-b2); }
.zone-deal:has(.win-live) .zone-core { display: none; }
.zone-deal:has(.win-live) .link-hero { transform: translateY(-50%); bottom: auto; top: 50%; right: 42%; }
.zone-deal:has(.win-live) .zone-card { right: auto; left: -0.25rem; bottom: calc(100% + 6px); font-size: 4.5rem; }
.box-nav { position: absolute; z-index: 1; right: 0; bottom: 0; top: 10%; width: 44%; min-height: 0; }
@media (max-width: 760px) {
  .zone-deal:has(.win-live) .link-hero { transform: none; bottom: 30px; top: auto; right: 16px; }
  .zone-deal:has(.win-live) .zone-card { display: none; }
  .box-nav { top: 10px; bottom: auto; width: 70%; height: min(54vw, 240px); right: 0; }
}
.table-shape { display: grid; gap: 0.875rem; }
[data-stage-outer] {
  display: flex; align-items: center; gap: 14px; height: 64px; padding: 0 22px;
  border-radius: var(--th-dot-al); background: var(--th-chip2-ty); border: var(--th-set) solid var(--th-link-g7); box-shadow: none;
  color: var(--th-chip); font-size: 1.375rem;
}
[data-stage-outer]:focus-within { border-color: var(--th-chip); }
[data-stage-outer] input { flex: 1; min-width: 0; height: 100%; background: none; border: 0; outline: 0; color: #F2EFFF; font: inherit; font-size: var(--th-strip-1g); }
[data-stage-outer] input::placeholder { color: #6D6790; }
.race-deal { font-size: var(--th-item); color: #6D6790; white-space: nowrap; }
.foot-label { gap: 12px; align-items: center; display: flex; }
.dock-group { overflow-x: auto; scrollbar-width: none; display: flex; min-width: 0; gap: 6px; padding-bottom: 2px; flex: 1; }
.dock-group::-webkit-scrollbar { display: none; }
.label-tab {
  display: inline-flex; align-items: center; gap: 8px; flex: none; height: 2.375rem; padding: 0 8px 0 16px;
  border-radius: 0px; border: var(--th-set) solid var(--th-link-g7); font-size: var(--th-ring); font-weight: 500; color: #A9A3C9;
  transition: background var(--th-box), color var(--th-box), border-color var(--th-box);
}
.label-tab .reel-label { padding: 3px 7px; border-radius: 62.4375rem; background: var(--th-club-b2); font-size: 11px; color: #6D6790; }
.label-tab:hover { color: #F2EFFF; border-color: rgba(34, 228, 255, 0.55); }
.label-tab.front-offer { background: #F2EFFF; border-color: #F2EFFF; color: var(--th-gold-rf); }
.label-tab.front-offer .reel-label { background: var(--th-chip); color: var(--th-feature-iy); }
.ring-stack { display: inline-flex; align-items: center; gap: 0.375rem; flex: none; height: 2.375rem; padding: 0 10px; border-radius: var(--th-edge-ic); border: var(--th-set) solid var(--th-link-g7); color: #6D6790; }
.ring-stack select { background: none; border: 0; outline: 0; color: #F2EFFF; font: inherit; font-size: var(--th-ring); }
.ring-stack option { color: #111; }
@media (max-width: 720px) { .race-deal { display: none; } .ring-stack { display: none; } [data-stage-outer] { height: 54px; } }
[data-menu-rail] { padding: clamp(24px, 4vw, 48px) clamp(24px, 4vw, 60px) 0; display: grid; isolation: isolate; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); gap: clamp(24px, 4vw, 60px); overflow: hidden; align-items: center; }
[data-menu-rail]::before { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--th-feature-sr); }
.band-tab { display: flex; justify-content: center; align-self: end; }
.band-tab .cell-tile { margin-bottom: -3.75rem; transform: rotate(calc(0deg * -2)); }
.vip-win { display: grid; justify-items: start; gap: 0.875rem; padding-bottom: clamp(24px, 4vw, 48px); }
.head-zone { font-size: clamp(30px, 3.2vw, 48px); }
.ring-tile { color: #A9A3C9; max-width: 46ch; }
.flag-band { display: grid; gap: 0.5rem; margin: 0.25rem 0 0.5rem; }
.flag-band li { font-size: var(--th-ring); gap: 10px; align-items: center; display: flex; }
.flag-band .row-gold { color: var(--th-chip); }
@media (max-width: 860px) { [data-menu-rail] { grid-template-columns: 1fr; padding-top: 32px; } .band-tab { order: 2; } .vip-win { padding-bottom: 0; } }
[data-cell-foot] { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: clamp(24px, 4vw, 60px); padding: clamp(24px, 4vw, 48px); }
.vip-main { display: grid; justify-items: start; gap: 14px; }
.tab-race { width: 64px; display: grid; color: var(--th-feature-iy); background: var(--th-chip); place-items: center; clip-path: polygon(50% 0, 100% 14%, 100% 55%, 50% 100%, 0 55%, 0 14%); height: 4.5rem; font-size: 1.875rem; }
.foot-shape { font-size: clamp(28px, 3vw, 42px); }
.rear-bonus { color: #A9A3C9; max-width: 56ch; }
.rear-side { gap: 22px; align-content: center; display: grid; }
[data-vip-lobby] { display: flex; flex-wrap: wrap; gap: 0.625rem; }
.dot-rear {
  display: grid; place-items: center; width: 4.625rem; height: 74px; border-radius: 50%;
  border: calc(var(--th-set) * 2) solid rgba(34, 228, 255, 0.55); background: repeating-conic-gradient(var(--th-club-b2) 0 10deg, var(--th-chip2-ty) 10deg 20deg);
}
.dot-rear span { font: 700 11px/1.1 "Chakra Petch", "Segoe UI", sans-serif; background: var(--th-gold-rf); border-radius: 50%; height: 56px; width: 3.5rem; place-items: center; text-align: center; display: grid; color: #F2EFFF; }
[data-main-bonus] { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
[data-main-bonus] li { display: flex; font-size: var(--th-ring); align-items: center; gap: 8px; }
[data-main-bonus] .row-gold { color: var(--th-hero); }
@media (max-width: 860px) { [data-cell-foot] { grid-template-columns: 1fr; } }
.grid-race { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 0.625rem 1.5rem; margin-bottom: 20px; }
.grid-race .seal-base { grid-column: 1 / -1; justify-self: start; }
.strip-chip2 { font-size: clamp(32px, 3.4vw, 52px); }
.page-dock { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); grid-template-rows: 1fr 1fr; gap: 0.875rem; }
.race-panel { grid-row: span 2; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 0.8fr); transition: box-shadow var(--th-box); align-items: center; overflow: hidden; isolation: isolate; }
.race-panel::before { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--th-feature-sr); }
.race-panel:hover, .inner-row:hover { box-shadow: var(--th-feature); }
[data-main-ace] { padding: 32px; gap: 14px; justify-items: start; display: grid; }
.inner-flag { font-size: clamp(30px, 3vw, 46px); }
.race-panel img { align-self: stretch; width: 100%; height: 100%; object-fit: cover; mask-image: linear-gradient(90deg, transparent, #000 30%); }
.box-promo { font-size: var(--th-ring); color: #A9A3C9; }
.inner-row { overflow: hidden; gap: 1.125rem; align-items: center; grid-template-columns: 130px minmax(0, 1fr); display: grid; padding: 14px; }
.inner-row img { width: 130px; height: 130px; object-fit: cover; border-radius: var(--th-lobby-0t); }
.side-link { display: grid; gap: 0.375rem; }
.base-ring { font-size: var(--th-hero-sz); }
.flag-page { display: inline-flex; align-items: center; gap: 6px; font-size: var(--th-item); color: var(--th-chip); }
@media (max-width: 960px) { .page-dock { grid-template-columns: 1fr; grid-template-rows: none; } .race-panel { grid-row: auto; } }
@media (max-width: 560px) { .race-panel { grid-template-columns: 1fr; } .race-panel img { height: 12.5rem; order: -1; mask-image: linear-gradient(transparent, #000 30%); } .inner-row { grid-template-columns: 90px minmax(0, 1fr); } .inner-row img { width: 90px; height: 90px; } }
.rail-frame { display: flex; justify-content: space-between; gap: 0.75rem 1.25rem; flex-wrap: wrap; margin-bottom: 1rem; align-items: center; }
.link-menu { display: flex; align-items: center; gap: 10px; font-size: 32px; }
.link-menu .row-gold { color: var(--th-chip); }
[data-star-chip2] { display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; }
.front-item { flex: none; height: 36px; padding: 0 0.875rem; border-radius: 0px; border: var(--th-set) solid var(--th-link-g7); font-size: var(--th-ring); color: #A9A3C9; transition: background var(--th-box), color var(--th-box); }
.front-item.front-offer { color: var(--th-feature-iy); border-color: var(--th-chip); background: var(--th-chip); }
[data-win-block] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; }
.lead-top { display: grid; grid-template-columns: 84px minmax(0, 1fr) auto; align-items: center; gap: 0.875rem; padding: 10px 14px 10px 10px; transition: border-color var(--th-box); }
.lead-top:hover { border-color: var(--th-chip); }
.lead-top img { object-fit: cover; height: 84px; width: 5.25rem; object-position: 50% 15%; border-radius: var(--th-edge-ic); }
.top-head { display: grid; gap: 0.3125rem; min-width: 0; }
.slab-nav { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 700; }
.card-zone { color: #6D6790; font-size: var(--th-item); align-items: center; display: inline-flex; gap: 6px; }
.view-list { display: flex; gap: 0.25rem; }
.view-list i { width: 14px; height: 14px; border-radius: 50%; border: 2px solid var(--th-hero); }
.view-list i.row-frame { background: #6D6790; border-color: #6D6790; }
@media (max-width: 1180px) { [data-win-block] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 680px) { [data-win-block] { grid-template-columns: 1fr; } }
.line-strip { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-flow: column; grid-template-rows: repeat(3, auto); column-gap: 0; margin: 0; padding: 0.5rem; list-style: none; }
.live-label { align-items: center; grid-template-columns: 30px 56px minmax(0, 1fr) auto 36px; border-radius: var(--th-edge-ic); transition: background var(--th-box); padding: 0.625rem 0.875rem; display: grid; gap: 0.75rem; }
.live-label:hover { background: var(--th-club-b2); }
.seal-jackpot { font-size: var(--th-strip-1g); color: #6D6790; }
.live-label:nth-child(-n + 3) .seal-jackpot { color: var(--th-chip); }
.live-label img { border-radius: calc(var(--th-edge-ic) * 0.6); object-fit: cover; height: 3.75rem; width: 3.75rem; }
.bonus-gold { display: grid; gap: 2px; min-width: 0; }
.deal-mark { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; }
[data-strip-club] { font-size: var(--th-item); color: #6D6790; }
.body-race { font-size: 0.6875rem; display: grid; color: #6D6790; justify-items: end; gap: 2px; }
.body-race .reel-label { font-size: var(--th-ring); color: var(--th-hero); }
.panel-grid { display: grid; place-items: center; width: 2.25rem; height: 36px; border-radius: 50%; border: var(--th-set) solid var(--th-link-g7); color: #A9A3C9; transition: background var(--th-box), color var(--th-box), border-color var(--th-box); }
.live-label:hover .panel-grid { color: var(--th-feature-iy); border-color: var(--th-chip); background: var(--th-chip); }
@media (max-width: 1180px) { .line-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: none; grid-auto-flow: row; } }
@media (max-width: 700px) { .line-strip { grid-template-columns: 1fr; } .body-race { display: none; } .live-label { grid-template-columns: 26px 52px minmax(0, 1fr) 36px; } .live-label img { width: 52px; height: 3.25rem; } }
.foot-deal { margin: 0; padding: 6px; list-style: none; overflow: hidden; }
.card-list { border-radius: var(--th-edge-ic); grid-template-columns: 76px minmax(0, 1fr) 150px 150px auto; gap: 20px; padding: 12px 16px 12px 12px; display: grid; align-items: center; }
.card-list:nth-child(odd) { background: var(--th-club-b2); }
.card-list img { height: 76px; object-fit: cover; width: 76px; border-radius: var(--th-edge-ic); }
.field-chip { gap: 0.25rem; display: grid; min-width: 0; }
.ring-ace { font-size: var(--th-strip-1g); }
.star-mark { font-size: var(--th-ring); color: #A9A3C9; }
.label-gold .list-rear { font-size: var(--th-strip-1g); }
.stack-mark { align-items: center; display: inline-flex; font-size: var(--th-item); gap: 0.375rem; color: #6D6790; }
@media (max-width: 1000px) { .card-list { grid-template-columns: 64px minmax(0, 1fr) auto; } .label-gold, .stack-mark { display: none; } .card-list img { width: 64px; height: 64px; } }
.step-game { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; margin-bottom: 1rem; }
.club-block { white-space: nowrap; align-items: center; display: flex; font-size: var(--th-hero-sz); gap: 0.625rem; }
.club-block .row-gold { color: var(--th-chip); }
[data-page-pane] { display: flex; gap: 0.25rem; padding: 0.25rem; border-radius: calc(var(--th-edge-ic) + 4px); background: var(--th-chip2-ty); border: var(--th-set) solid rgba(160, 140, 255, 0.12); }
.crown-dice { height: 2rem; padding: 0 12px; border-radius: var(--th-edge-ic); font-size: 0.8125rem; font-weight: 500; color: #6D6790; transition: background var(--th-box), color var(--th-box); }
.crown-dice.front-offer { background: var(--th-chip); color: var(--th-feature-iy); }
.chip-cell { margin-left: auto; gap: 6px; align-items: center; display: flex; }
.tray-stack { --th-chip2: clamp(150px, calc((100% - 12px * 6) / 7), 190px); }
.main-front { display: grid; gap: 8px; min-width: 0; }
.stack-gold { position: relative; }
.offer-grid { font-size: 0.6875rem; position: absolute; right: 0.5rem; transition: opacity var(--th-box); top: 8px; color: #fff; z-index: 1; padding: 3px 0.4375rem; background: rgba(0, 0, 0, 0.66); border-radius: 999px; }
.list-nav {
  position: absolute; inset: 0; z-index: 2; display: grid; place-content: center; justify-items: center; gap: 0.625rem;
  background: rgba(0, 0, 0, 0.62); opacity: 0; transition: opacity var(--th-box);
}
.stack-gold:hover .list-nav, .stack-gold:focus-within .list-nav { opacity: 1; }
.outer-tray { text-underline-offset: 3px; text-decoration: underline; color: #fff; font-weight: 600; font-size: var(--th-item); }
.nav-bar { font-weight: 600; font-size: var(--th-ring); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
@media (max-width: 800px) { [data-page-pane] { overflow-x: auto; width: 100%; order: 3; } .chip-cell .crown-lead { display: none; } .tray-stack { --th-chip2: 40vw; } }
.zone-view { list-style: none; gap: 12px; margin: 0; display: grid; padding: 0; grid-template-columns: 0.8fr 0.9fr 1fr 1.4fr; align-items: end; }
.menu-dock { display: grid; gap: 0.5rem; padding: 20px; overflow: hidden; }
.ring-edge { padding-top: 2.125rem; }
.race-stage { padding-top: 3rem; }
.deal-head { border-color: var(--th-chip); background: var(--th-feature-sr), var(--th-chip2-ty); padding: 64px 26px 26px; }
.lead-shape { font-size: 1.625rem; right: 16px; top: 14px; opacity: 0.8; position: absolute; color: var(--th-chip); }
.deal-head .lead-shape { font-size: 2.75rem; }
.lead-ring { font-size: var(--th-strip-1g); color: #A9A3C9; }
[data-crest-foot] { font-size: clamp(18px, 1.8vw, 24px); color: #F2EFFF; }
.deal-head [data-crest-foot] { font-size: clamp(28px, 3vw, 44px); color: var(--th-chip); }
.club-spin { height: 0.375rem; border-radius: 62.4375rem; background: var(--th-club); overflow: hidden; }
.club-spin span { background: linear-gradient(90deg, var(--th-chip), var(--th-step)); height: 100%; border-radius: inherit; display: block; }
.unit-strip { font-size: var(--th-item); color: #6D6790; }
@media (max-width: 960px) { .zone-view { grid-template-columns: 1fr 1fr; } .deal-head { grid-column: 1 / -1; order: -1; } .menu-dock { padding-top: 1.375rem !important; } }
.set-table { overflow: hidden; grid-template-columns: minmax(0, 1.4fr) minmax(280px, 1fr); display: grid; }
/*  legacy  */
.bar-item { padding: clamp(24px, 4vw, 44px); gap: 1.125rem; align-content: center; display: grid; }
[data-core-crown] { font-size: clamp(28px, 3vw, 42px); }
.frame-slab { display: grid; gap: 0.75rem; }
.frame-slab li { gap: 0.625rem; grid-template-columns: 26px minmax(0, 1fr); display: grid; color: #A9A3C9; font-size: var(--th-ring); }
.frame-slab :is(strong, b) { color: #F2EFFF; }
.frame-slab .row-gold { display: grid; place-items: center; width: 1.625rem; background: var(--th-chip); border-radius: 50%; font-size: 14px; color: var(--th-feature-iy); height: 1.625rem; }
.copy-tray { padding: clamp(24px, 4vw, 40px); align-content: center; border-left: var(--th-set) solid rgba(160, 140, 255, 0.12); gap: 12px; display: grid; background: var(--th-feature-sr), var(--th-club-b2); }
.promo-block { margin-bottom: 6px; gap: 4px; display: grid; }
.outer-step { font-size: clamp(40px, 4.4vw, 64px); color: var(--th-chip); }
[data-dock-edge] { font-weight: 600; }
.card-crest { width: 100%; }
.box-page { text-align: center; color: #6D6790; font-size: var(--th-item); }
@media (max-width: 860px) { .set-table { grid-template-columns: 1fr; } .copy-tray { border-left: 0; border-top: var(--th-set) solid rgba(160, 140, 255, 0.12); } }
.edge-wrap { display: grid; grid-template-columns: minmax(240px, 0.8fr) minmax(0, 2fr); gap: clamp(28px, 5vw, 72px); }
.field-note { position: sticky; top: calc(var(--th-flag-dm) + 28px); display: grid; align-self: start; gap: 1rem; }
.dice-pane { font-size: clamp(28px, 2.6vw, 40px); }
.lobby-crest { font-size: var(--th-item); color: #6D6790; letter-spacing: 0.04em; }
.copy-meta { display: grid; gap: 24px; justify-items: start; min-width: 0; }
.copy-meta > * { max-width: 100%; }
.pill-unit { font-size: var(--th-strip-1g); line-height: 1.6; color: #F2EFFF; }
[data-area-vip] {
  justify-self: stretch; width: 100%; overflow: hidden; min-width: 0; max-height: 560px;
  mask-image: linear-gradient(#000 60%, transparent);
}
.club-line:checked ~ [data-area-vip] { max-height: none; mask-image: none; }
.cell-inner { border-top: var(--th-set) solid rgba(160, 140, 255, 0.12);
  display: grid;
  padding: 1.625rem 0;
  font-size: var(--th-ring); gap: 0.75rem 2.5rem; grid-template-columns: minmax(160px, 0.7fr) minmax(0, 2fr); line-height: 1.7;
}
.foot-bar { line-height: 1.35; font-size: var(--th-reel); color: #F2EFFF; font-weight: 600; }
.hero-mark, .club-line:checked ~ [data-reel-area] [data-card-spin] { display: none; }
.club-line:checked ~ [data-reel-area] .hero-mark { display: inline; }
.club-line:focus-visible ~ [data-reel-area] { outline: 2px solid var(--th-chip); outline-offset: 3px; }
@media (max-width: 1080px) {
  .edge-wrap { grid-template-columns: 1fr; }
  .field-note { position: static; }
}
@media (max-width: 640px) { .cell-inner { grid-template-columns: 1fr; } }
.crest-crest { display: grid; justify-items: center; gap: 1.375rem; }
.set-list { gap: 0.625rem; text-align: center; justify-items: center; display: grid; }
.card-bonus { font-size: clamp(30px, 3.4vw, 50px); }
.dot-nav { width: min(860px, 100%); overflow: hidden; }
.group-grid { padding: 14px 20px; display: flex; gap: 12px; align-items: center; border-bottom: var(--th-set) solid rgba(160, 140, 255, 0.12); }
.group-grid :is(strong, b) { display: block; font-size: var(--th-ring); }
.item-chip2 { display: inline-flex; align-items: center; font-size: var(--th-item); color: #6D6790; gap: 6px; }
.tray-main {
  display: grid; place-items: center; flex: none; width: 2.5rem; height: 2.5rem; border-radius: 50%;
  background: var(--th-chip); color: var(--th-feature-iy); font: 700 16px/1 "Chakra Petch", "Arial Narrow", sans-serif;
}
.race-meta { width: 1.875rem; height: 1.875rem; font-size: 0.8125rem; }
.side-nav { display: grid; gap: 22px; background: var(--th-win-ep); padding: 1.5rem 1.25rem; }
.star-lobby { display: grid; gap: 0.625rem; }
[data-offer-side] { gap: 10px; align-items: flex-end; display: flex; }
[data-deck-slab] { justify-content: flex-end; }
.bonus-tray { max-width: 72%; line-height: 1.55; margin: 0; padding: 0.75rem 1rem; font-size: var(--th-ring); }
[data-deck-slab] .bonus-tray { font-weight: 600; color: var(--th-feature-iy);
  background: var(--th-chip);
  border-radius: calc(var(--th-edge-ic) + 10px) calc(var(--th-edge-ic) + 10px) 4px calc(var(--th-edge-ic) + 10px);
}
[data-lead-field] .bonus-tray {
  background: var(--th-club-b2); color: #A9A3C9; border: var(--th-set) solid rgba(160, 140, 255, 0.12);
  border-radius: calc(var(--th-edge-ic) + 10px) calc(var(--th-edge-ic) + 10px) calc(var(--th-edge-ic) + 10px) 4px;
}
.frame-race { display: flex; align-items: center; padding: 0.75rem 0.875rem; gap: 10px; border-top: var(--th-set) solid rgba(160, 140, 255, 0.12); }
.tab-zone { flex: 1; font-size: var(--th-ring); padding: 0.625rem 0.875rem; border-radius: 0px; background: var(--th-club); color: #6D6790; }
@media (max-width: 600px) { .bonus-tray { max-width: 86%; } }
.lobby-mark { margin: 0 clamp(16px, 2.4vw, 36px) clamp(16px, 2.4vw, 36px); border-radius: var(--th-dot-al); background: var(--th-chip2-ty); border: var(--th-set) solid rgba(160, 140, 255, 0.12); }
.outer-base { display: grid; padding: 36px clamp(20px, 3vw, 40px) 28px; margin: 0 auto; max-width: 75rem; gap: 28px; }
.wrap-lobby { display: flex; flex-wrap: wrap; align-items: center; gap: 1.125rem 1.75rem; padding-bottom: 1.5rem; border-bottom: var(--th-set) solid rgba(160, 140, 255, 0.12); }
.box-gold { flex: 1; font-size: var(--th-ring); color: #6D6790; }
[data-live-edge] ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 26px; font-size: var(--th-ring); color: #A9A3C9; }
[data-live-edge] a:hover { color: var(--th-chip); }
[data-main-dock] { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 16px; }
.meta-step, .copy-star { gap: 0.5rem; flex-wrap: wrap; display: flex; }
.meta-step .core-frame svg { height: 16px; }
.meta-step .bar-table { position: static; width: auto; height: auto; clip-path: none; }
.meta-step li, .copy-star li {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: var(--th-item); height: 1.875rem; padding: 0 12px; font-weight: 600; background: var(--th-club); color: #A9A3C9;
  border-radius: 0px;
}
.copy-star li { background: transparent; border: var(--th-set) solid var(--th-link-g7); }
.rear-rear { text-align: center; margin: 0 auto; color: #6D6790; max-width: 88ch; line-height: 1.7; font-size: var(--th-item); }
.label-card { color: #6D6790; font-size: var(--th-item); text-align: center; }
@media (max-width: 640px) { .box-gold { flex-basis: 100%; order: 3; } [data-main-dock] { justify-content: center; } }
.lobby-mark .crown-nav { justify-content: center; }
:root { --th-step: #ecddc2; --th-chip: #e8d5b5; --th-feature-iy: #111111; --th-flag-r0: rgba(232, 213, 181, 0.14); }
:root { --th-dot-al: 2px; --th-lobby-0t: 2px; --th-edge-ic: 2px; --th-set: 2px; --th-item: 12.7px; --th-ring: 14.8px; --th-reel: 15.9px; --th-strip-1g: 19.1px; --th-line: 6px; }
svg.row-gold{width:1em;height:1em;display:inline-block;vertical-align:-0.125em;fill:currentColor}