.page__hero { display: grid; justify-items: end; gap: 2px; font-size: 0.6875rem; color: #71695b; }
/*  tokens  */
.page__hero .tray--step { font-size: var(--u4w8); color: var(--decm); }
.dice__game { display: grid; place-items: center; width: 2.25rem; height: 2.25rem; border-radius: 50%; border: 1px solid var(--so1n); color: #a99f8b; transition: background var(--yn0), color var(--yn0), border-color var(--yn0); }
.field__grid--copy:hover .dice__game { background: var(--f5jp); border-color: var(--f5jp); color: var(--lrxb); }
@media (max-width: 1180px) { .head__cell--strip { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-flow: row; grid-template-rows: none; } }
@media (max-width: 700px) { .head__cell--strip { grid-template-columns: 1fr; } .page__hero { display: none; } .field__grid--copy { grid-template-columns: 26px 52px minmax(0, 1fr) 36px; } .field__grid--copy img { width: 3.25rem; height: 3.25rem; } }
.note__shape { display: grid; margin: 0; gap: 1rem; padding: 0; list-style: none; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.strip__step { overflow: hidden; grid-template-rows: auto 1fr auto; display: grid; transition: transform var(--yn0) var(--rlz), box-shadow var(--yn0); }
.strip__step:hover { transform: translateY(calc(var(--obel) * -1)); box-shadow: none; }
.strip__gold { position: relative; display: block; aspect-ratio: 16 / 9; overflow: hidden; }
.strip__gold img { width: 100%; height: 100%; object-fit: cover; }
.strip__gold .mark--table { left: 0.75rem; position: absolute; top: 0.75rem; }
.band__menu { display: grid; align-content: start; gap: 0.5rem; padding: 1.125rem 1.25rem 0.375rem; }
.dock__club--side { font-size: 22px; }
.link__wrap--body { color: #a99f8b; font-size: var(--u4w8); }
.vip__slab { align-items: center; display: inline-flex; font-size: var(--dsm5); color: #71695b; gap: 0.375rem; }
.media__row--game { display: flex; padding: 0.875rem 1.25rem 1.125rem; align-items: center; gap: 0.625rem; justify-content: space-between; }
@media (max-width: 960px) { .note__shape { grid-template-columns: 1fr 1fr; } .note__shape > li:last-child { display: none; } }
@media (max-width: 600px) { .note__shape { grid-template-columns: 1fr; } .note__shape > li:last-child { display: grid; } }
.base__top { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem 0.875rem; margin: 0; padding: 0; list-style: none; }
.crest__meta { display: grid; gap: 0.625rem; }
.pane__mark--ring {
  position: relative; display: block; aspect-ratio: 16 / 10; overflow: hidden;
  border-radius: 0px; border: 1px solid rgba(236, 222, 194, 0.08); background: var(--m05); box-shadow: none;
}
.pane__mark--ring img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 30%; transition: transform 700ms var(--rlz), filter var(--yn0); }
.stack__base--slot { top: 0.625rem; position: absolute; left: 0.625rem; }
.promo__item {
  position: absolute; left: 50%; top: 50%; display: grid; place-items: center; width: 3.375rem; height: 3.375rem; border-radius: 50%;
  background: var(--f5jp); color: var(--lrxb); font-size: 1.375rem; opacity: 0; transform: translate(-50%, -50%) scale(0.7);
  transition: opacity var(--yn0), transform var(--yn0) var(--rlz);
}
.crest__meta:hover .pane__mark--ring img { transform: scale(1.06); filter: brightness(0.7); }
.crest__meta:hover .promo__item { opacity: 1; transform: translate(-50%, -50%) scale(1); }
.win__block { display: grid; gap: 2px; }
.page__bar { font-weight: 600; font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.band__mark { display: flex; justify-content: space-between; gap: 0.5rem; font-size: var(--dsm5); color: #71695b; }
.spin__crest--flag { color: var(--decm); }
@media (max-width: 1080px) { .base__top { grid-template-columns: repeat(3, minmax(0, 1fr)); } .base__top > li:nth-child(n + 7) { display: none; } }
@media (max-width: 640px) { .base__top { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.label__slab { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(280px, 1fr); overflow: hidden; }
.dot__main--inner { gap: 1.125rem; padding: clamp(24px, 4vw, 44px); align-content: center; display: grid; }
.shape__pill { font-size: clamp(28px, 3vw, 42px); }
.table__view { display: grid; gap: 0.75rem; }
.table__view li { color: #a99f8b; gap: 0.625rem; grid-template-columns: 26px minmax(0, 1fr); display: grid; font-size: var(--u4w8); }
.table__view :is(strong, b) { color: var(--lya); }
.table__view .grid--crest { width: 1.625rem; font-size: 0.875rem; place-items: center; display: grid; height: 1.625rem; color: var(--lrxb); border-radius: 50%; background: var(--f5jp); }
.main__dot { background: var(--ajyo), var(--m05); padding: clamp(24px, 4vw, 40px); gap: 0.75rem; align-content: center; border-left: 1px solid rgba(236, 222, 194, 0.08); display: grid; }
.frame__box { gap: 0.25rem; display: grid; margin-bottom: 0.375rem; }
.chip2__stack { font-size: clamp(40px, 4.4vw, 64px); color: var(--f5jp); }
.band__media--game { font-weight: 600; }
.foot__seal { width: 100%; }
.area__view { text-align: center; color: #71695b; font-size: var(--dsm5); }
@media (max-width: 860px) { .label__slab { grid-template-columns: 1fr; } .main__dot { border-left: 0; border-top: 1px solid rgba(236, 222, 194, 0.08); } }
.lead__row--link { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0.875rem; }
.live__band { overflow: hidden; min-height: 26.25rem; display: block; isolation: isolate; }
.live__band > img { object-position: 50% 15%; object-fit: cover; height: 100%; width: 100%; z-index: -2; inset: 0; position: absolute; }
/*  keep in sync with the build  */
.label__page--bar { background: linear-gradient(transparent 20%, rgba(0, 0, 0, 0.92)); z-index: -1; inset: 0; position: absolute; }
.star__vip--hero { position: absolute; left: 1.625rem; right: 1.625rem; bottom: 1.5rem; display: grid; justify-items: start; gap: 0.75rem; color: #fff; }
.club__dock--card { font-size: clamp(28px, 3vw, 44px); }
.lead__table { display: flex; gap: 1.75rem; }
.star__vip--hero .meta__zone--pill { color: rgba(255, 255, 255, 0.6); }
.star__vip--hero .deal__race { color: #fff; }
.mark__note--inner { margin: 0; padding: 0.5rem 1rem; align-content: stretch; display: grid; list-style: none; }
.win__table--list { display: grid; padding: 0.625rem 0; gap: 0.75rem; grid-template-columns: 22px 48px minmax(0, 1fr) auto auto; align-items: center; border-bottom: 1px solid rgba(236, 222, 194, 0.08); }
.win__table--list:last-child { border-bottom: 0; }
.tile__slot { color: #71695b; }
.win__table--list img { width: 3rem; height: 3rem; object-fit: cover; object-position: 50% 15%; border-radius: 50%; }
.bar__gold { display: grid; min-width: 0; }
.inner__link { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-weight: 600; }
.group__deal--band { font-size: var(--dsm5); color: #71695b; }
.group__block { color: #a99f8b; display: inline-flex; font-size: var(--u4w8); align-items: center; gap: 0.3125rem; }
@media (max-width: 960px) {
  .lead__row--link { grid-template-columns: 1fr; }
  .live__band { min-height: 0; aspect-ratio: 5 / 4; }
}
@media (max-width: 520px) { .group__block { display: none; } .win__table--list { grid-template-columns: 22px 48px minmax(0, 1fr) auto; } }
.chip__step--stack { display: grid; grid-template-columns: minmax(0, 3fr) minmax(220px, 1fr); gap: 0.875rem; }
.crest__cell--tab { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); list-style: none; padding: 0; gap: 0.625rem; margin: 0; }
.group__row--field { padding: 0.875rem 1rem; gap: 0.5rem; display: grid; }
.star__core .seal__mark--gold svg { height: 1.625rem; color: var(--lya); }
.star__core { display: flex; padding-bottom: 0.5rem; text-transform: none; border-bottom: 1px solid rgba(236, 222, 194, 0.08); font: 700 15px/1.2 var(--ae1); align-items: center; gap: 0.625rem; }
.dot__strip--base { display: flex; justify-content: space-between; align-items: baseline; font-size: var(--u4w8); gap: 0.5rem; }
.lobby__core--mark { align-content: center; display: grid; background: var(--ajyo), #171512; padding: 1.375rem; gap: 0.625rem; }
.game__block--edge { display: grid; place-items: center; background: var(--f5jp); width: 2.75rem; font-size: 1.375rem; height: 2.75rem; border-radius: 50%; color: var(--lrxb); }
.lobby__core--mark :is(strong, b) { font-size: 22px; }
.lobby__core--mark p { font-size: var(--u4w8); color: #a99f8b; }
@media (max-width: 1080px) { .chip__step--stack { grid-template-columns: 1fr; } }
@media (max-width: 640px) { .crest__cell--tab { grid-template-columns: 1fr 1fr; } }
.side__stack--set { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 0.875rem; }
.club__line--wrap { display: block; min-height: 25rem; overflow: hidden; isolation: isolate; }
.deal__item { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; object-position: 50% 25%; transition: transform 900ms var(--rlz); }
.club__line--wrap:hover .deal__item { transform: scale(1.04); }
.pill__table { background: linear-gradient(90deg, rgba(0, 0, 0, 0.88) 30%, transparent 85%); z-index: -1; inset: 0; position: absolute; }
.nav__step { position: absolute; left: 2rem; bottom: 2rem; right: 2rem; display: grid; justify-items: start; gap: 0.625rem; color: #fff; }
.mark__deck { font-size: clamp(28px, 3vw, 44px); }
.inner__head { line-height: 1; font-size: clamp(24px, 6.4vw, 46px); color: var(--l8bh); white-space: nowrap; text-shadow: 0 2px 12px rgba(0, 0, 0, 0.6); }
.menu__ace { font-size: var(--u4w8); color: rgba(255, 255, 255, 0.7); }
.tray__jackpot { gap: 0.375rem; align-content: start; padding: 1.25rem; display: grid; }
.label__outer { gap: 0.5rem; margin-bottom: 0.375rem; align-items: center; display: flex; font-weight: 700; }
.label__outer .grid--crest { color: var(--f5jp); }
.chip2__club { display: grid; grid-template-columns: 38px minmax(0, 1fr) auto; align-items: center; gap: 0.75rem; padding: 0.625rem 0; border-bottom: 1px solid rgba(236, 222, 194, 0.08); }
.lead__rear { display: grid; place-items: center; width: 2.375rem; height: 2.375rem; border-radius: 50%; background: var(--l7tw); color: var(--f5jp); font-weight: 700; }
.tile__band { font-size: var(--u4w8); min-width: 0; display: grid; }
.tile__band span { white-space: nowrap; font-size: var(--dsm5); text-overflow: ellipsis; color: #71695b; overflow: hidden; }
.pill__dice--page { color: #71695b; font-size: var(--dsm5); justify-items: end; display: grid; }
.pill__dice--page .tray--step { font-size: 15px; color: var(--decm); }
.tray__jackpot .edge__note--view { margin-top: 0.5rem; justify-self: start; }
@media (max-width: 960px) { .side__stack--set { grid-template-columns: 1fr; } .nav__step { right: 1.5rem; left: 1.5rem; } }
.zone__reel { gap: clamp(28px, 5vw, 72px); grid-template-columns: minmax(240px, 0.8fr) minmax(0, 2fr); display: grid; }
.stage__page { gap: 1rem; display: grid; align-self: start; top: calc(68px + 28px); position: sticky; }
.box__foot { font-size: clamp(28px, 2.6vw, 40px); }
.edge__seal--page { font-size: var(--dsm5); letter-spacing: 0.04em; color: #71695b; }
.stage__view { display: grid; gap: 1.5rem; min-width: 0; justify-items: start; }
.stage__view > * { max-width: 100%; }
.nav__win { line-height: 1.6; color: var(--lya); font-size: 18px; }
.stage__row--copy { width: 100%;
  justify-self: stretch;
  mask-image: linear-gradient(#000 60%, transparent); overflow: hidden; max-height: 35rem; min-width: 0;
}
.set__deal--top:checked ~ .stage__row--copy { max-height: none; mask-image: none; }
.rear__vip--offer {
  display: grid; grid-template-columns: minmax(160px, 0.7fr) minmax(0, 2fr); gap: 0.75rem 2.5rem;
  padding: 1.625rem 0; border-top: 1px solid rgba(236, 222, 194, 0.08);
  font-size: var(--u4w8); line-height: 1.7;
}
.step__card { color: var(--lya); line-height: 1.35; font-weight: 600; font-size: 15px; }
.list__base--live, .set__deal--top:checked ~ .crown__tab .bonus__bar--nav { display: none; }
.set__deal--top:checked ~ .crown__tab .list__base--live { display: inline; }
.set__deal--top:focus-visible ~ .crown__tab { outline: 2px solid var(--f5jp); outline-offset: 3px; }
@media (max-width: 1080px) {
  .zone__reel { grid-template-columns: 1fr; }
  .stage__page { position: static; }
}
@media (max-width: 640px) { .rear__vip--offer { grid-template-columns: 1fr; } }
.spin__frame { display: grid; justify-items: center; gap: 1.375rem; }
.vip__lead { display: grid; justify-items: center; gap: 0.625rem; text-align: center; }
.reel__lead { font-size: clamp(30px, 3.4vw, 50px); }
.step__top { width: min(860px, 100%); overflow: hidden; }
.view__win--block { gap: 0.75rem; align-items: center; padding: 0.875rem 1.25rem; display: flex; border-bottom: 1px solid rgba(236, 222, 194, 0.08); }
.view__win--block :is(strong, b) { display: block; font-size: var(--u4w8); }
.chip__line--block { display: inline-flex; align-items: center; gap: 0.375rem; font-size: var(--dsm5); color: #71695b; }
.flag__bar--pill {
  display: grid; place-items: center; flex: none; width: 2.5rem; height: 2.5rem; border-radius: 50%;
  background: var(--f5jp); color: var(--lrxb); font: 700 16px/1 var(--ae1);
}
.stack__rail--view { height: 1.875rem; width: 1.875rem; font-size: 0.8125rem; }
.box__mark { padding: 1.5rem 1.25rem; gap: 1.375rem; background: var(--dtn6); display: grid; }
.stack__area--win { display: grid; gap: 0.625rem; }
.hero__label--hero { align-items: flex-end; gap: 0.625rem; display: flex; }
.live__mark { justify-content: flex-end; }
.dot__promo { line-height: 1.55; font-size: var(--u4w8); padding: 0.75rem 1rem; margin: 0; max-width: 72%; }
.live__mark .dot__promo {
  border-radius: calc(0px + 10px) calc(0px + 10px) 4px calc(0px + 10px); font-weight: 600; color: var(--lrxb);
  background: var(--f5jp);
}
.row__head--step .dot__promo {
  background: var(--m05); color: #a99f8b; border: 1px solid rgba(236, 222, 194, 0.08);
  border-radius: calc(0px + 10px) calc(0px + 10px) calc(0px + 10px) 4px;
}
.seal__head { padding: 0.75rem 0.875rem; border-top: 1px solid rgba(236, 222, 194, 0.08); gap: 0.625rem; display: flex; align-items: center; }
.lead__main { flex: 1; padding: 0.625rem 0.875rem; border-radius: 0px; background: #121110; color: #71695b; font-size: var(--u4w8); }
@media (max-width: 600px) { .dot__promo { max-width: 86%; } }
.chip__label { margin: 0 var(--jb7) var(--jb7); border-radius: 0px; background: #171512; border: 1px solid rgba(236, 222, 194, 0.08); }
.mark__page { max-width: 75rem; margin: 0 auto; padding: 36px clamp(20px, 3vw, 40px) 28px; display: grid; gap: 1.75rem; }
.media__note { display: flex; gap: 1.125rem 1.75rem; border-bottom: 1px solid rgba(236, 222, 194, 0.08); flex-wrap: wrap; padding-bottom: 1.5rem; align-items: center; }
.race__link { color: #71695b; font-size: var(--u4w8); flex: 1; }
.edge__zone ul { gap: 0.625rem 1.625rem; display: flex; font-size: var(--u4w8); justify-content: center; flex-wrap: wrap; color: #a99f8b; }
.edge__zone a:hover { color: var(--f5jp); }
.frame__tray { align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1rem; display: flex; }
.crown__vip, .item__lobby--stage { gap: 0.5rem; flex-wrap: wrap; display: flex; }
.crown__vip .seal__mark--gold svg { height: 1rem; }
.crown__vip .area__item { height: auto; width: auto; clip-path: none; position: static; }
.crown__vip li, .item__lobby--stage li { font-weight: 600; background: #121110; height: 1.875rem; color: #a99f8b; gap: 0.375rem; align-items: center;
  border-radius: 0px;
  font-size: var(--dsm5);
  display: inline-flex; padding: 0 0.75rem;
}
.item__lobby--stage li { background: transparent; border: 1px solid var(--so1n); }
.area__step { max-width: 88ch; color: #71695b; font-size: var(--dsm5); text-align: center; line-height: 1.7; margin: 0 auto; }
.jackpot__mark { font-size: var(--dsm5); color: #71695b; text-align: center; }
@media (max-width: 640px) { .race__link { flex-basis: 100%; order: 3; } .frame__tray { justify-content: center; } }
.chip__label .pill__game { justify-content: center; }
:root { --l7tw: rgba(175, 114, 77, 0.14); --l8bh: #BD8B6D; --f5jp: #af724d; --lrxb: #FFFFFF; }
:root { --lrxb: #FFFFFF; --f5jp: #AF724D; --l8bh: #bd8b6d; --l7tw: rgba(175, 114, 77, 0.14); }
:root { --qre: calc(clamp(48px, 5vw, 76px) * 1.22); --jb7: calc(clamp(16px, 2.6vw, 40px) * 1.22); --obel: 6px; --qrfk: 1deg; }
svg.grid--crest{width:1em;height:1em;display:inline-block;vertical-align:-0.125em;fill:currentColor}