.menu__note.lobby--race .pill--step { color: var(--inner-jackpot); }
.tray__set { font-family: var(--frame-lobby); font-weight: 600; letter-spacing: 0; text-transform: none; font-size: 14px; color: var(--inner-jackpot); }
/*  sections  */
.row__row { border: 2.5px solid var(--wrap-body); border-radius: 22px; box-shadow: 3px 3px 0 var(--wrap-body); background: var(--card-band); color: var(--wrap-body); font-weight: 600; text-transform: none; font-size: 13px; letter-spacing: 0; }
.row__row:nth-child(2) { background: #E9FBF3; }
.row__row img { border-radius: 50%; border: 2px solid var(--wrap-body); }
.list__offer--link.lobby--race { background: var(--copy-rail); box-shadow: inset 0 0 0 2px var(--wrap-body); }
.copy--area { border-bottom: 2.5px solid var(--wrap-body); background: rgba(255, 241, 246, 0.94); }
.inner__row--item { border: 2px solid var(--wrap-body); font-family: var(--frame-lobby); font-weight: 600; color: var(--wrap-body); background: #fff; }
.inner__row--item.lobby--race { border-color: var(--wrap-body); background: var(--inner-jackpot); color: #fff; box-shadow: 2px 2px 0 var(--wrap-body); }
.dot__bar--tray { font-family: var(--frame-lobby); font-weight: 600; }
.dot__bar--tray.lobby--race { background: var(--copy-rail); box-shadow: inset 0 0 0 2px var(--wrap-body); }
.crown__cell { font-family: var(--frame-lobby); font-size: 16px; font-weight: 600; }
.crown__cell.lobby--race::after { height: 5px; background: var(--inner-jackpot); }
.game__base--star .vip--base { border: 2.5px solid var(--wrap-body); box-shadow: 5px 5px 0 var(--wrap-body); }
.note__band { display: grid; grid-template-columns: minmax(0, 2.2fr) minmax(260px, 1fr); gap: 14px; }
.spin__row { position: relative; overflow: hidden; isolation: isolate; }
.spin__row::before { content: ""; position: absolute; background: var(--game-spin), var(--pane-bonus); inset: 0; z-index: -1; }
.dice__line {
  overflow-x: auto; grid-auto-flow: column; grid-auto-columns: 100%; scrollbar-width: none; scroll-snap-type: x mandatory;
  display: grid;
}
.dice__line::-webkit-scrollbar { display: none; }
.tray__hero--live {
  scroll-snap-align: start; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
  min-height: 400px; gap: 24px;
  display: grid; padding: 40px 40px 76px clamp(24px, 4vw, 52px); align-items: center;
}
.flag__dice { gap: 18px; justify-items: start; display: grid; }
/*  layout  */
.club__stage--dock { font-size: clamp(36px, 3.6vw, 60px); max-width: 13ch; }
.club__stage--dock em { display: block; }
.note__gold--nav { max-width: 42ch; color: var(--panel-panel); }
.lead__foot {
  justify-self: center; width: min(100%, 320px); aspect-ratio: 1; object-fit: cover;
  border-radius: var(--card-live);
  transform: rotate(calc(var(--base-card) * -1));
  box-shadow: var(--step-crest);
}
.win__star {
  position: absolute; left: clamp(24px, 4vw, 52px); bottom: 22px;
  display: flex; align-items: center; gap: 12px;
}
.club__slot { display: flex; gap: 6px; }
.body__crown { width: 22px; height: 4px; border-radius: var(--crest-gold); transition: width var(--band-tray) var(--rail-gold), background var(--band-tray); background: var(--strip-area); }
.body__crown.lobby--race { width: 44px; background: var(--inner-jackpot); }
.ring__edge { gap: 14px; grid-template-rows: 1fr 1fr; display: grid; }
.club__dot {
  display: grid; grid-template-columns: 112px minmax(0, 1fr); align-items: center; gap: 18px;
  padding: 16px; overflow: hidden;
  transition: transform var(--band-tray) var(--rail-gold), box-shadow var(--band-tray);
}
.club__dot:hover { transform: translateY(calc(var(--base-win) * -1)); box-shadow: var(--front-crown); }
.club__dot img { width: 112px; height: 112px; object-fit: cover; border-radius: var(--card-live); }
.menu__reel--menu { display: grid; gap: 8px; }
.strip__card { font-size: 24px; }
.ace__cell--band { display: inline-flex; align-items: center; gap: 6px; font-size: var(--wrap-outer); color: var(--panel-panel); }
@media (max-width: 1180px) {
  .note__band { grid-template-columns: 1fr; }
  .ring__edge { grid-template-rows: none; grid-template-columns: 1fr 1fr; }
}
@media (max-width: 720px) {
  .tray__hero--live { grid-template-columns: 1fr; padding: 24px 20px 76px; min-height: 0; }
  .lead__foot { order: -1; width: 180px; }
  .win__star { left: 20px; }
  .ring__edge { grid-template-columns: 1fr; }
  .club__dot { grid-template-columns: 84px minmax(0, 1fr); }
  .club__dot img { width: 84px; height: 84px; }
}
.stack__media { --star-pane: 320px; width: min(100%, 380px); }
@media (max-width: 720px) {
  .stack__media { --body-label: min(64vw, 280px); width: min(78vw, 320px); order: -1; justify-self: start; }
}
.shape__flag--pane { margin-bottom: 18px; justify-content: space-between; align-items: center; gap: 14px 24px; flex-wrap: wrap; display: flex; }
.win__dock--menu { font-size: var(--field-ace); }
.page__ace { display: flex; flex-wrap: wrap; gap: 6px; }
.seal__stage {
  height: 34px; display: inline-flex; align-items: center; padding: 0 14px;
  border-radius: var(--area-item); border: var(--pill-win) solid var(--strip-area);
  font-size: var(--step-mark); color: var(--panel-panel);
  transition: border-color var(--band-tray), color var(--band-tray), background var(--band-tray);
}
.seal__stage:hover { color: var(--wrap-body); border-color: var(--stage-band); }
.seal__stage.lobby--race { background: var(--wrap-body); border-color: var(--wrap-body); color: var(--stage-dot); }
.tile__nav { list-style: none; margin: 0; gap: 10px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); padding: 0; }
.panel__grid, .set__promo {
  position: relative; aspect-ratio: 3 / 2; display: block;
  border-radius: var(--card-live); overflow: hidden; background: var(--card-band);
}
.panel__grid img { width: 100%; height: 100%; object-fit: cover; transition: transform 600ms var(--rail-gold), filter var(--band-tray); }
.deal__top { z-index: 1; top: 8px; right: 8px; position: absolute; }
.tab__media--page {
  color: #fff; gap: 2px; transition: opacity var(--band-tray); inset: 0; align-content: end;
  background: linear-gradient(180deg, transparent 35%, rgba(0, 0, 0, 0.9));
  opacity: 0;
  position: absolute; padding: 14px;
  display: grid;
}
.club__race { font-size: var(--step-mark); font-weight: 600; line-height: 1.2; }
.bonus__base { font-size: 11px; opacity: 0.7; }
.note__field {
  background: var(--inner-jackpot); top: 42%; font-size: 22px;
  transition: transform var(--band-tray) var(--rail-gold); place-items: center;
  position: absolute; transform: translate(-50%, -50%) scale(0.8); width: 52px; height: 52px; border-radius: 50%;
  display: grid; color: var(--slab-grid); left: 50%;
}
.panel__grid:hover img { transform: scale(1.06); filter: brightness(0.8); }
.panel__grid:hover .tab__media--page { opacity: 1; }
.panel__grid:hover .note__field { transform: translate(-50%, -50%) scale(1); }
.set__promo { align-content: center; gap: 6px; background: var(--inner-top); justify-items: center;
  border: var(--pill-win) dashed var(--stage-band);
  display: grid; padding: 14px; text-align: center;
  font-size: var(--wrap-outer); color: var(--panel-panel);
}
.set__outer { font-size: 40px; color: var(--inner-jackpot); }
@media (max-width: 1280px) { .tile__nav { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 720px) {
  .tile__nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tab__media--page { opacity: 1; }
  .note__field { display: none; }
}
@media (max-width: 480px) { .tile__nav { grid-template-columns: 1fr; } }
.meta__mark--game {
  overflow: hidden;
  display: grid; isolation: isolate; grid-template-columns: minmax(0, 1fr) minmax(0, 0.8fr); gap: 32px;
  padding: clamp(28px, 3.5vw, 48px) clamp(24px, 4vw, 56px);
  align-items: center;
}
.meta__mark--game::before {
  content: ""; position: absolute; inset: 0; z-index: -1;
  background: var(--area-stage);
  mask-image: linear-gradient(90deg, transparent 35%, #000);
}
.item__rear { display: grid; gap: 16px; justify-items: start; }
.shape__reel { font-size: clamp(30px, 3vw, 44px); max-width: 16ch; }
.table__ace--group { max-width: 52ch; color: var(--panel-panel); }
.promo__seal { gap: 28px; display: flex; margin-top: 8px; flex-wrap: wrap; align-items: center; }
.slab__area--dot { padding-left: 28px; border-left: var(--pill-win) solid var(--strip-area); }
.card__hero--spin { position: relative; height: 240px; }
.flag__nav--dot {
  position: absolute; width: 210px; height: 210px; object-fit: cover;
  padding: 6px; background: var(--stage-dot);
  border: var(--pill-win) solid var(--strip-area); border-radius: var(--card-live);
  box-shadow: var(--step-crest);
}
.lobby__bonus { top: 22px; transform: rotate(calc(var(--base-card) * -2)); right: 38%; }
.copy__media { top: 4px; transform: rotate(calc(var(--base-card) * 1.5)); right: 6%; }
@media (max-width: 900px) {
  .meta__mark--game { grid-template-columns: 1fr; }
  .card__hero--spin { height: 180px; order: -1; }
  .flag__nav--dot { width: 170px; height: 170px; }
  .lobby__bonus { right: auto; left: 0; }
}
.foot__tab { display: grid; grid-template-columns: minmax(260px, 0.8fr) minmax(0, 1.4fr); overflow: hidden; }
.base__set { justify-items: start; align-content: center; border-right: var(--pill-win) solid var(--race-body); display: grid; padding: 32px; gap: 14px; }
.panel__gold { font-size: clamp(28px, 2.6vw, 40px); }
.lobby__foot { margin: 8px 0 0; gap: 14px; width: 100%; display: grid; }
.lobby__foot .card--dot { padding-top: 12px; border-top: var(--pill-win) solid var(--race-body); }
.lobby__foot dd { margin: 0; }
.club__stack {
  height: 340px; overflow: hidden;
  mask-image: linear-gradient(transparent, #000 14%, #000 86%, transparent);
}
.vip__tile--jackpot { display: grid; animation: wins-d-up 40s linear infinite; }
.foot__tab:hover .vip__tile--jackpot { animation-play-state: paused; }
.deal__nav { grid-template-columns: 36px minmax(0, 1fr) auto auto;
  display: grid;
  padding: 10px 24px; gap: 14px; align-items: center; border-bottom: var(--pill-win) solid var(--race-body);
}
.deal__nav img { border-radius: calc(var(--crest-gold) * 0.5); height: 40px; width: 40px; object-fit: cover; }
.ace__outer--live { font-size: var(--step-mark); gap: 2px; display: grid; min-width: 0; }
.ace__outer--live span { color: var(--cell-media); font-size: var(--wrap-outer); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.bonus__outer { font-size: var(--wrap-outer); color: var(--panel-panel); }
.row__ace { color: var(--set-chip); text-align: right; min-width: 100px; }
@keyframes wins-d-up { to { transform: translateY(-50%); } }
@media (prefers-reduced-motion: reduce) { .vip__tile--jackpot { animation: none; } .club__stack { overflow-y: auto; } }
@media (max-width: 900px) {
  .foot__tab { grid-template-columns: 1fr; }
  .base__set { border-right: 0; border-bottom: var(--pill-win) solid var(--race-body); }
  .lobby__foot { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 560px) {
  .lobby__foot { grid-template-columns: 1fr; }
  .deal__nav { grid-template-columns: 36px minmax(0, 1fr) auto; padding: 10px 16px; }
  .bonus__outer { display: none; }
}
.spin__link { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: clamp(28px, 5vw, 72px); align-items: center; }
.lobby__tray--head { display: grid; justify-items: start; gap: 16px; }
.crown__top--unit { font-size: clamp(34px, 3.6vw, 56px); }
.jackpot__rail--crest { color: var(--panel-panel); max-width: 46ch; }
.star__set { display: grid; grid-template-columns: 1fr 1fr; gap: 18px 24px; margin: 8px 0; }
.star__set li { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 12px; }
.star__set strong { display: block; font-size: var(--step-mark); margin-bottom: 2px; }
.star__set span span { font-size: var(--wrap-outer); color: var(--cell-media); }
.offer__hero { border-radius: var(--crest-gold); height: 40px; width: 40px; place-items: center; font-size: 18px; display: grid; background: var(--bar-pane); color: var(--inner-jackpot); }
.set__club { position: relative; margin: 0; padding: 24px 28px; list-style: none; }