.bonus-nav { font-family: var(--th-promo-1l); opacity: 0.7; color: var(--th-field); }
.mark-strip { border-color: var(--th-top); clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 0 100%); }
.tile-copy.link-field .edge-meta, .link-strip .edge-meta { filter: drop-shadow(0 0 6px currentColor); }
.link-strip { border-radius: 0; clip-path: polygon(8px 0, 100% 0, calc(100% - 8px) 100%, 0 100%); padding: 0 20px; }
.link-strip.link-field { box-shadow: none; }
.card-main { border-radius: 0; }
.card-main.link-field { background: transparent; box-shadow: inset 0 -2px 0 var(--th-main); color: #fff; text-shadow: 0 0 10px rgba(255, 46, 136, 0.7); }
.table-outer { display: grid; gap: 14px; }
.meta-view {
  display: grid;
  overflow-x: auto; gap: 16px; list-style: none; scrollbar-width: none; scroll-padding: 0 11%; padding: 4px var(--th-chip2-ty) 10px; grid-auto-columns: min(78%, 1000px); scroll-snap-type: x mandatory;
  margin: 0 calc(var(--th-chip2-ty) * -1); grid-auto-flow: column;
}
.meta-view::-webkit-scrollbar { display: none; }
.panel-unit { scroll-snap-align: center; }
.inner-jackpot {
  position: relative; isolation: isolate; display: block; height: 420px; overflow: hidden;
  border-radius: var(--th-base); border: var(--th-deal-9g) solid var(--th-vip); box-shadow: var(--th-note-5f); background: var(--th-main-kx);
}
.media-page { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; object-position: 60% 35%; }
.zone-deal { position: absolute; inset: 0; z-index: -1; background: linear-gradient(0deg, rgba(0, 0, 0, 0.88), rgba(0, 0, 0, 0.1) 70%); }
.win-live { position: absolute; left: 32px; right: 32px; bottom: 30px; display: grid; justify-items: start; gap: 10px; color: #fff; }
.win-live .star-ace { color: var(--th-spin); }
.box-nav { position: absolute; right: 0; bottom: -6px; -webkit-text-stroke: 1.5px rgba(255, 255, 255, 0.35); color: transparent; line-height: 1; font-size: 96px; }
.outer-gold { display: block; font-size: clamp(30px, 3.6vw, 54px); max-width: 16ch; }
.foot-front { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.game-live { display: flex; overflow-x: auto; gap: 6px; margin: 0; list-style: none; scrollbar-width: none; padding: 0; }
/*  keep in sync with the build  */
.nav-crown {
  display: inline-flex; align-items: center; gap: 8px; height: 36px; padding: 0 14px; white-space: nowrap;
  border-radius: var(--th-chip2); border: var(--th-deal-9g) solid var(--th-vip); font-size: var(--th-item); color: var(--th-offer-0n);
  transition: color var(--th-copy-xz), border-color var(--th-copy-xz), background var(--th-copy-xz);
}
.nav-crown .panel-rear { font-size: 11px; color: var(--th-main); }
.nav-crown.link-field { color: var(--th-note); border-color: var(--th-main); background: var(--th-dot); }
.reel-wrap { display: flex; gap: 6px; }
@media (max-width: 720px) {
  .meta-view { grid-auto-columns: 88%; }
  .inner-jackpot { height: 360px; }
  .win-live { left: 20px; right: 20px; }
  .game-live { display: none; }
  .foot-front { justify-content: flex-end; }
}
.inner-jackpot:has(.pill-nav) { background: var(--th-area), var(--th-lobby-1i), var(--th-main-kx); }
.inner-jackpot:has(.pill-nav) .media-page { display: none; }
.inner-jackpot:has(.pill-nav) .win-live { right: 42%; }
.zone-core { min-height: 0; width: 44%; top: 10%; bottom: 0; right: 0; z-index: 1; position: absolute; }
@media (max-width: 760px) {
  .inner-jackpot:has(.pill-nav) .win-live { right: 16px; }
  .zone-core { bottom: auto; right: 0; width: 70%; top: 10px; height: min(54vw, 240px); }
}
.item-deck { display: grid; gap: 14px; }
.jackpot-slot {
  display: flex; align-items: center; gap: 14px; height: 64px; padding: 0 22px;
  border-radius: var(--th-base); background: var(--th-dice); border: var(--th-deal-9g) solid var(--th-top); box-shadow: var(--th-note-5f);
  color: var(--th-main); font-size: 22px;
}
.jackpot-slot:focus-within { border-color: var(--th-main); }
.jackpot-slot input { flex: 1; min-width: 0; height: 100%; background: none; border: 0; outline: 0; color: var(--th-note); font: inherit; font-size: var(--th-edge); }
.jackpot-slot input::placeholder { color: var(--th-offer-0n); }
.offer-main { color: var(--th-offer-0n); font-size: var(--th-box-b8); white-space: nowrap; }
.ace-inner { display: flex; align-items: center; gap: 12px; }
.crown-lead { overflow-x: auto; min-width: 0; flex: 1; gap: 6px; display: flex; padding-bottom: 2px; scrollbar-width: none; }
.crown-lead::-webkit-scrollbar { display: none; }
.table-shape {
  display: inline-flex; align-items: center; gap: 8px; flex: none; height: 38px; padding: 0 8px 0 16px;
  border-radius: var(--th-chip2); border: var(--th-deal-9g) solid var(--th-top); font-size: var(--th-item); font-weight: 500; color: var(--th-box);
  transition: background var(--th-copy-xz), color var(--th-copy-xz), border-color var(--th-copy-xz);
}
.table-shape .panel-rear { padding: 3px 7px; border-radius: 999px; background: var(--th-main-kx); font-size: 11px; color: var(--th-offer-0n); }
.table-shape:hover { color: var(--th-note); border-color: var(--th-dock-e3); }
.table-shape.link-field { background: var(--th-note); color: var(--th-nav); border-color: var(--th-note); }
.table-shape.link-field .panel-rear { background: var(--th-main); color: var(--th-pill-bn); }
.stage-outer { display: inline-flex; align-items: center; gap: 6px; flex: none; height: 38px; padding: 0 10px; border-radius: var(--th-game); border: var(--th-deal-9g) solid var(--th-top); color: var(--th-offer-0n); }
.stage-outer select { background: none; border: 0; outline: 0; color: var(--th-note); font: inherit; font-size: var(--th-item); }
.stage-outer option { color: #111; }
@media (max-width: 720px) { .offer-main { display: none; } .stage-outer { display: none; } .jackpot-slot { height: 54px; } }
.race-deal { display: grid; isolation: isolate; padding: clamp(24px, 4vw, 48px) clamp(24px, 4vw, 60px) 0; gap: clamp(24px, 4vw, 60px); grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); align-items: center; overflow: hidden; }
.race-deal::before { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--th-area); }
.dock-group { display: flex; justify-content: center; align-self: end; }
.dock-group .label-tab { margin-bottom: -60px; transform: rotate(calc(var(--th-bar) * -2)); }
.card-box { display: grid; justify-items: start; gap: 14px; padding-bottom: clamp(24px, 4vw, 48px); }
.panel-area { font-size: clamp(30px, 3.2vw, 48px); }
.page-rear { color: var(--th-box); max-width: 46ch; }
.body-top { display: grid; gap: 8px; margin: 4px 0 8px; }
.body-top li { display: flex; align-items: center; gap: 10px; font-size: var(--th-item); }
.body-top .edge-meta { color: var(--th-main); }
@media (max-width: 860px) { .race-deal { grid-template-columns: 1fr; padding-top: 32px; } .dock-group { order: 2; } .card-box { padding-bottom: 0; } }
.vip-win { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: clamp(24px, 4vw, 60px); padding: clamp(24px, 4vw, 48px); }
.head-zone { display: grid; justify-items: start; gap: 14px; }
.ring-tile { display: grid; place-items: center; width: 64px; height: 72px; background: var(--th-main); color: var(--th-pill-bn); font-size: 30px; clip-path: polygon(50% 0, 100% 14%, 100% 55%, 50% 100%, 0 55%, 0 14%); }
.flag-band { font-size: clamp(28px, 3vw, 42px); }
.star-box { color: var(--th-box); max-width: 56ch; }
.cell-foot { gap: 22px; align-content: center; display: grid; }
.vip-main { flex-wrap: wrap; display: flex; gap: 10px; }
.tab-race {
  display: grid; place-items: center; width: 74px; height: 74px; border-radius: 50%;
  border: calc(var(--th-deal-9g) * 2) solid var(--th-dock-e3); background: repeating-conic-gradient(var(--th-main-kx) 0 10deg, var(--th-dice) 10deg 20deg);
}
.tab-race span { display: grid; place-items: center; width: 56px; height: 56px; border-radius: 50%; background: var(--th-nav); font: 700 11px/1.1 var(--th-table-2n); text-align: center; color: var(--th-note); }
.foot-shape { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.foot-shape li { display: flex; align-items: center; gap: 8px; font-size: var(--th-item); }
.foot-shape .edge-meta { color: var(--th-dock); }
@media (max-width: 860px) { .vip-win { grid-template-columns: 1fr; } }
.inner-stack { gap: 10px 24px; grid-template-columns: minmax(0, 1fr) auto; margin-bottom: 20px; display: grid; align-items: end; }
.inner-stack .star-ace { grid-column: 1 / -1; justify-self: start; }
.rear-side { font-size: clamp(32px, 3.4vw, 52px); }
.vip-lobby { gap: 14px; display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); grid-template-rows: 1fr 1fr; }
.dot-rear { overflow: hidden; align-items: center; grid-template-columns: minmax(0, 1fr) minmax(0, 0.8fr); transition: box-shadow var(--th-copy-xz); display: grid; grid-row: span 2; isolation: isolate; }
.dot-rear::before { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--th-area); }
.dot-rear:hover, .ace-unit:hover { box-shadow: var(--th-lead); }
.main-bonus { padding: 32px; gap: 14px; justify-items: start; display: grid; }
.strip-chip2 { font-size: clamp(30px, 3vw, 46px); }
.dot-rear img { width: 100%; align-self: stretch; height: 100%; object-fit: cover; mask-image: linear-gradient(90deg, transparent, #000 30%); }
.page-dock { font-size: var(--th-item); color: var(--th-box); }
.ace-unit { display: grid; grid-template-columns: 130px minmax(0, 1fr); align-items: center; gap: 18px; padding: 14px; overflow: hidden; }
.ace-unit img { border-radius: var(--th-jackpot); height: 130px; width: 130px; object-fit: cover; }
.live-star { display: grid; gap: 6px; }
.inner-flag { font-size: var(--th-link); }
.box-promo { display: inline-flex; align-items: center; gap: 6px; font-size: var(--th-box-b8); color: var(--th-main); }
@media (max-width: 960px) { .vip-lobby { grid-template-columns: 1fr; grid-template-rows: none; } .dot-rear { grid-row: auto; } }
@media (max-width: 560px) { .dot-rear { grid-template-columns: 1fr; } .dot-rear img { height: 200px; order: -1; mask-image: linear-gradient(transparent, #000 30%); } .ace-unit { grid-template-columns: 90px minmax(0, 1fr); } .ace-unit img { width: 90px; height: 90px; } }
.tab-crest { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 20px; margin-bottom: 16px; }
.copy-offer { display: flex; font-size: var(--th-view-oe); align-items: center; gap: 10px; }
.copy-offer .edge-meta { color: var(--th-main); }
.inner-row { display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; }
.side-link { flex: none; height: 36px; padding: 0 14px; border-radius: var(--th-chip2); border: var(--th-deal-9g) solid var(--th-top); font-size: var(--th-item); color: var(--th-box); transition: background var(--th-copy-xz), color var(--th-copy-xz); }
.side-link.link-field { color: var(--th-pill-bn); border-color: var(--th-main); background: var(--th-main); }
.base-ring { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; }
.flag-page { grid-template-columns: 84px minmax(0, 1fr) auto; display: grid; transition: border-color var(--th-copy-xz); padding: 10px 14px 10px 10px; gap: 14px; align-items: center; }
.flag-page:hover { border-color: var(--th-main); }
.flag-page img { object-fit: cover; object-position: 50% 15%; border-radius: var(--th-game); height: 84px; width: 84px; }
.slab-head { min-width: 0; gap: 5px; display: grid; }
.rail-frame { text-overflow: ellipsis; overflow: hidden; font-weight: 700; white-space: nowrap; }
.meta-frame { display: inline-flex; align-items: center; gap: 6px; color: var(--th-offer-0n); font-size: var(--th-box-b8); }
.slab-nav { display: flex; gap: 4px; }
.slab-nav i { width: 14px; height: 14px; border-radius: 50%; border: 2px solid var(--th-dock); }
.slab-nav i.card-zone { background: var(--th-offer-0n); border-color: var(--th-offer-0n); }
@media (max-width: 1180px) { .base-ring { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 680px) { .base-ring { grid-template-columns: 1fr; } }
.view-list { list-style: none; column-gap: 0; display: grid; grid-template-rows: repeat(3, auto); padding: 8px; margin: 0; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-flow: column; }
.card-meta { grid-template-columns: 30px 56px minmax(0, 1fr) auto 36px; align-items: center; gap: 12px; border-radius: var(--th-game); padding: 10px 14px; display: grid; transition: background var(--th-copy-xz); }
.card-meta:hover { background: var(--th-main-kx); }
.row-frame { font-size: var(--th-edge); color: var(--th-offer-0n); }
.card-meta:nth-child(-n + 3) .row-frame { color: var(--th-main); }
.card-meta img { border-radius: calc(var(--th-game) * 0.6); object-fit: cover; height: 60px; width: 60px; }
.stage-body { display: grid; gap: 2px; min-width: 0; }
.table-club { font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wrap-pill { font-size: var(--th-box-b8); color: var(--th-offer-0n); }
.pill-shape { font-size: 11px; gap: 2px; color: var(--th-offer-0n); justify-items: end; display: grid; }
.pill-shape .panel-rear { font-size: var(--th-item); color: var(--th-dock); }
.top-vip { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; border: var(--th-deal-9g) solid var(--th-top); color: var(--th-box); transition: background var(--th-copy-xz), color var(--th-copy-xz), border-color var(--th-copy-xz); }
.card-meta:hover .top-vip { background: var(--th-main); color: var(--th-pill-bn); border-color: var(--th-main); }
@media (max-width: 1180px) { .view-list { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-flow: row; grid-template-rows: none; } }
@media (max-width: 700px) { .view-list { grid-template-columns: 1fr; } .pill-shape { display: none; } .card-meta { grid-template-columns: 26px 52px minmax(0, 1fr) 36px; } .card-meta img { width: 52px; height: 52px; } }
.line-strip { margin: 0; padding: 6px; list-style: none; overflow: hidden; }
.live-label { display: grid; grid-template-columns: 76px minmax(0, 1fr) 150px 150px auto; align-items: center; gap: 20px; padding: 12px 16px 12px 12px; border-radius: var(--th-game); }
.live-label:nth-child(odd) { background: var(--th-main-kx); }
.live-label img { height: 76px; object-fit: cover; border-radius: var(--th-game); width: 76px; }
.seal-jackpot { min-width: 0; gap: 4px; display: grid; }
.side-foot { font-size: var(--th-edge); }
.bonus-gold { font-size: var(--th-item); color: var(--th-box); }
.strip-club .panel-grid { font-size: var(--th-edge); }
.jackpot-panel { display: inline-flex; align-items: center; gap: 6px; font-size: var(--th-box-b8); color: var(--th-offer-0n); }
@media (max-width: 1000px) { .live-label { grid-template-columns: 64px minmax(0, 1fr) auto; } .strip-club, .jackpot-panel { display: none; } .live-label img { width: 64px; height: 64px; } }
.card-list { display: flex; gap: 12px 20px; flex-wrap: wrap; margin-bottom: 16px; align-items: center; }
.field-chip { display: flex; align-items: center; gap: 10px; font-size: var(--th-link); white-space: nowrap; }
.field-chip .edge-meta { color: var(--th-main); }
.ring-ace { display: flex; gap: 4px; padding: 4px; border-radius: calc(var(--th-game) + 4px); background: var(--th-dice); border: var(--th-deal-9g) solid var(--th-vip); }
.star-mark { font-size: 13px; border-radius: var(--th-game); padding: 0 12px; height: 32px; font-weight: 500; color: var(--th-offer-0n); transition: background var(--th-copy-xz), color var(--th-copy-xz); }
.star-mark.link-field { background: var(--th-main); color: var(--th-pill-bn); }
.bonus-line { gap: 6px; align-items: center; margin-left: auto; display: flex; }
.label-gold { --th-wrap: clamp(150px, calc((100% - 12px * 6) / 7), 190px); }
.deck-dot { display: grid; gap: 8px; min-width: 0; }
.stack-mark { position: relative; }
.step-game { font-size: 11px; background: rgba(0, 0, 0, 0.66); position: absolute; transition: opacity var(--th-copy-xz); right: 8px; top: 8px; z-index: 1; padding: 3px 7px; color: #fff; border-radius: 999px; }
.star-outer { place-content: center; display: grid; z-index: 2; opacity: 0; inset: 0; justify-items: center;
  background: rgba(0, 0, 0, 0.62);
  position: absolute; transition: opacity var(--th-copy-xz); gap: 10px;
}
.stack-mark:hover .star-outer, .stack-mark:focus-within .star-outer { opacity: 1; }
.crown-dice { font-size: var(--th-box-b8); font-weight: 600; text-underline-offset: 3px; color: #fff; text-decoration: underline; }
.chip-cell { font-size: var(--th-item); font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 800px) { .ring-ace { order: 3; width: 100%; overflow-x: auto; } .bonus-line .seal-base { display: none; } .label-gold { --th-wrap: 40vw; } }
.crown-note { display: grid; grid-template-columns: 0.8fr 0.9fr 1fr 1.4fr; align-items: end; gap: 12px; margin: 0; padding: 0; list-style: none; }
.tray-stack { display: grid; gap: 8px; padding: 20px; overflow: hidden; }
.stage-deal { padding-top: 34px; }
.step-dock { padding-top: 48px; }
.media-feature { border-color: var(--th-main); background: var(--th-area), var(--th-dice); padding: 64px 26px 26px; }
.outer-deck { opacity: 0.8; right: 16px; font-size: 26px; position: absolute; top: 14px; color: var(--th-main); }
.media-feature .outer-deck { font-size: 44px; }
.stack-gold { font-size: var(--th-edge); color: var(--th-box); }
.win-tile { font-size: clamp(18px, 1.8vw, 24px); color: var(--th-note); }
.media-feature .win-tile { font-size: clamp(28px, 3vw, 44px); color: var(--th-main); }
.top-chip { height: 6px; border-radius: 999px; background: var(--th-group-vl); overflow: hidden; }
.top-chip span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--th-main), var(--th-spin)); }
.offer-grid { font-size: var(--th-box-b8); color: var(--th-offer-0n); }
@media (max-width: 960px) { .crown-note { grid-template-columns: 1fr 1fr; } .media-feature { grid-column: 1 / -1; order: -1; } .tray-stack { padding-top: 22px !important; } }
.dock-gold { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(280px, 1fr); overflow: hidden; }
.list-nav { display: grid; padding: clamp(24px, 4vw, 44px); align-content: center; gap: 18px; }
.outer-tray { font-size: clamp(28px, 3vw, 42px); }
.nav-bar { display: grid; gap: 12px; }
.nav-bar li { display: grid; grid-template-columns: 26px minmax(0, 1fr); color: var(--th-box); gap: 10px; font-size: var(--th-item); }
.nav-bar strong { color: var(--th-note); }
.nav-bar .edge-meta { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: var(--th-main); color: var(--th-pill-bn); font-size: 14px; }
.offer-lobby { display: grid; align-content: center; background: var(--th-area), var(--th-main-kx); border-left: var(--th-deal-9g) solid var(--th-vip); padding: clamp(24px, 4vw, 40px); gap: 12px; }
.zone-view { display: grid; gap: 4px; margin-bottom: 6px; }
.menu-dock { font-size: clamp(40px, 4.4vw, 64px); color: var(--th-main); }
.field-block { font-weight: 600; }
.lead-ring { width: 100%; }
.reel-race { color: var(--th-offer-0n); font-size: var(--th-box-b8); text-align: center; }
@media (max-width: 860px) { .dock-gold { grid-template-columns: 1fr; } .offer-lobby { border-left: 0; border-top: var(--th-deal-9g) solid var(--th-vip); } }
.crest-foot { display: grid; grid-template-columns: minmax(240px, 0.8fr) minmax(0, 2fr); gap: clamp(28px, 5vw, 72px); }
.club-spin { top: calc(var(--th-gold-rf) + 28px); gap: 16px; align-self: start; display: grid; position: sticky; }
.unit-strip { font-size: clamp(28px, 2.6vw, 40px); }
.ring-edge { font-size: var(--th-box-b8); color: var(--th-offer-0n); letter-spacing: 0.04em; }
.race-stage { min-width: 0; justify-items: start; gap: 24px; display: grid; }
.race-stage > * { max-width: 100%; }
.deal-head { font-size: var(--th-edge); line-height: 1.6; color: var(--th-note); }
.core-crown { min-width: 0; width: 100%;
  mask-image: linear-gradient(#000 60%, transparent); overflow: hidden;
  justify-self: stretch; max-height: 560px;
}
.set-table:checked ~ .core-crown { max-height: none; mask-image: none; }
.ring-strip { line-height: 1.7;
  padding: 26px 0;
  display: grid; border-top: var(--th-deal-9g) solid var(--th-vip); grid-template-columns: minmax(160px, 0.7fr) minmax(0, 2fr); gap: 12px 40px;
  font-size: var(--th-item);
}
.frame-slab { font-weight: 600; line-height: 1.35; color: var(--th-note); font-size: var(--th-bonus); }
.field-note, .set-table:checked ~ .box-page .edge-wrap { display: none; }
.set-table:checked ~ .box-page .field-note { display: inline; }
.set-table:focus-visible ~ .box-page { outline: 2px solid var(--th-main); outline-offset: 3px; }
@media (max-width: 1080px) {
  .crest-foot { grid-template-columns: 1fr; }
  .club-spin { position: static; }
}
@media (max-width: 640px) { .ring-strip { grid-template-columns: 1fr; } }
.dice-pane { gap: 22px; justify-items: center; display: grid; }
.copy-meta { text-align: center; gap: 10px; justify-items: center; display: grid; }
.pill-unit { font-size: clamp(30px, 3.4vw, 50px); }
.club-line { width: min(860px, 100%); overflow: hidden; }
/*  v2  */
.step-spin { display: flex; padding: 14px 20px; align-items: center; border-bottom: var(--th-deal-9g) solid var(--th-vip); gap: 12px; }
.step-spin strong { display: block; font-size: var(--th-item); }
.cell-inner { display: inline-flex; align-items: center; font-size: var(--th-box-b8); color: var(--th-offer-0n); gap: 6px; }
.area-vip { width: 40px;
  background: var(--th-main); flex: none; height: 40px; color: var(--th-pill-bn); place-items: center;
  display: grid; border-radius: 50%; font: 700 16px/1 var(--th-tile);
}
.label-dot { width: 30px; height: 30px; font-size: 13px; }
.foot-bar { display: grid; gap: 22px; padding: 24px 20px; background: var(--th-ace-a4); }
.outer-tab { display: grid; gap: 10px; }
.top-slot { align-items: flex-end; display: flex; gap: 10px; }
.dice-club { justify-content: flex-end; }
.side-deck { max-width: 72%; margin: 0; padding: 12px 16px; font-size: var(--th-item); line-height: 1.55; }
.dice-club .side-deck {
  border-radius: calc(var(--th-game) + 10px) calc(var(--th-game) + 10px) 4px calc(var(--th-game) + 10px); font-weight: 600; color: var(--th-pill-bn);
  background: var(--th-main);
}
.promo-crest .side-deck {
  background: var(--th-main-kx); color: var(--th-box); border: var(--th-deal-9g) solid var(--th-vip);
  border-radius: calc(var(--th-game) + 10px) calc(var(--th-game) + 10px) calc(var(--th-game) + 10px) 4px;
}
.crest-deal { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-top: var(--th-deal-9g) solid var(--th-vip); }
.reel-table { background: var(--th-group-vl); border-radius: var(--th-chip2); color: var(--th-offer-0n); padding: 10px 14px; font-size: var(--th-item); flex: 1; }
@media (max-width: 600px) { .side-deck { max-width: 86%; } }
.wrap-set { margin: 0 var(--th-chip2-ty) var(--th-chip2-ty); border-radius: var(--th-base); background: var(--th-dice); border: var(--th-deal-9g) solid var(--th-vip); }
.race-promo { max-width: 1200px; margin: 0 auto; display: grid; gap: 28px; padding: 36px clamp(20px, 3vw, 40px) 28px; }
.edge-reel { display: flex; flex-wrap: wrap; align-items: center; gap: 18px 28px; padding-bottom: 24px; border-bottom: var(--th-deal-9g) solid var(--th-vip); }
.card-spin { flex: 1; font-size: var(--th-item); color: var(--th-offer-0n); }
.side-zone ul { font-size: var(--th-item); gap: 10px 26px; color: var(--th-box); justify-content: center; flex-wrap: wrap; display: flex; }
.side-zone a:hover { color: var(--th-main); }
.hero-mark { gap: 16px; align-items: center; justify-content: space-between; flex-wrap: wrap; display: flex; }
.crest-crest, .dot-nav { flex-wrap: wrap; display: flex; gap: 8px; }
.crest-crest .vip-view svg { height: 16px; }
.crest-crest .set-list { clip-path: none; position: static; width: auto; height: auto; }
.crest-crest li, .dot-nav li { background: var(--th-group-vl);
  font-size: var(--th-box-b8); color: var(--th-box); font-weight: 600; padding: 0 12px; height: 30px; align-items: center;
  display: inline-flex; gap: 6px;
  border-radius: var(--th-chip2);
}
.dot-nav li { background: transparent; border: var(--th-deal-9g) solid var(--th-top); }
.star-lobby { color: var(--th-offer-0n); line-height: 1.7; margin: 0 auto; font-size: var(--th-box-b8); max-width: 88ch; text-align: center; }
.offer-side { color: var(--th-offer-0n); text-align: center; font-size: var(--th-box-b8); }
@media (max-width: 640px) { .card-spin { flex-basis: 100%; order: 3; } .hero-mark { justify-content: center; } }
.wrap-set .group-grid { justify-content: center; }
:root { --th-pill-bn: hsl(0 0% 7%); --th-dot: rgba(232, 213, 181, 0.14); --th-spin: rgb(236 221 194); --th-main: rgb(232 213 181); }
:root { --th-dock-vg: 1440px; --th-label-4m: 6px; --th-edge: 19.1px; --th-bonus: 15.9px; --th-item: 14.8px; --th-box-b8: 12.7px; --th-deal-9g: 2px; --th-game: 2px; --th-jackpot: 2px; --th-base: 2px; }
svg.edge-meta{width:1em;height:1em;display:inline-block;vertical-align:-0.125em;fill:currentColor}