.meta__deck { font-size: var(--frame-live); }
.seal__table { color: var(--lobby-slot); display: inline-flex; align-items: center; font-size: var(--box-card); gap: 6px; }
@media (max-width: 1180px) { .step__meta { grid-template-columns: 1fr; } }
@media (max-width: 600px) {
  .unit__view--note { grid-template-columns: 1fr; padding: 22px; }
  .block__area { order: -1; width: 60%; }
  .line__card { grid-template-columns: 80px minmax(0, 1fr); }
  .line__card img { width: 80px; height: 80px; }
}
[data-dot__meta] .win { --frame-stack: clamp(200px, calc((100% - 14px * 4) / 5), 300px); }
@media (max-width: 720px) { [data-dot__meta] .win { --frame-stack: 64vw; } }
.row__link { display: grid; grid-template-columns: minmax(260px, 0.8fr) minmax(0, 1.4fr); overflow: hidden; }
.group__row { display: grid; align-content: center; justify-items: start; gap: 0.875rem; padding: 2rem; border-right: var(--reel-hero) solid var(--slot-line); }
.step__mark { font-size: clamp(28px, 2.6vw, 40px); }
/*  responsive  */
.rear__vip { margin: 0.5rem 0 0; gap: 14px; display: grid; width: 100%; }
.rear__vip [data-seal--wrap] { padding-top: 0.75rem; border-top: var(--reel-hero) solid var(--slot-line); }
.rear__vip dd { margin: 0; }
.table__rear {
  height: 340px; overflow: hidden;
  mask-image: linear-gradient(transparent, #000 14%, #000 86%, transparent);
}
.set__crest--feature { display: grid; animation: wins-d-up 40s linear infinite; }
.row__link:hover .set__crest--feature { animation-play-state: paused; }
.shape__view {
  padding: 10px 24px; gap: 14px; border-bottom: var(--reel-hero) solid var(--slot-line); align-items: center; grid-template-columns: 36px minmax(0, 1fr) auto auto;
  display: grid;
}
.shape__view img { width: 40px; height: 40px; object-fit: cover; border-radius: calc(var(--stack-link) * 0.5); }
.pill__row--hero { display: grid; gap: 2px; min-width: 0; font-size: var(--bonus-page); }
.pill__row--hero span { font-size: var(--box-card); color: var(--dock-deck); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.list__crest--shape { font-size: var(--box-card); color: var(--card-frame); }
.feature__club { min-width: 100px; color: var(--slot-shape); text-align: right; }
@keyframes wins-d-up { to { transform: translateY(-50%); } }
@media (prefers-reduced-motion: reduce) { .set__crest--feature { animation: none; } .table__rear { overflow-y: auto; } }
@media (max-width: 900px) {
  .row__link { grid-template-columns: 1fr; }
  .group__row { border-right: 0; border-bottom: var(--reel-hero) solid var(--slot-line); }
  .rear__vip { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 560px) {
  .rear__vip { grid-template-columns: 1fr; }
  .shape__view { grid-template-columns: 36px minmax(0, 1fr) auto; padding: 0.625rem 1rem; }
  .list__crest--shape { display: none; }
}
.line__bar { grid-template-columns: 1fr 1fr; display: grid; gap: 14px; }
.box__group { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); align-items: center; min-height: 17.5rem; overflow: hidden; isolation: isolate; }
.box__group::before { content: ""; position: absolute; background: var(--seal-zone); inset: 0; z-index: -1; }
.ring__top::before { background: var(--cell-tile); opacity: 0.8; }
.zone__dock { display: grid; justify-items: start; gap: 0.625rem; padding: 1.75rem 0 1.75rem 1.75rem; }
.lobby__gold--tab { font-size: clamp(24px, 2.2vw, 34px); }
.slab__edge { font-size: var(--bonus-page); color: var(--card-frame); }
.gold__item { font-size: var(--box-card); gap: 6px; color: var(--dock-deck); display: inline-flex; align-items: center; }
.lobby__hero--tile {
  margin-right: -18%;
  box-shadow: var(--slot-area); aspect-ratio: 1;
  justify-self: end; width: 118%; object-fit: cover; max-width: none;
  border-radius: 50% 0 0 50%;
}
@media (max-width: 1080px) { .line__bar { grid-template-columns: 1fr; } }
@media (max-width: 560px) {
  .box__group { grid-template-columns: 1fr; }
  .lobby__hero--tile { margin: 0; border-radius: 0; width: 100%; aspect-ratio: 16 / 9; justify-self: stretch; order: -1; }
  .zone__dock { padding: 1.25rem; }
}
.foot__foot { display: grid; grid-template-columns: minmax(240px, 0.8fr) minmax(0, 2.4fr); align-items: center; gap: 32px; padding: 1.75rem 2rem; overflow: hidden; }
.pill__outer { gap: 12px; justify-items: start; display: grid; }
.view__edge { font-size: clamp(26px, 2.4vw, 36px); }
.zone__field { display: inline-flex; align-items: center; gap: 0.5rem; color: var(--card-frame); font-size: var(--bonus-page); }
/*  v2  */
.step__label { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 0.75rem; margin: 0; padding: 0; list-style: none; }
.inner__table--club { position: relative; display: grid; justify-items: center; gap: 4px; text-align: center; }
.grid__crest {
  background: conic-gradient(from 200deg, var(--lobby-slot), var(--rail-jackpot), var(--slot-shape), var(--lobby-slot));
  display: block; border-radius: 50%; max-width: 124px; padding: 0.25rem; aspect-ratio: 1; width: 100%;
  transition: transform var(--chip2-pill) var(--spin-hero);
}
.grid__crest img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 15%; border-radius: 50%; border: 3px solid var(--item-note); }
.inner__table--club:hover .grid__crest { transform: scale(1.05) rotate(calc(var(--jackpot-edge) * -1)); }
[data-stack__club--ring] { font: 700 9px/1.4 var(--cell-label); border-radius: 999px;
  margin-top: -0.875rem; text-transform: uppercase; color: #fff;
  background: var(--crest-star); z-index: 1; padding: 2px 8px; letter-spacing: 0.1em;
}
[data-card__deck] { font-size: var(--bonus-page); line-height: 1.2; margin-top: 0.375rem; font-weight: 600; }
[data-star__club] { font-size: 11px; color: var(--dock-deck); }
@media (max-width: 1180px) { .foot__foot { grid-template-columns: 1fr; } }
@media (max-width: 720px) {
  .foot__foot { padding: 1.375rem 1.125rem; }
  .step__label { grid-auto-flow: column; grid-template-columns: none; grid-auto-columns: 96px; overflow-x: auto; scrollbar-width: none; padding-bottom: 4px; }
}
.list__media { gap: 14px; grid-template-columns: minmax(260px, 0.9fr) minmax(0, 2.4fr); display: grid; }
.shape__side { display: grid; align-content: start; justify-items: start; gap: 16px; padding: 1.75rem; }
.label__pill { font-size: 2.75rem; }
.head__rail { font-size: var(--bonus-page); color: var(--card-frame); }
.outer__base { padding: 16px 0; width: 100%; border-bottom: var(--reel-hero) solid var(--slot-line); gap: 0.5rem; border-top: var(--reel-hero) solid var(--slot-line); display: grid; }
[data-lead__field] { display: flex; justify-content: space-between; align-items: baseline; }
[data-lead__field] [data-race--outer] { color: var(--rail-jackpot); }
.frame__head--step { height: 0.5rem; border-radius: var(--stack-link); background: var(--media-offer); overflow: hidden; }
.frame__head--step span { display: block; height: 100%; background: linear-gradient(90deg, var(--lobby-slot), var(--rail-jackpot)); }
.dice__list { font-size: var(--box-card); color: var(--dock-deck); }
.edge__foot { overflow-x: auto; }
.edge__foot table { min-width: 600px; border-collapse: collapse; width: 100%; font-size: var(--bonus-page); table-layout: fixed; }
.edge__foot th, .edge__foot td { border-bottom: var(--reel-hero) solid var(--slot-line); text-align: left; overflow-wrap: anywhere; padding: 14px 12px; }
.edge__foot tbody tr:last-child > * { border-bottom: 0; }
.edge__foot thead th { padding-top: 1.5rem; vertical-align: bottom; }
.edge__foot tbody th { font-weight: 500; color: var(--dock-deck); white-space: nowrap; font-size: var(--box-card); letter-spacing: var(--copy-side); text-transform: uppercase; }
.edge__foot td { color: var(--card-frame); }
[data-club__ace] { font-size: 24px; color: var(--grid-group); }
.edge__foot .cell--rear { background: var(--panel-head); color: var(--grid-group); }
.edge__foot th.cell--rear [data-club__ace] { color: var(--rail-jackpot); }
[data-box__zone] { color: var(--lobby-slot); }
.menu__chip { color: var(--dock-deck); transform: rotate(45deg); display: inline-block; }
@media (max-width: 1180px) { .list__media { grid-template-columns: 1fr; } }
.game__meta {
  margin-bottom: 32px; gap: 24px 64px;
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: start;
}
.game__meta .menu--race { margin-bottom: 14px; }
.list__inner--field { font-size: clamp(30px, 3.2vw, 48px); }
.cell__core { color: var(--card-frame); line-height: 1.7; }
.line__mark--race { gap: 14px; grid-template-columns: repeat(3, minmax(0, 1fr)); display: grid; }
.promo__vip { overflow: hidden; line-height: 1.7; font-size: var(--bonus-page); padding: 26px 26px 24px; }
.promo__vip.tab--dock { grid-column: span 2; }
.crown__mark {
  position: absolute; top: 14px; opacity: 0.18; right: 18px; color: var(--lobby-slot); line-height: 1;
  font-size: 44px;
}
.main__slab--row { color: var(--grid-group); font-size: var(--frame-live); margin: 0 3rem 0.75rem 0; }
@media (max-width: 1280px) {
  .line__mark--race { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 800px) {
  .game__meta, .line__mark--race { grid-template-columns: 1fr; }
  .promo__vip.tab--dock { grid-column: auto; }
}
.chip__promo { grid-template-columns: minmax(0, 1fr); gap: 8px; }
.chip__promo .list__inner--field { max-width: 22ch; }
.chip__promo .cell__core { max-width: 64ch; }
.lead__shape { display: grid; justify-items: center; gap: 1.375rem; }
.table__top { text-align: center; display: grid; justify-items: center; gap: 10px; }
/*  temp  */
.bar__core { font-size: clamp(30px, 3.4vw, 50px); }
[data-panel__club] { width: min(860px, 100%); overflow: hidden; }
.dice__crown { display: flex; align-items: center; gap: 12px; padding: 0.875rem 1.25rem; border-bottom: var(--reel-hero) solid var(--slot-line); }
.dice__crown :is(strong, b) { display: block; font-size: var(--bonus-page); }
.body__meta { display: inline-flex; align-items: center; gap: 0.375rem; font-size: var(--box-card); color: var(--dock-deck); }
.lobby__offer { color: var(--set-main); place-items: center;
  display: grid; font: 700 16px/1 var(--dot-chip2); border-radius: 50%; width: 2.5rem; flex: none;
  background: var(--lobby-slot); height: 2.5rem;
}
.slab__live { width: 30px; height: 1.875rem; font-size: 0.8125rem; }
.spin__dice--grid { gap: 22px; background: var(--cell-tile); display: grid; padding: 1.5rem 1.25rem; }
.tab__grid { display: grid; gap: 0.625rem; }
.grid__top--rear { display: flex; align-items: flex-end; gap: 10px; }
.mark__cell { justify-content: flex-end; }
[data-inner__copy] { margin: 0; line-height: 1.55; max-width: 72%; font-size: var(--bonus-page); padding: 0.75rem 1rem; }
.mark__cell [data-inner__copy] { font-weight: 600;
  background: var(--lobby-slot);
  border-radius: calc(var(--stack-link) + 10px) calc(var(--stack-link) + 10px) 4px calc(var(--stack-link) + 10px); color: var(--set-main);
}
.menu__block [data-inner__copy] {
  background: var(--box-side); color: var(--card-frame); border: var(--reel-hero) solid var(--slot-line);
  border-radius: calc(var(--stack-link) + 10px) calc(var(--stack-link) + 10px) calc(var(--stack-link) + 10px) 4px;
}
.grid__front { display: flex; gap: 0.625rem; padding: 12px 14px; align-items: center; border-top: var(--reel-hero) solid var(--slot-line); }
.win__label--crest { flex: 1; background: var(--star-dice); border-radius: var(--meta-list); color: var(--dock-deck); padding: 0.625rem 0.875rem; font-size: var(--bonus-page); }
@media (max-width: 600px) { [data-inner__copy] { max-width: 86%; } }
.view__foot { border-top: var(--reel-hero) solid var(--slot-line); background: var(--star-dice); }
/*  temp  */
.box__wrap { max-width: 1440px; margin: 0 auto; padding: 56px var(--cell-nav) 32px; display: grid; gap: 40px; }
.tray__band { display: grid; grid-template-columns: minmax(240px, 1.6fr) repeat(4, minmax(0, 1fr)); gap: 32px; }
.cell__view { display: grid; align-content: start; justify-items: start; gap: 16px; color: var(--card-frame); font-size: var(--bonus-page); max-width: 34ch; }
.stage__tray { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.shape__feature {
  display: inline-flex; align-items: center; gap: 6px; height: 1.75rem; padding: 0 0.625rem;
  font-size: var(--box-card); color: var(--card-frame);
  border: var(--reel-hero) solid var(--line-bonus); border-radius: var(--stack-link);
}
.inner__spin { color: var(--lobby-slot); text-transform: uppercase; letter-spacing: var(--copy-side); margin-bottom: 0.875rem; font-size: var(--box-card); }
.promo__win ul { font-size: var(--bonus-page); gap: 10px; display: grid; color: var(--card-frame); }
.promo__win a:hover { color: var(--grid-group); }
.jackpot__wrap {
  border-top: var(--reel-hero) solid var(--slot-line);
  display: flex; border-bottom: var(--reel-hero) solid var(--slot-line); flex-wrap: wrap;
}
.jackpot__wrap li {
  flex: 1 1 auto; text-align: center; padding: 1rem 0.75rem; letter-spacing: 0.12em;
  font: 500 var(--box-card)/1 var(--rear-seal); text-transform: uppercase; color: var(--dock-deck);
}
.jackpot__wrap [data-lobby__outer] svg { height: 1.375rem; }
.jackpot__wrap li + li { border-left: var(--reel-hero) solid var(--slot-line); }
.body__bonus { display: flex; justify-content: space-between; gap: 2rem; font-size: var(--box-card); color: var(--dock-deck); }
.grid__mark--reel { max-width: 90ch; line-height: 1.7; }
.tray__live { white-space: nowrap; }
@media (max-width: 1080px) { .tray__band { grid-template-columns: repeat(2, minmax(0, 1fr)); } .cell__view { grid-column: 1 / -1; } }
@media (max-width: 600px) { .body__bonus { flex-direction: column; } .jackpot__wrap li { flex-basis: 25%; } .jackpot__wrap [data-lobby__outer] svg { height: 1.375rem; }
.jackpot__wrap li + li { border-left: 0; } }
.view__foot [data-grid__line] { margin-top: -16px; }
:root { --lobby-slot: rgb(212, 175, 55); --rail-jackpot: rgb(220 189 91); --panel-head: rgba(212, 175, 55, 0.14); --set-main: #111111; }
:root { --lobby-slot: #d4af37; --rail-jackpot: hsl(46 65% 61%); --panel-head: rgba(212, 175, 55, 0.14); --set-main: hsl(0 0% 7%); }
:root { --box-card: 12.7px; --lead-core: calc(clamp(52px, 5.4vw, 84px) * 1.22); --group-area: 20.1px; --stack-link: 12px; --cell-nav: calc(clamp(16px, 2.8vw, 44px) * 1.22); --top-pane: 24px; --label-head: 1200px; --grid-label: 16px; --meta-list: 12px; --note-dock: 4px; --bonus-page: 14.8px; --reel-hero: 1px; --strip-label: 17.0px; }
svg.set--reel{width:1em;height:1em;display:inline-block;vertical-align:-0.125em;fill:currentColor}