.label-win .note-foot { max-height: 100%;
  position: absolute;
  width: auto; object-position: 50% 100%; transform: translate(-50%, -50%); left: 50%;
  object-fit: contain; max-width: 116%; top: 50%;
  filter: drop-shadow(0 18px 26px rgba(0, 0, 0, 0.35)); height: auto;
}
@media (max-width: 820px) {
  .label-win { align-self: auto; min-height: var(--crest-tray, 260px); }
  .label-win .note-foot { object-position: 50% 100%; }
}
img.note-chip { object-fit: contain; border-radius: 0; filter: var(--strip-live, none); }
.note-view { display: inline-flex; align-items: center; gap: 0.5em; line-height: 1; vertical-align: middle; }
.note-view svg { height: 1.6em; flex: none; max-width: 3em; width: auto; }
.slot-edge { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.gold-win { display: inline-flex; gap: 0.75rem; align-items: center; font-size: 12px; letter-spacing: 0.04em; text-transform: uppercase; }
.gold-win a { color: var(--deck-slot); text-decoration: none; }
.gold-win a:hover { color: var(--flag-frame); }
.gold-win a.nav-lead { color: var(--line-dock); font-weight: 600; }
.tab-seal { display: block; }
.crown-band { color: var(--flag-frame); }
.group-promo { line-height: 1.2; font-size: clamp(12px, 0.22em, 17px); margin-top: 0.5em; text-transform: uppercase;
  font-family: var(--vip-bonus);
  letter-spacing: var(--row-lead);
  display: block; color: inherit; font-weight: 600; opacity: 0.72;
}
.main-frame {
  margin: 0; display: block;
  font-family: var(--promo-zone); font-weight: var(--slab-strip); text-transform: var(--spin-top);
  letter-spacing: var(--win-page); line-height: 1.05; font-size: clamp(22px, 2.4vw, 38px);
}
.stack-outer { font-style: normal; color: var(--flag-frame); }
.main-live { color: var(--menu-meta); line-height: 1.3; font-size: var(--slot-core); gap: 0.375rem; flex-wrap: wrap; align-items: baseline; display: inline-flex; }
.offer-slab { letter-spacing: var(--row-lead); text-transform: uppercase; }
.lobby-box { font-weight: 600; color: var(--line-dock); }
.slot-shape { color: rgba(255, 255, 255, 0.72); }
.slot-shape .lobby-box { color: #fff; }
.block-line { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.promo-item { display: inline-flex; align-items: center; gap: 6px; height: 1.75rem; padding: 0 0.625rem; font-size: var(--slot-core); color: var(--menu-meta); border-radius: var(--meta-copy); transition: color .15s, border-color .15s, background-color .15s; }
.promo-item:hover { color: var(--line-dock); }
.promo-item .meta-reel { font-size: 1.25em; }
.shape-page .promo-item { background: var(--tile-area); border-radius: var(--shape-offer); }
.row-box .promo-item { border: var(--mark-stage) solid var(--copy-link); }
.row-box .promo-item:hover { border-color: var(--live-ring); }
.rear-step .promo-item { border: var(--mark-stage) solid var(--live-reel); font-weight: 600; background: var(--note-field); }
.main-grid { gap: 0.25rem 1.125rem; }
.main-grid .promo-item { text-underline-offset: 3px; text-decoration: underline; text-decoration-color: var(--live-ring); height: auto; padding: 0; }
.grid-list .promo-item { border-radius: 0; padding: 0 0.5rem; letter-spacing: 0.08em; font: 500 11px/1 var(--box-base); text-transform: uppercase; border-left: 2px solid var(--flag-frame); }
a[role="button"] { cursor: pointer; }
.page-top { display: none; }
@media (max-width: 640px) {
  .strip-front { overflow: visible; border: 0; border-radius: 0; }
  .strip-front thead { display: none; }
  .strip-front table, .strip-front tbody, .strip-front tr { display: block; width: 100%; }
  .strip-front caption { display: block; padding: 0 0 8px; }
  .strip-front tr { margin: 0 0 10px; border: var(--mark-stage) solid var(--live-reel); border-radius: var(--meta-copy); overflow: hidden; }
  .strip-front tbody tr > * { background: none; }
  .strip-front tbody th { background: color-mix(in srgb, var(--game-top) 70%, transparent); display: block; white-space: normal; border-bottom: var(--mark-stage) solid var(--live-reel); }
  .strip-front td { display: flex; align-items: baseline; justify-content: space-between; gap: 14px; white-space: normal; text-align: right; }
  .strip-front tbody tr > td:last-child { border-bottom: 0; }
  .strip-front tbody tr:last-child > th { border-bottom: var(--mark-stage) solid var(--live-reel); }
  .strip-front .page-top { display: block; flex: none; max-width: 48%; text-align: left; font-size: var(--slot-core); font-weight: 600; letter-spacing: var(--row-lead); text-transform: uppercase; color: var(--menu-meta); }
}
.chip2-unit { padding: clamp(28px, 5vw, 64px) 0; }
.edge-list { max-width: 48.75rem; margin: 0 auto; display: grid; gap: 0.875rem; }
.panel-chip { font-size: clamp(32px, 4.4vw, 52px); line-height: 1.05; }
.seal-panel { font-size: var(--jackpot-hero); color: var(--menu-meta); }
.box-label { font-size: var(--panel-dock); color: var(--deck-slot); }
.view-set { display: grid; gap: 0.75rem; margin-top: 8px; }
.view-set h2 { font-size: var(--seal-lobby); margin-top: 1.125rem; color: var(--line-dock); }
.dot-base { list-style: none; margin: 0.5rem 0; padding: 0; display: grid; gap: 10px; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
.dot-base li { display: grid; gap: 0.25rem; padding: 16px 18px; border: var(--mark-stage) solid var(--live-reel); border-radius: var(--card-outer); background: var(--note-field); }
.link-promo { font-size: var(--slot-core); text-transform: uppercase; letter-spacing: var(--row-lead); color: var(--menu-meta); }
.spin-copy { font-weight: 600; color: var(--line-dock); word-break: break-word; }
.label-pill { font-size: var(--jackpot-hero); color: var(--deck-slot); }
.front-rail { font-size: var(--jackpot-hero); flex-wrap: wrap; margin: 0.875rem 0 0.25rem; display: flex; gap: 8px 18px; }
.front-rail a { text-decoration-color: color-mix(in srgb, currentColor 35%, transparent); text-underline-offset: 3px; text-decoration: underline; color: var(--deck-slot); }
.front-rail a:hover { color: var(--line-dock); }
.chip-ace { flex-wrap: wrap; gap: 0.25rem; display: flex; }
.group-edge { color: #fff; border-radius: 62.4375rem; display: grid; padding: 0 0.3125rem; place-items: center; min-width: 1.375rem; height: 1.375rem; font: 700 10px/1 var(--box-base); }
.dot-mark { background: hsl(355 61% 49%); }
.side-media { background: hsl(240 10% 12%); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2); }
.unit-crest { background: hsl(145 63% 33%); }
.crest-frame { background: var(--strip-area); color: var(--line-dock); }
.side-page { gap: 10px; display: flex; flex-wrap: wrap; }
.line-set { display: inline-flex; align-items: center; gap: 10px; height: 3.125rem; padding: 0 18px 0 14px; border-radius: 12px; background: hsl(240 8% 5%); color: #fff; border: 1px solid rgba(255, 255, 255, 0.18); transition: transform var(--reel-inner) var(--tray-front); }
.line-set:hover { transform: translateY(-2px); }
.line-set .meta-reel { font-size: 1.625rem; }
.line-set span { display: grid; font-size: 0.9375rem; font-weight: 600; line-height: 1.1; }
.line-set small { opacity: 0.75; font-weight: 400; font-size: 10px; }
.list-crown { height: 460px; box-shadow: inset 0 0 0 2px hsl(240 10% 18%), 0 30px 60px -20px rgba(0, 0, 0, 0.6); width: 230px; border-radius: 38px; padding: 0.75rem; display: block; background: hsl(240 14% 5%); position: relative; flex: none; }
.block-cell { background: hsl(240 14% 5%); transform: translateX(-50%); position: absolute; left: 50%; top: 1.125rem; z-index: 2; width: 4.375rem; height: 1.125rem; border-radius: 62.4375rem; }
.pane-field { display: flex; flex-direction: column; gap: 0.5rem; height: 100%; padding: 2.25rem 0.625rem 0.625rem; border-radius: 1.75rem; overflow: hidden; background: var(--slot-bonus); }
.top-area { display: flex; justify-content: center; }
.top-area .flag-chip2 { --foot-grid: 18px; pointer-events: none; }
.pane-slab { display: grid; gap: 2px; padding: 12px; border-radius: 0.75rem; background: var(--row-ring), var(--game-top); font-size: 9px; color: var(--deck-slot); }
.pane-slab .dot-edge { font-size: 18px; color: var(--flag-frame); }
.line-field { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.3125rem; }
/*  components  */
.line-field img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; border-radius: 0.375rem; }
.race-star { font-size: 1rem; margin-top: auto; justify-content: space-around; color: var(--menu-meta); border-top: 1px solid var(--live-reel); display: flex; padding: 0.5rem 0 2px; }
.race-star .meta-reel:first-child { color: var(--flag-frame); }
.ring-band {
  border-image: repeating-linear-gradient(90deg, var(--flag-frame) 0 26px, var(--note-field) 26px 52px) 6 0 0 0 / 6px 0 0 0;
  border-top: 6px solid transparent;
  background: color-mix(in srgb, var(--slot-bonus) 92%, transparent);
}
.star-media { background: var(--tile-area); }
.head-item { padding: 0 14px; color: var(--deck-slot); border-radius: 999px; height: 42px; font-weight: 500; }
.head-item:hover { background: var(--note-field); }
.head-item.nav-lead { background: var(--line-dock); color: var(--chip2-offer); }
.head-item.nav-lead .meta-reel { color: var(--game-zone); }
.head-item .meta-reel { color: var(--flag-frame); }
.hero-block { font-weight: 700; color: var(--menu-meta); }
.vip-live { font-weight: 700; border-radius: 1.25rem; color: var(--line-dock); }
.vip-live img { border-radius: 50%; }
.vip-live:hover { border-color: var(--line-dock); }
.crest-dot {
  display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); overflow: hidden;
  gap: 0 clamp(24px, 4vw, 56px); grid-template-areas: "copy visual" "strip strip"; isolation: isolate;
}
.crest-dot::before { content: ""; position: absolute; inset: 0; z-index: -1; opacity: 0.9; background: var(--row-ring), var(--body-head); }
.race-top { padding: clamp(28px, 4vw, 52px) 0 clamp(24px, 3vw, 36px) clamp(24px, 4vw, 52px); gap: 18px; align-content: center; justify-items: start; display: grid; grid-area: copy; }
.wrap-chip { font-size: clamp(40px, 4.6vw, 70px); max-width: 13ch; }
.wrap-chip em { display: block; }
.bar-body { max-width: 46ch; font-size: var(--panel-dock); color: var(--deck-slot); }
.reel-page { grid-template-columns: repeat(3, minmax(0, 1fr)); display: grid; gap: 10px; width: 100%; list-style: none; max-width: 35rem; margin: 4px 0 0; padding: 0; }
.crown-block {
  position: relative; display: grid; justify-items: start; gap: 0.25rem; padding: 0.875rem 0.875rem 0.75rem;
  border-radius: var(--meta-copy); background: color-mix(in srgb, var(--slot-bonus) 70%, transparent);
  border: var(--mark-stage) solid var(--copy-link);
}
.crown-block:first-child { border-color: var(--flag-frame); background: var(--shape-pill); }
.crown-block + .crown-block::before {
  content: "+"; position: absolute; left: -0.625rem; top: 50%; display: grid; place-items: center; width: 1.125rem; height: 1.125rem;
  transform: translateY(-50%); border-radius: 50%; background: var(--flag-frame); color: var(--chip2-offer); font: 700 12px/1 var(--base-dock);
}
.tab-club { font-weight: 600; font-size: 11px; color: var(--menu-meta); text-transform: uppercase; letter-spacing: var(--row-lead); }
.band-meta { font-size: clamp(26px, 2.6vw, 38px); color: var(--flag-frame); }
.block-strip { margin-bottom: 0.25rem; color: var(--deck-slot); font-size: var(--slot-core); }
.rail-core { margin-top: 0.375rem; gap: 0.75rem; flex-wrap: wrap; display: flex; }
.note-outer { grid-area: visual; place-items: center; position: relative; display: grid; padding: clamp(28px, 4vw, 52px) clamp(24px, 4vw, 52px) 24px 0; }
.field-ace { width: min(100%, 380px); aspect-ratio: 4 / 5; }
.field-ace img { object-position: 50% 40%; }
.rear-unit {
  position: absolute; display: grid; gap: 4px; padding: 12px 16px;
  border-radius: var(--meta-copy); background: var(--slot-bonus); border: var(--mark-stage) solid var(--copy-link); box-shadow: var(--label-strip), 0 18px 30px -18px rgba(0, 0, 0, 0.55);
}
.slot-page { transform: rotate(calc(var(--label-race) * -2 - 4deg)); color: var(--chip2-offer); justify-items: center; left: 2%; background: var(--flag-frame); top: 14%; border-color: var(--flag-frame); }
.foot-item { font-size: 42px; line-height: 0.9; }
.slot-page span:last-child { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; }
.club-top { transform: rotate(calc(var(--label-race) + 3deg)); right: 4%; top: 46%; }
.club-top .slot-pane { font-size: var(--core-lobby); color: var(--flag-frame); letter-spacing: 0.06em; }
.meta-copy { bottom: 8%; left: 6%; grid-auto-flow: column; gap: 18px; }
.meta-copy .media-nav { font-size: var(--panel-dock); }
.meta-group { display: flex;
  list-style: none;
  font-size: var(--jackpot-hero); flex-wrap: wrap; border-top: var(--mark-stage) solid var(--live-reel); margin: 0; align-items: center; padding: 14px clamp(24px, 4vw, 52px); color: var(--deck-slot); background: color-mix(in srgb, var(--slot-bonus) 55%, transparent);
  grid-area: strip; gap: 10px 26px;
}
.meta-group li { display: inline-flex; align-items: center; gap: 8px; }
.meta-group .meta-reel { color: var(--flag-frame); }
.head-deal { margin-left: auto; font-size: var(--slot-core); color: var(--menu-meta); }
@media (max-width: 960px) {
  .crest-dot { grid-template-columns: 1fr; grid-template-areas: "visual" "copy" "strip"; }
  .note-outer { padding: 28px 24px 0; }
  .field-ace { width: min(100%, 300px); }
  .race-top { padding: 1.5rem; }
}
@media (max-width: 560px) {
  .reel-page { grid-template-columns: 1fr; }
  .crown-block { grid-template-columns: auto 1fr auto; align-items: center; column-gap: 12px; }
  .tab-club { grid-column: 1 / -1; }
  .crown-block + .crown-block::before { left: 50%; top: -0.625rem; transform: translateX(-50%); }
  .meta-copy { display: none; }
  .head-deal { margin-left: 0; }
}
.gold-item { --media-crown: 340px; width: min(100%, 420px); }
@media (max-width: 960px) {
  .gold-item { width: min(76vw, 330px); --crest-tray: min(64vw, 285px); }
}
.tray-row { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 0.625rem; margin: 0; padding: 0; list-style: none; }
.rear-offer {
  --shape-group: var(--flag-frame);
  position: relative; display: grid; align-content: space-between; aspect-ratio: 1; padding: 14px; overflow: hidden;
  border-radius: var(--card-outer); border: var(--mark-stage) solid var(--live-reel); background: var(--note-field); box-shadow: var(--label-strip);
  transition: transform var(--reel-inner) var(--tray-front), border-color var(--reel-inner), box-shadow var(--reel-inner);
}
.block-jackpot { --shape-group: var(--side-label); }
.slot-side { --shape-group: var(--strip-race); }
.tray-cell { --shape-group: var(--strip-promo); }
.rear-offer::before { content: ""; right: -30%; background: var(--shape-group); opacity: 0.12; width: 90%; top: -30%; position: absolute; transition: opacity var(--reel-inner), transform var(--reel-inner) var(--tray-front); aspect-ratio: 1; border-radius: 50%; }
.rear-offer:hover { border-color: var(--shape-group); transform: translateY(calc(var(--bar-row) * -1)); box-shadow: var(--bonus-club); }
.rear-offer:hover::before { opacity: 0.22; transform: scale(1.15); }
.nav-edge { position: relative; font-size: 34px; color: var(--shape-group); }
/*  sections  */
.main-tab { font-weight: 700; position: relative; font-size: var(--core-lobby); }
.core-rail { position: absolute; right: 12px; bottom: 14px; font-size: 11px; color: var(--menu-meta); }
@media (max-width: 1180px) { .tray-row { grid-template-columns: repeat(4, minmax(0, 1fr)); } .rear-offer { aspect-ratio: 16 / 10; } }
@media (max-width: 560px) { .tray-row { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.top-dice { gap: 0.875rem; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); display: grid; }
.line-flag { display: block; isolation: isolate; overflow: hidden; min-height: 25rem; }
.page-feature { object-position: 50% 25%; object-fit: cover; transition: transform 900ms var(--tray-front); width: 100%; z-index: -2; inset: 0; position: absolute; height: 100%; }
/*  components  */
.line-flag:hover .page-feature { transform: scale(1.04); }
.game-page { position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(0, 0, 0, 0.88) 30%, transparent 85%); }
.core-stack { color: #fff; right: 2rem; justify-items: start; bottom: 32px; left: 2rem; display: grid; position: absolute; gap: 0.625rem; }
.area-slot { font-size: clamp(28px, 3vw, 44px); }
.meta-ace { font-size: clamp(24px, 6.4vw, 46px); white-space: nowrap; text-shadow: 0 2px 12px rgba(0, 0, 0, 0.6); line-height: 1; color: var(--strip-promo); }
.view-line { font-size: var(--jackpot-hero); color: rgba(255, 255, 255, 0.7); }
.pill-tile { display: grid; align-content: start; gap: 6px; padding: 1.25rem; }
.area-page { margin-bottom: 6px; gap: 0.5rem; align-items: center; font-weight: 700; display: flex; }
.area-page .meta-reel { color: var(--flag-frame); }
.stage-jackpot { border-bottom: var(--mark-stage) solid var(--live-reel); padding: 0.625rem 0; display: grid; grid-template-columns: 38px minmax(0, 1fr) auto; align-items: center; gap: 0.75rem; }
.unit-foot { font-weight: 700; background: var(--shape-pill); height: 2.375rem; border-radius: 50%; display: grid; width: 38px; place-items: center; color: var(--flag-frame); }
.frame-wrap { display: grid; min-width: 0; font-size: var(--jackpot-hero); }
.frame-wrap span { white-space: nowrap; color: var(--menu-meta); overflow: hidden; text-overflow: ellipsis; font-size: var(--slot-core); }
.head-band { font-size: var(--slot-core); justify-items: end; display: grid; color: var(--menu-meta); }
.head-band .slot-pane { font-size: var(--core-lobby); color: var(--side-label); }
.pill-tile .bar-box { margin-top: 8px; justify-self: start; }
@media (max-width: 960px) { .top-dice { grid-template-columns: 1fr; } .core-stack { right: 1.5rem; left: 1.5rem; } }
.offer-hero { 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: 8px; list-style: none; }
.core-dice { display: grid; grid-template-columns: 30px 56px minmax(0, 1fr) auto 36px; align-items: center; gap: 0.75rem; padding: 10px 14px; border-radius: var(--meta-copy); transition: background var(--reel-inner); }
.core-dice:hover { background: var(--game-top); }
.ring-row { font-size: var(--panel-dock); color: var(--menu-meta); }
.core-dice:nth-child(-n + 3) .ring-row { color: var(--flag-frame); }
.core-dice img { height: 60px; object-fit: cover; width: 60px; border-radius: calc(var(--meta-copy) * 0.6); }
.core-outer { min-width: 0; gap: 2px; display: grid; }
.reel-promo { font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.list-shape { font-size: var(--slot-core); color: var(--menu-meta); }
.page-reel { color: var(--menu-meta); display: grid; font-size: 11px; justify-items: end; gap: 2px; }
.page-reel .slot-pane { font-size: var(--jackpot-hero); color: var(--side-label); }