.ring-view { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; border: var(--mark-stage) solid var(--copy-link); color: var(--deck-slot); transition: background var(--reel-inner), color var(--reel-inner), border-color var(--reel-inner); }
.core-dice:hover .ring-view { background: var(--flag-frame); border-color: var(--flag-frame); color: var(--chip2-offer); }
@media (max-width: 1180px) { .offer-hero { grid-template-rows: none; grid-auto-flow: row; grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 700px) { .offer-hero { grid-template-columns: 1fr; } .page-reel { display: none; } .core-dice { grid-template-columns: 26px 52px minmax(0, 1fr) 36px; } .core-dice img { width: 52px; height: 52px; } }
.table-strip { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 0.625rem 1.5rem; margin-bottom: 1.25rem; }
.table-strip .promo-group { grid-column: 1 / -1; justify-self: start; }
.crest-head { font-size: clamp(32px, 3.4vw, 52px); }
.deal-flag { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); grid-template-rows: 1fr 1fr; gap: 14px; }
.win-base { grid-row: span 2; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 0.8fr); align-items: center; overflow: hidden; isolation: isolate; transition: box-shadow var(--reel-inner); }
.win-base::before { z-index: -1; background: var(--row-ring); position: absolute; content: ""; inset: 0; }
.win-base:hover, .inner-hero:hover { box-shadow: var(--bonus-club); }
.dot-core { display: grid; justify-items: start; gap: 14px; padding: 2rem; }
.card-vip { font-size: clamp(30px, 3vw, 46px); }
.win-base img { align-self: stretch; width: 100%; height: 100%; object-fit: cover; mask-image: linear-gradient(90deg, transparent, #000 30%); }
.dot-crown { font-size: var(--jackpot-hero); color: var(--deck-slot); }
.inner-hero { display: grid; grid-template-columns: 130px minmax(0, 1fr); align-items: center; gap: 18px; padding: 0.875rem; overflow: hidden; }
.inner-hero img { border-radius: var(--foot-flag); object-fit: cover; height: 8.125rem; width: 130px; }
.reel-crest { display: grid; gap: 6px; }
.crown-meta { font-size: var(--seal-lobby); }
.media-lead { display: inline-flex; align-items: center; gap: 6px; font-size: var(--slot-core); color: var(--flag-frame); }
@media (max-width: 960px) { .deal-flag { grid-template-columns: 1fr; grid-template-rows: none; } .win-base { grid-row: auto; } }
@media (max-width: 560px) { .win-base { grid-template-columns: 1fr; } .win-base img { mask-image: linear-gradient(transparent, #000 30%); order: -1; height: 12.5rem; } .inner-hero { grid-template-columns: 90px minmax(0, 1fr); } .inner-hero img { width: 5.625rem; height: 90px; } }
.shape-jackpot { display: flex; gap: 0.75rem 1.25rem; flex-wrap: wrap; margin-bottom: 16px; align-items: center; justify-content: space-between; }
.wrap-step { font-size: var(--tile-deal); gap: 10px; align-items: center; display: flex; }
.wrap-step .meta-reel { color: var(--flag-frame); }
.deal-hero { display: flex; gap: 0.375rem; overflow-x: auto; scrollbar-width: none; }
.mark-panel { flex: none; height: 36px; padding: 0 14px; border-radius: var(--shape-offer); border: var(--mark-stage) solid var(--copy-link); font-size: var(--jackpot-hero); color: var(--deck-slot); transition: background var(--reel-inner), color var(--reel-inner); }
.mark-panel.nav-lead { color: var(--chip2-offer); border-color: var(--flag-frame); background: var(--flag-frame); }
.media-gold { list-style: none; gap: 12px; grid-template-columns: repeat(3, minmax(0, 1fr)); padding: 0; margin: 0; display: grid; }
.slot-vip { display: grid; grid-template-columns: 84px minmax(0, 1fr) auto; align-items: center; gap: 0.875rem; padding: 0.625rem 0.875rem 0.625rem 0.625rem; transition: border-color var(--reel-inner); }
.slot-vip:hover { border-color: var(--flag-frame); }
.slot-vip img { width: 84px; border-radius: var(--meta-copy); height: 5.25rem; object-position: 50% 15%; object-fit: cover; }
.note-frame { gap: 5px; min-width: 0; display: grid; }
.core-bonus { font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.meta-promo { align-items: center; display: inline-flex; gap: 6px; color: var(--menu-meta); font-size: var(--slot-core); }
.hero-shape { display: flex; gap: 4px; }
.hero-shape i { width: 14px; height: 0.875rem; border-radius: 50%; border: 2px solid var(--side-label); }
.hero-shape i.block-crown { background: var(--menu-meta); border-color: var(--menu-meta); }
@media (max-width: 1180px) { .media-gold { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 680px) { .media-gold { grid-template-columns: 1fr; } }
.foot-feature { grid-template-columns: minmax(0, 1fr) auto; gap: 18px; align-items: center; display: grid; }
.deal-lead { filter: drop-shadow(0 12px 18px rgba(0, 0, 0, 0.18)); display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; padding: 0; list-style: none; }
.mark-bar {
  --race-game: 26px;
  display: grid; grid-template-columns: 40px minmax(0, 1fr); align-items: center; gap: 0.75rem;
  min-height: 116px; margin-left: calc(var(--race-game) * -1 + 4px); padding: 16px 18px 16px calc(var(--race-game) + 20px);
  background: var(--game-top);
  clip-path: polygon(0 0, calc(100% - var(--race-game)) 0, 100% 50%, calc(100% - var(--race-game)) 100%, 0 100%, var(--race-game) 50%);
}
.main-spin { border-radius: var(--card-outer) 0 0 var(--card-outer); clip-path: polygon(0 0, calc(100% - var(--race-game)) 0, 100% 50%, calc(100% - var(--race-game)) 100%, 0 100%); padding-left: 20px; margin-left: 0; }
.tray-bar { background: var(--strip-area); }
.page-game { background: color-mix(in srgb, var(--flag-frame) 22%, var(--game-top)); }
.page-game .reel-star, .page-game .wrap-cell { color: var(--line-dock); opacity: 0.85; }
.step-head { background: var(--flag-frame); color: var(--chip2-offer); }
.step-head .reel-star, .step-head .wrap-cell { color: inherit; opacity: 0.8; }
.promo-dot { display: grid; place-items: center; width: 2.5rem; height: 2.5rem; border-radius: 50%; background: var(--slot-bonus); color: var(--flag-frame); font-size: 1.25rem; }
.step-reel { min-width: 0; gap: 2px; display: grid; }
.wrap-cell { font-size: 0.6875rem; letter-spacing: var(--row-lead); text-transform: uppercase; color: var(--menu-meta); }
.reel-star { font-size: 12px; color: var(--deck-slot); }
@media (max-width: 1100px) { .foot-feature { grid-template-columns: 1fr; } .head-slab { justify-self: center; } }
@media (max-width: 760px) {
  .deal-lead { grid-template-columns: 1fr; gap: 0.375rem; filter: none; }
  .mark-bar, .main-spin { margin-left: 0; clip-path: none; padding: 0.875rem 1.125rem; border-radius: var(--meta-copy); min-height: 0; }
}
.ring-race { padding: 0; margin: 0; gap: 1rem; grid-template-columns: repeat(3, minmax(0, 1fr)); display: grid; list-style: none; }
.rail-vip { transition: transform var(--reel-inner) var(--tray-front), box-shadow var(--reel-inner); overflow: hidden; display: grid; grid-template-rows: auto 1fr auto; }
.rail-vip:hover { transform: translateY(calc(var(--bar-row) * -1)); box-shadow: var(--bonus-club); }
.pane-zone { position: relative; display: block; aspect-ratio: 16 / 9; overflow: hidden; }
.pane-zone img { width: 100%; height: 100%; object-fit: cover; }
.pane-zone .main-foot { position: absolute; top: 12px; left: 12px; }
.dice-front { padding: 1.125rem 1.25rem 0.375rem; gap: 8px; align-content: start; display: grid; }
.race-slot { font-size: var(--seal-lobby); }
.vip-foot { color: var(--deck-slot); font-size: var(--jackpot-hero); }
.front-win { color: var(--menu-meta); gap: 0.375rem; align-items: center; font-size: var(--slot-core); display: inline-flex; }
.stage-race { display: flex; align-items: center; gap: 10px; padding: 14px 20px 18px; justify-content: space-between; }
@media (max-width: 960px) { .ring-race { grid-template-columns: 1fr 1fr; } .ring-race > li:last-child { display: none; } }
@media (max-width: 600px) { .ring-race { grid-template-columns: 1fr; } .ring-race > li:last-child { display: grid; } }
.panel-bar { align-items: center; flex-wrap: wrap; gap: 12px 20px; margin-bottom: 16px; display: flex; }
.edge-rail { display: flex; align-items: center; gap: 10px; font-size: var(--seal-lobby); white-space: nowrap; }
.edge-rail .meta-reel { color: var(--flag-frame); }
.club-link { display: flex; gap: 0.25rem; padding: 0.25rem; border-radius: calc(var(--meta-copy) + 4px); background: var(--note-field); border: var(--mark-stage) solid var(--live-reel); }
.club-main { border-radius: var(--meta-copy); color: var(--menu-meta); font-size: 0.8125rem; font-weight: 500; height: 2rem; transition: background var(--reel-inner), color var(--reel-inner); padding: 0 12px; }
.club-main.nav-lead { background: var(--flag-frame); color: var(--chip2-offer); }
.rear-dice { display: flex; margin-left: auto; align-items: center; gap: 0.375rem; }
.panel-deal { --crest-side: clamp(150px, calc((100% - 12px * 6) / 7), 190px); }
.shape-stage { min-width: 0; gap: 0.5rem; display: grid; }
.stack-deck { position: relative; }
.side-crest { background: rgba(0, 0, 0, 0.66); position: absolute; z-index: 1; right: 0.5rem; padding: 3px 0.4375rem; font-size: 11px; top: 8px; border-radius: 999px; transition: opacity var(--reel-inner); color: #fff; }
.top-deal { display: grid; z-index: 2; inset: 0; justify-items: center;
  background: rgba(0, 0, 0, 0.62);
  position: absolute; opacity: 0; transition: opacity var(--reel-inner); place-content: center; gap: 10px;
}
.stack-deck:hover .top-deal, .stack-deck:focus-within .top-deal { opacity: 1; }
.race-front { font-size: var(--slot-core); text-underline-offset: 3px; color: #fff; font-weight: 600; text-decoration: underline; }
.core-shape { white-space: nowrap; font-weight: 600; text-overflow: ellipsis; overflow: hidden; font-size: var(--jackpot-hero); }
@media (max-width: 800px) { .club-link { order: 3; overflow-x: auto; width: 100%; } .rear-dice .promo-nav { display: none; } .panel-deal { --crest-side: 40vw; } }
.race-bonus { display: grid; gap: 26px; }
.lobby-list { display: grid; justify-items: center; gap: 12px; text-align: center; }
.link-top { font-size: clamp(30px, 3.4vw, 52px); }
.race-unit { max-width: 56ch; color: var(--deck-slot); }
.rail-chip { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 28px; }
.table-offer { height: 29.375rem; position: relative; display: block; width: 360px; }
.table-offer .list-crown { position: absolute; top: 0; }
.cell-chip { left: 0; transform: rotate(-8deg) scale(0.9); opacity: 0.85; }
.crest-ring { right: 0; top: 1.25rem !important; transform: rotate(5deg); }
.tab-wrap { list-style: none; display: grid; gap: 14px; margin: 0; padding: 0; }
.tab-wrap li { padding: 16px 18px; align-items: center; font-weight: 600; gap: 12px; display: flex; font-size: var(--jackpot-hero); }
.tab-wrap .meta-reel { display: grid; place-items: center; flex: none; width: 40px; height: 40px; border-radius: 50%; background: var(--shape-pill); color: var(--flag-frame); font-size: 20px; }
.bar-dot li:nth-child(2), .unit-item li:nth-child(1) { margin-left: 1.875rem; }
.tab-vip { display: flex; justify-content: center; }
@media (max-width: 1000px) {
  .rail-chip { grid-template-columns: 1fr 1fr; }
  .table-offer { grid-column: 1 / -1; order: -1; height: 400px; justify-self: center; transform: scale(0.8); }
  .tab-wrap li { margin-left: 0 !important; }
}
@media (max-width: 560px) { .rail-chip { grid-template-columns: 1fr; } .table-offer { transform: scale(0.72); margin: -40px 0; } }
.table-rail { padding: 0; display: grid; list-style: none; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; gap: 1.125rem 0.875rem; }
@media (max-width: 900px) { .table-rail { grid-template-columns: repeat(2, minmax(0, 1fr)); } .table-rail > li:nth-child(n + 7) { display: none; } }
@media (max-width: 480px) { .table-rail { grid-template-columns: 1fr; } .table-rail > li:nth-child(n + 5) { display: none; } }
.top-nav { display: grid; grid-template-columns: 240px minmax(0, 760px); justify-content: center; gap: clamp(32px, 5vw, 80px); }
.copy-menu { top: calc(var(--wrap-dock) + 28px); position: sticky; align-self: start; }
.copy-menu ol { margin: 14px 0 0; padding: 0; list-style: none; counter-reset: toc; border-left: var(--mark-stage) solid var(--copy-link); }
.copy-menu li { counter-increment: toc; }
.copy-menu a { line-height: 1.35; color: var(--deck-slot); padding: 7px 0 7px 14px; grid-template-columns: 2.2em 1fr;
  font-size: var(--jackpot-hero);
  display: grid;
  transition: color var(--reel-inner);
}
.copy-menu a::before { color: var(--menu-meta); font: 400 var(--slot-core)/1.8 var(--box-base); content: counter(toc, decimal-leading-zero); }
.copy-menu a:hover { color: var(--flag-frame); }
.race-core { display: grid; gap: 18px; }
.view-card { font-size: clamp(32px, 3.2vw, 50px); color: var(--line-dock); }
.meta-strip { color: var(--line-dock); line-height: 1.6; font-size: var(--panel-dock); }
.meta-strip::first-letter {
  float: left; margin: 0.08em 0.12em 0 0; line-height: 0.8; color: var(--flag-frame);
  font-family: var(--promo-zone); font-size: 3.4em;
}
.body-step { padding-top: 26px; scroll-margin-top: calc(var(--wrap-dock) + 20px); border-top: var(--mark-stage) solid var(--live-reel); line-height: 1.7; }
.tile-win { font-size: var(--seal-lobby); color: var(--line-dock); margin-bottom: 14px; }
@media (max-width: 1080px) {
  .top-nav { grid-template-columns: minmax(0, 1fr); }
  .copy-menu { position: static; }
  .copy-menu ol { columns: 2; column-gap: 24px; }
}
@media (max-width: 600px) { .copy-menu ol { columns: 1; } }
.game-side { grid-template-columns: minmax(260px, 0.8fr) minmax(0, 1.4fr); display: grid; gap: clamp(28px, 5vw, 72px); }
.label-bonus { position: sticky; top: calc(var(--wrap-dock) + 28px); align-self: start; display: grid; justify-items: start; gap: 14px; }
.seal-menu { font-size: clamp(30px, 3vw, 46px); }
.live-body { color: var(--deck-slot); }
.dice-lead { margin-top: 0.5rem; width: 100%; gap: 12px; align-items: center; grid-template-columns: 44px minmax(0, 1fr); display: grid; padding: 16px; }
.dice-lead .page-bar { grid-column: 1 / -1; }
.dice-lead :is(strong, b) { display: block; font-size: var(--jackpot-hero); }
.card-ring { background: var(--flag-frame); font-size: 20px; border-radius: 50%; display: grid; color: var(--chip2-offer); height: 44px; place-items: center; width: 44px; }
.nav-box { display: inline-flex; align-items: center; gap: 0.375rem; font-size: var(--slot-core); color: var(--menu-meta); }
.ring-head { display: grid; gap: 0.625rem; }
.tile-star { overflow: hidden; }
.tile-star summary {
  display: grid; grid-template-columns: 44px minmax(0, 1fr) 32px;
  padding: 18px 20px; align-items: center; list-style: none; gap: 0.75rem; cursor: pointer;
}
.tile-star summary::-webkit-details-marker { display: none; }
.page-zone { font-size: var(--jackpot-hero); color: var(--flag-frame); }
.nav-unit { font-size: var(--panel-dock); font-weight: 600; }
.wrap-hero { width: 32px; place-items: center; transition: transform var(--reel-inner) var(--tray-front), background var(--reel-inner); background: var(--game-top); display: grid; height: 32px; border-radius: 50%; }
.tile-star[open] .wrap-hero { transform: rotate(45deg); background: var(--flag-frame); color: var(--chip2-offer); }
.tile-star p { padding: 0 4rem 1.375rem 4.75rem; color: var(--deck-slot); }
@media (max-width: 900px) {
  .game-side { grid-template-columns: 1fr; }
  .label-bonus { position: static; }
  .tile-star p { padding: 0 20px 20px; }
}
.mark-feature { overflow: hidden; border-top: var(--mark-stage) solid var(--live-reel); }
.cell-shape { max-width: 90rem; margin: 0 auto; padding: 48px var(--crest-stage) 24px; display: grid; gap: 32px; }
.dice-frame { grid-template-columns: minmax(0, 1.7fr) repeat(4, minmax(0, 1fr)); gap: 2rem; display: grid; }
.zone-chip2 { min-width: 0; display: grid; color: var(--deck-slot); gap: 10px; font-size: var(--jackpot-hero); align-content: start; padding: 22px; }
.rail-bar { font-size: 26px; color: var(--line-dock); }
.dot-head { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 6px; }
.line-zone { flex: 1 1 180px; min-width: 0; }
.dot-head .page-bar { flex: 0 0 auto; }
.row-row { font-weight: 600; font-size: var(--slot-core); color: var(--menu-meta); text-transform: uppercase; letter-spacing: var(--row-lead); margin-bottom: 12px; }
.ace-pane ul { color: var(--deck-slot); gap: 9px; font-size: var(--jackpot-hero); display: grid; }
.ace-pane a:hover { color: var(--flag-frame); }
.step-rear { display: flex; flex-wrap: wrap; align-items: center; gap: 18px 28px; padding: 1.25rem 0; border-top: var(--mark-stage) solid var(--live-reel); border-bottom: var(--mark-stage) solid var(--live-reel); }
.shape-main .note-view svg { height: 20px; }
.shape-main { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; margin-right: auto; font: 500 var(--slot-core)/1 var(--box-base); letter-spacing: 0.08em; text-transform: uppercase; color: var(--menu-meta); }
.ring-chip2 { display: grid; place-items: center; width: 2.625rem; height: 42px; border-radius: 50%; border: calc(var(--mark-stage) * 2) solid var(--strip-race); color: var(--strip-race); font-size: 0.8125rem; }
.row-bonus { font-size: var(--slot-core); line-height: 1.7; color: var(--menu-meta); max-width: 110ch; }
@media (max-width: 1320px) { .dice-frame { grid-template-columns: minmax(0, 1.4fr) repeat(2, minmax(0, 1fr)); } .zone-chip2 { grid-row: span 2; } }
@media (max-width: 1180px) { .dice-frame { grid-template-columns: repeat(2, minmax(0, 1fr)); } .zone-chip2 { grid-column: 1 / -1; grid-row: auto; } }
@media (max-width: 520px) { .dot-head { flex-direction: column; } }
.step-rear .block-line { flex-basis: 100%; }
:root { --flag-frame: hsl(358 66% 48%); --shape-pill: rgba(204, 42, 47, 0.14); --strip-promo: hsl(358 66% 39%); --chip2-offer: hsl(0 0% 100%); }
:root { --flag-frame: hsl(358 66% 48%); --strip-promo: hsl(358 66% 39%); --shape-pill: rgba(204, 42, 47, 0.14); --chip2-offer: hsl(0 0% 100%); }
:root { --card-outer: 13px; --foot-flag: 9px; --shape-offer: 500px; --meta-copy: 6px; --mark-stage: 1px; --bar-row: 2px; --deck-box: 1440px; }
svg.meta-reel{fill:currentColor;vertical-align:-0.125em;display:inline-block;height:1em;width:1em}