/* main stylesheet — last edited 2026-10-13 */
@font-face { font-family: 'Azeret Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url(webfonts/font-1.woff2) format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF }
@font-face { font-family: 'Azeret Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url(webfonts/font-2.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD }
@font-face { font-family: 'Azeret Mono'; font-style: normal; font-weight: 500; font-display: swap; src: url(webfonts/font-3.woff2) format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF }
@font-face { font-family: 'Azeret Mono'; font-style: normal; font-weight: 500; font-display: swap; src: url(webfonts/font-4.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD }
@font-face { font-family: 'Azeret Mono'; font-style: normal; font-weight: 700; font-display: swap; src: url(webfonts/font-5.woff2) format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF }
@font-face { font-family: 'Azeret Mono'; font-style: normal; font-weight: 700; font-display: swap; src: url(webfonts/font-6.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD }
@font-face { font-family: 'Azeret Mono'; font-style: normal; font-weight: 800; font-display: swap; src: url(webfonts/font-7.woff2) format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF }
@font-face { font-family: 'Azeret Mono'; font-style: normal; font-weight: 800; font-display: swap; src: url(webfonts/font-8.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD }
:root { --edge-line: #0A100A; --box-deck: rgba(57, 255, 106, 0.7); --feature-area: 160ms; --lead-area: 62px; --win-slab: rgba(57, 255, 106, 0.1); --dock-gold: #031006; --side-dice: hsl(120 23% 3%); --wrap-lead: rgb(23 35 23); --mark-head: rgba(57, 255, 106, 0.16); --card-link: 0px; --core-pane: 0.08em; --chip-inner: 14px; --link-view: "Azeret Mono", ui-monospace, monospace; --mark-grid: 168px; --dot-reel: 28px; --crest-note: "Azeret Mono", ui-monospace, monospace; --foot-set: hsl(41 100% 50%); --stack-panel: "Azeret Mono", ui-monospace, monospace; --page-top: 13px; --rear-front: clamp(40px, 4.2vw, 64px); --media-link: repeating-linear-gradient(90deg, rgba(57, 255, 106, 0.08) 0 1px, transparent 1px 8px); --note-offer: rgb(201 248 198); --copy-list: radial-gradient(60% 80% at 80% 40%, rgba(57, 255, 106, 0.09), transparent 70%); --outer-copy: #39ff6a; --tab-crown: 0px; --mark-tab: 16px; --view-core: rgb(57 255 106); --race-view: #557a53; --reel-dock: none; --bar-body: -0.03em; --lead-core: #070B07; --edge-core: repeating-linear-gradient(0deg, rgba(57, 255, 106, 0.05) 0 1px, transparent 1px 3px); --feature-pane: uppercase; --dice-chip2: hsl(136 100% 78%); --vip-slot: 0px; --top-game: 0px; --promo-menu: 0deg; --feature-note: 20px; --tab-head: 1px; --strip-block: rgba(57, 255, 106, 0.32); --star-pill: 0px; --nav-crown: hsl(120 21% 7%); --tab-core: clamp(14px, 2.2vw, 32px); --page-rear: 11px; --lead-shape: 800; --star-slot: 248px; --set-table: 0 0 0 1px var(--view-core), 0 0 18px -6px rgba(57, 255, 106, 0.6); --slab-main: hsl(117 27% 62%); --note-base: none; --jackpot-list: clamp(38px, 4.4vw, 66px); --set-pill: steps(4, end); --core-lead: 1; --offer-link: 0px }
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scrollbar-color: var(--strip-block) transparent; }
body { margin: 0; color: var(--note-offer); font: 400 var(--chip-inner)/1.6 var(--link-view); -webkit-font-smoothing: antialiased; background: radial-gradient(120% 90% at 50% 40%, rgb(10, 19, 10), var(--side-dice) 70%) fixed, var(--side-dice); text-shadow: 0 0 1px rgba(57, 255, 106, 0.25) }
body::after { z-index: 100; inset: 0; position: fixed; pointer-events: none; background:
    repeating-linear-gradient(0deg, rgba(0, 0, 0, 0.28) 0 1px, transparent 1px 3px),
    radial-gradient(120% 100% at 50% 50%, transparent 60%, rgba(0, 0, 0, 0.5)); content: "" }
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
button { font: inherit; padding: 0; color: inherit; border: 0; background: none; cursor: pointer; }
h1, h2, h3, h4, p { margin: 0; }
ul { list-style: none; padding: 0; margin: 0; }
::selection { background: var(--view-core); color: var(--dock-gold); text-shadow: none; }
:focus-visible { outline: 1px dashed var(--view-core); outline-offset: 3px; }
.media-grid { flex: none; font-size: 1.15em; line-height: 1; }
.game-vip { font-family: var(--crest-note); font-variant-numeric: tabular-nums; }
.stage-crest { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.lead-front { align-items: center; display: inline-flex; white-space: nowrap; font: 700 var(--page-top)/1 var(--link-view); justify-content: center; transition: background var(--feature-area), color var(--feature-area); letter-spacing: 0.04em; text-transform: uppercase; gap: 8px; height: var(--dice-strip); --dice-strip: 40px; padding: 0 14px }
.lead-front::before { content: "["; opacity: 0.7; }
.lead-front::after { content: "]"; opacity: 0.7; }
.lead-nav { font-size: 12px; padding: 0 10px; --dice-strip: 34px; }
.list-box { font-size: 15px; padding: 0 18px; --dice-strip: 50px; }
.item-grid { background: var(--view-core); color: var(--dock-gold); text-shadow: none; box-shadow: 0 0 20px -6px rgba(57, 255, 106, 0.8); }
.item-grid:hover { background: var(--dice-chip2); }
.jackpot-dot { color: var(--view-core); outline: 1px dashed var(--box-deck); outline-offset: -1px; }
.jackpot-dot:hover { background: var(--view-core); color: var(--dock-gold); text-shadow: none; }
.slab-base { display: inline-grid; place-items: center; width: 38px; height: 38px; color: var(--view-core); outline: 1px dashed var(--strip-block); outline-offset: -1px; transition: background var(--feature-area), color var(--feature-area); }
.slab-base:hover { background: var(--view-core); color: var(--dock-gold); }
.edge-main { gap: 8px; display: flex; background: #020402; border: 1px solid var(--strip-block); height: 40px; color: var(--view-core); padding: 0 10px; align-items: center; }
.edge-main .media-grid { display: none; }
.edge-main::before { content: "$"; font-weight: 700; color: var(--view-core); }
.edge-main:focus-within { border-color: var(--view-core); box-shadow: 0 0 14px -6px var(--view-core); }
.edge-main input { flex: 1; min-width: 0; height: 100%; background: none; border: 0; outline: 0; color: var(--note-offer); font: inherit; font-size: var(--page-top); caret-color: var(--view-core); }
.edge-main input::placeholder { color: var(--race-view); }
.edge-main kbd { font: 400 11px/1 var(--crest-note); color: var(--side-dice); background: var(--race-view); padding: 3px 5px; }
.vip-media { display: inline-flex; align-items: center; gap: 6px; font: 500 var(--page-rear)/1 var(--link-view); letter-spacing: var(--core-pane); text-transform: uppercase; color: var(--foot-set); }
.vip-media::before { content: ">"; color: var(--view-core); }
.vip-media::after { content: "_"; animation: term-blink 1s steps(1) infinite; color: var(--view-core); }
@keyframes term-blink { 50% { opacity: 0; } }
.slab-stage { font-family: var(--stack-panel); font-weight: var(--lead-shape); text-transform: var(--feature-pane); letter-spacing: var(--bar-body); line-height: var(--core-lead); }
.slab-stage em { font-style: normal; padding: 0 0.12em; box-decoration-break: clone; color: var(--side-dice); text-shadow: none; background: var(--view-core); -webkit-box-decoration-break: clone; }
.band-deck { align-items: center; display: inline-flex; text-shadow: none; font: 700 10px/1 var(--crest-note); text-transform: uppercase; height: 18px; background: var(--view-core); padding: 0 5px; color: var(--dock-gold); }
.band-deck::before { content: "#"; opacity: 0.6; }
/*  v2  */
.line-pill { background: var(--foot-set); color: #1a1000; }
.body-label { outline: 1px solid var(--view-core); color: var(--view-core); outline-offset: -1px; background: transparent; }
.dock-rail { position: relative; background: var(--edge-line); border: 1px dashed var(--strip-block); }
.nav-chip { border: 1px solid var(--view-core); background: hsl(120 33% 1%); padding: 22px 6px 6px; overflow: hidden; position: relative; }
.nav-chip::before { font: 400 10px/14px var(--crest-note); letter-spacing: 0.04em; top: 4px; color: var(--view-core); content: "● ● ●   preview.png"; left: 8px; position: absolute; }
.nav-chip img { filter: saturate(0.75) contrast(1.1); height: 100%; width: 100%; object-fit: cover; }
.link-base { flex: none; display: inline-block; width: 7px; height: 7px; background: var(--outer-copy); animation: term-blink 1s steps(1) infinite; }
.step-tab { display: grid; gap: 4px; }
.body-set { font: 400 11px/1 var(--link-view); text-transform: uppercase; color: var(--race-view); }
.body-set::after { content: ":"; }
.set-label { font: 700 20px/1 var(--crest-note); color: var(--view-core); }
.star-frame { display: inline-flex; align-items: center; gap: 6px; font: 500 12px/1 var(--link-view); text-transform: lowercase; color: var(--view-core); transition: background var(--feature-area), color var(--feature-area); padding: 4px 6px; }
.star-frame::before { content: "./"; color: var(--race-view); }
.star-frame .game-vip { color: var(--foot-set); }
.star-frame:hover { text-shadow: none; color: var(--dock-gold); background: var(--view-core); }
.jackpot-unit { gap: 12px; margin-bottom: 16px; align-items: baseline; display: flex; }
.table-slot { font: 400 var(--page-rear)/1 var(--crest-note); color: var(--race-view); }
.table-slot::before { content: "0x"; }
/*  components  */
.page-list { display: flex; white-space: nowrap; align-items: baseline; gap: 10px; letter-spacing: -0.03em; font: 800 var(--dot-reel)/1 var(--stack-panel); text-transform: uppercase; }
.page-list::before { content: "$"; color: var(--view-core); font-weight: 500; }
.page-list .media-grid { display: none; }
.unit-pane { flex: 1; height: 0; border-top: 1px dashed var(--strip-block); min-width: 20px; align-self: center; }
.ace-link { display: flex; gap: 4px; align-self: center; }
.jackpot-unit .star-frame { white-space: nowrap; }
.zone-lead { height: 32px; outline-offset: -1px; width: 32px; place-items: center; transition: background var(--feature-area), color var(--feature-area), opacity var(--feature-area); display: grid; color: var(--view-core); outline: 1px dashed var(--strip-block); }
.zone-lead:hover { background: var(--view-core); color: var(--dock-gold); }
.zone-lead[disabled] { opacity: 0.25; pointer-events: none; }
@media (max-width: 720px) { .page-list { font-size: 20px; white-space: normal; min-width: 0; }
  .table-slot, .ace-link, .unit-pane { display: none; }
  .jackpot-unit .star-frame { flex: none; margin-left: auto; } }
.lobby-front { display: grid; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; grid-auto-flow: column; overflow-x: auto; scrollbar-width: none; grid-auto-columns: var(--mark-grid); gap: 10px; padding: 1px 1px 8px; }
.lobby-front::-webkit-scrollbar { display: none; }
.lobby-front > * { scroll-snap-align: start; }
.stack-seal { display: grid; grid-template-columns: minmax(0, 1fr); border: 1px dashed var(--mark-head); gap: 6px; padding: 5px; min-width: 0; transition: border-color var(--feature-area), background var(--feature-area); }
.chip2-base { position: relative; aspect-ratio: var(--lead-view, 3 / 2); overflow: hidden; background: var(--nav-crown); }
.chip2-base::after { content: ""; position: absolute; inset: 0; background: var(--view-core); mix-blend-mode: color; opacity: 0.35; transition: opacity var(--feature-area); }
.chip2-base img { width: 100%; height: 100%; object-fit: cover; filter: contrast(1.1); }
.item-inner { z-index: 1; left: 6px; top: 6px; position: absolute; }
.stack-seal:hover { border-color: var(--view-core); border-style: solid; background: var(--win-slab); }
.stack-seal:hover .chip2-base::after { opacity: 0; }
.nav-panel { padding: 0 2px 2px; }
.body-crest { white-space: nowrap; text-transform: uppercase; text-overflow: ellipsis; overflow: hidden; font: 700 12px/1.3 var(--link-view); }
.body-crest::before { content: "> "; color: var(--view-core); }
.vip-meta { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 2px; font-size: 10px; color: var(--race-view); }
.vip-meta > span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mark-promo { flex: none; display: inline-flex; align-items: center; gap: 5px; color: var(--view-core); }
.side-tray { white-space: nowrap; text-decoration: none; color: var(--note-offer); line-height: 1; font-size: var(--band-dot); gap: 0.3em; align-items: center; display: inline-flex; --band-dot: 34px }
.strip-label { --band-dot: 44px; }
.spin-club { line-height: 1; text-transform: var(--feature-pane); font-weight: var(--lead-shape); font-size: 0.74em; letter-spacing: var(--bar-body); font-family: var(--stack-panel) }
/*  tokens  */
.rail-feature { position: relative; flex: none; }
@media (max-width: 720px) { .rear-meta .side-tray { --band-dot: 28px; } }
.deal-table { align-items: baseline; padding-top: 0.3em; display: inline-flex; line-height: 1; letter-spacing: var(--bar-body); font-family: var(--stack-panel); font-weight: var(--lead-shape); text-transform: var(--feature-pane) }
.pill-item { position: relative; font-size: 1.02em; color: var(--view-core); }
.gold-page { font-size: 0.74em; }
.table-race { position: absolute; left: 50%; top: -0.3em; width: 0.56em; height: 0.24em; transform: translateX(-50%) rotate(-8deg); background: var(--view-core); clip-path: polygon(0 100%, 0 15%, 25% 55%, 50% 0, 75% 55%, 100% 15%, 100% 100%) }
.ace-panel { overflow-x: clip; }
.unit-dot { width: 100%; max-width: var(--foot-main, 1320px); margin: 0 auto; padding-left: var(--tab-core); padding-right: var(--tab-core); }
.win-bonus { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--rear-front); padding-top: 24px; padding-bottom: var(--rear-front); }
.win-bonus > * { min-width: 0; }
.rear-meta { top: 0; backdrop-filter: blur(12px); position: sticky; background: color-mix(in srgb, var(--side-dice) 90%, transparent); z-index: 30; border-bottom: var(--tab-head) solid var(--mark-head) }
.item-meta { display: flex; align-items: center; gap: 20px; height: var(--lead-area); }
.chip-zone { display: flex; margin-left: auto; align-items: center; gap: 10px; }
.tab-tab { display: none; }
.lead-pill { display: none; }
.ace-panel.bonus-menu .lead-pill { inset: 0; z-index: 45; position: fixed; display: block; background: rgba(0, 0, 0, 0.55); }
.promo-stage { position: fixed; top: 0; bottom: 0; left: 0; z-index: 50; display: flex; flex-direction: column; gap: 18px; width: min(320px, 88vw); padding: 16px; overflow-y: auto; background: var(--side-dice); border-right: var(--tab-head) solid var(--mark-head); transform: translateX(-102%); transition: transform 320ms var(--set-pill) }
.ace-panel.bonus-menu .promo-stage { transform: none; }
.strip-pill { justify-content: space-between; display: flex; align-items: center; }
.list-pill { display: grid; gap: 4px; }
.dock-dot { display: flex; align-items: center; gap: 12px; height: 46px; padding: 0 12px; border-radius: var(--card-link); color: var(--slab-main); }
.dock-dot.ring-deck, .dock-dot:hover { background: var(--edge-line); color: var(--note-offer); }
.dock-dot .media-grid { color: var(--view-core); }
.side-row { display: grid; gap: 8px; }
.step-promo { display: grid; gap: 10px; margin-top: auto; font-size: var(--page-top); color: var(--race-view); }
@media (max-width: 1080px) { .tab-tab { display: inline-grid; } }
@media (max-width: 640px) { .chip-zone .jackpot-dot { display: none; }
  .item-meta { gap: 12px; } }
.meta-win { display: flex; align-items: center; justify-content: center; gap: 10px; height: 38px; padding: 0 16px; background: var(--view-core); color: var(--dock-gold); font-size: var(--page-top); text-align: center }
.meta-win span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.meta-win:hover :is(strong, b) { text-decoration: underline; }
.panel-win { display: grid; grid-template-columns: 1fr auto 1fr; height: calc(var(--lead-area) + 8px); }
.chip2-mark { display: flex; align-items: center; gap: 6px; min-width: 0; }
.row-spin { justify-content: flex-end; }
.core-inner { display: flex; justify-content: center; padding: 0 20px; }
.tile-lead { display: flex; gap: 2px; flex: 0 1 auto; min-width: 0; flex-wrap: wrap; height: 38px; overflow: hidden; }
.chip2-mark > :not(nav) { flex-shrink: 0; }
.panel-base { font-size: var(--page-top); border-radius: var(--star-pill); letter-spacing: 0.02em; display: inline-flex; color: var(--slab-main); align-items: center; transition: color var(--feature-area), background var(--feature-area); font-weight: 500; white-space: nowrap; height: 38px; padding: 0 12px }
.panel-base:hover { color: var(--note-offer); }
.panel-base.ring-deck { color: var(--note-offer); background: var(--nav-crown); }
.pill-field { height: 24px; background: var(--strip-block); width: var(--tab-head); margin: 0 8px; }
.slot-block { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; padding: 0 10px; color: var(--note-offer); white-space: nowrap; font-size: var(--page-top); }
@media (max-width: 1280px) { .tile-lead { display: none; } .pill-field { display: none; } .panel-win .tab-tab { display: inline-grid; } }
@media (max-width: 1080px) { .panel-win { grid-template-columns: auto 1fr auto; } .core-inner { justify-content: flex-start; padding: 0 8px; } }
@media (max-width: 640px) { .slot-block span { display: none; } .meta-win { font-size: 12px; } }
.edge-dice { color: var(--slab-main); }
.edge-dice p { margin: 0 0 1em; }
.edge-dice p:last-child { margin-bottom: 0; }
.spin-side { margin: 1.4em 0 0.5em; font-size: var(--mark-tab); font-weight: 600; color: var(--note-offer); }
.chip-jackpot, .rail-card { margin: 0 0 1.1em; padding: 0; list-style: none; display: grid; gap: 0.55em; }
.chip-jackpot li { position: relative; padding-left: 1.4em; }
.chip-jackpot li::before {
  content: ""; position: absolute; left: 0.1em; top: 0.62em;
  width: 0.45em; height: 0.45em;
  background: var(--view-core); border-radius: calc(var(--card-link) * 0.2);
  transform: rotate(45deg) }
.rail-card { counter-reset: step; }
.rail-card li { counter-increment: step; position: relative; padding-left: 2.3em; min-height: 1.7em; }
.rail-card li::before {
  font: 600 0.8em/1 var(--crest-note); height: 1.7em; border-radius: 50%; width: 1.7em; place-items: center; color: var(--dock-gold);
  display: grid; top: -0.05em; left: 0;
  background: var(--view-core);
  position: absolute;
  content: counter(step) }
.edge-dice, .edge-dice > * { min-width: 0; }
.chip2-media { max-width: 100%; margin: 0 0 1.1em; overflow-x: auto; border: var(--tab-head) solid var(--mark-head); border-radius: var(--card-link); }
.chip2-media table { font-size: var(--page-top); border-collapse: collapse; width: 100%; }
.chip2-media th, .chip2-media td { border-bottom: var(--tab-head) solid var(--mark-head); white-space: nowrap; padding: 10px 14px; text-align: left; }
.chip2-media tbody tr:last-child > * { border-bottom: 0; }
.chip2-media thead th { font-size: var(--page-rear); font-weight: 600; letter-spacing: var(--core-pane); text-transform: uppercase; color: var(--race-view); background: var(--edge-line); }
.chip2-media tbody th { font-weight: 600; color: var(--note-offer); }
.chip2-media caption { font-weight: 600; color: var(--view-core); border-bottom: var(--tab-head) solid var(--mark-head); caption-side: top; text-align: left; text-transform: uppercase; padding: 10px 14px; font-size: var(--page-rear); letter-spacing: var(--core-pane); }
.chip2-media tbody tr:nth-child(even) > * { background: color-mix(in srgb, var(--nav-crown) 45%, transparent); }
.cell-lead, .rear-strip { height: 22px; place-items: center; border-radius: 50%; display: inline-grid; font-size: 12px; width: 22px; font-weight: 700; }
.cell-lead { background: color-mix(in srgb, var(--outer-copy) 18%, transparent); color: var(--outer-copy); }
.rear-strip { background: color-mix(in srgb, var(--foot-set) 14%, transparent); color: var(--foot-set); }
.inner-zone tbody th { font-weight: 500; white-space: normal; width: 42%; color: var(--slab-main); }
.inner-zone td { color: var(--note-offer); font-weight: 600; white-space: normal; }
.list-flag td, .list-flag thead th:not(:first-child) { text-align: center; }
.list-flag tbody td:nth-child(2), .list-flag thead th:nth-child(2) { background: var(--win-slab) !important; }
.list-flag thead th:nth-child(2) { color: var(--view-core); }
@media (max-width: 520px) { .jackpot-unit { flex-wrap: wrap; row-gap: 8px; } }
img.front-star, img.reel-strip, img.zone-chip { background-color: var(--deal-unit, var(--nav-crown)); }
.set-crown { --lead-view: 3 / 4; position: relative; }
.set-crown img { object-position: 50% 0 !important;
  object-fit: contain !important;
  background: linear-gradient(180deg, color-mix(in srgb, var(--deal-unit, #222) 72%, hsl(240 19% 5%)) 0 50%, color-mix(in srgb, var(--deal-unit, #222) 38%, hsl(240 19% 5%))) !important }
.set-crown::before { position: absolute; right: 0; z-index: 1; background: linear-gradient(rgba(0, 0, 0, 0.28), transparent); pointer-events: none; height: 24%; top: 49%; content: ""; left: 0; }
.race-dot { display: grid; color: #fff; left: 10px; pointer-events: none; position: absolute; z-index: 2; bottom: 12px; right: 10px; gap: 2px; text-shadow: 0 1px 6px rgba(0, 0, 0, 0.45); }
.dice-chip2 { -webkit-box-orient: vertical; font-family: var(--stack-panel); line-height: 1.05; font-weight: var(--lead-shape); text-transform: var(--feature-pane); letter-spacing: var(--bar-body); display: -webkit-box; font-size: 17px; overflow: hidden; -webkit-line-clamp: 2; }
.vip-body { font-size: 11px; opacity: 0.78; }
.chip2-base.set-crown + .nav-panel, .chip2-base.set-crown + .panel-stack { display: none; }
img.slab-game {
  background: none !important; border: 0 !important; border-radius: 0 !important; padding: 0 !important;
  box-shadow: none !important; mask-image: none !important }
.media-frame {
  position: relative; justify-self: center;
  width: 100%; align-self: stretch;
  pointer-events: none; min-height: var(--block-flag, 340px) }
.media-frame .game-promo {
  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
  width: auto; height: auto; max-height: 100%; max-width: 116%;
  object-fit: contain; object-position: 50% 100%;
  filter: drop-shadow(0 18px 26px rgba(0, 0, 0, 0.35)) }
@media (max-width: 820px) {
  .media-frame { align-self: auto; min-height: var(--head-ace, 260px); }
  .media-frame .game-promo { object-position: 50% 100%; }
 }
img.block-dot { object-fit: contain; border-radius: 0; filter: var(--row-line, none); }
.stack-set { vertical-align: middle; line-height: 1; gap: 0.5em; align-items: center; display: inline-flex; }
.stack-set svg { max-width: 3em; flex: none; width: auto; height: 1.6em; }
.seal-panel { height: 1px; width: 1px; overflow: hidden; clip-path: inset(50%); position: absolute; white-space: nowrap; }
.page-flag { display: inline-flex; gap: 12px; align-items: center; font-size: 12px; letter-spacing: 0.04em; text-transform: uppercase; }
.page-flag a { color: var(--slab-main); text-decoration: none; }
.page-flag a:hover { color: var(--view-core); }
.page-flag a.ring-deck { color: var(--note-offer); font-weight: 600; }
.feature-deal { display: block; }
.slab-chip { color: var(--view-core); }
.bar-promo { font-weight: 600; color: inherit; opacity: 0.72;
  font-family: var(--stage-vip); margin-top: 0.5em;
  display: block; line-height: 1.2;
  letter-spacing: var(--core-pane); text-transform: uppercase; font-size: clamp(12px, 0.22em, 17px) }
.tray-win {
  margin: 0; font-weight: var(--lead-shape);
  letter-spacing: var(--bar-body); text-transform: var(--feature-pane); display: block;
  font-family: var(--stack-panel); font-size: clamp(22px, 2.4vw, 38px); line-height: 1.05 }
.live-jackpot { font-style: normal; color: var(--view-core); }
.tile-rail { gap: 6px; align-items: baseline; font-size: var(--page-rear); display: inline-flex; flex-wrap: wrap; line-height: 1.3; color: var(--race-view); }
.chip2-rear { letter-spacing: var(--core-pane); text-transform: uppercase; }
/*  tokens  */
.live-item { font-weight: 600; color: var(--note-offer); }
.crest-cell { color: rgba(255, 255, 255, 0.72); }
.crest-cell .live-item { color: #fff; }
.group-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.mark-media { display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0 10px; font-size: var(--page-rear); color: var(--race-view); border-radius: var(--card-link); transition: color .15s, border-color .15s, background-color .15s; }
.mark-media:hover { color: var(--note-offer); }
/*  legacy  */
.mark-media .media-grid { font-size: 1.25em; }
.rear-win .mark-media { background: var(--lead-core); border-radius: var(--star-pill); }
.nav-core .mark-media { border: var(--tab-head) solid var(--strip-block); }
.nav-core .mark-media:hover { border-color: var(--box-deck); }
.game-nav .mark-media { background: var(--edge-line); border: var(--tab-head) solid var(--mark-head); font-weight: 600; }
.main-band { gap: 4px 18px; }
.main-band .mark-media { padding: 0; height: auto; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--box-deck); }
.club-frame .mark-media { font: 500 11px/1 var(--crest-note); letter-spacing: 0.08em; text-transform: uppercase; padding: 0 8px; border-left: 2px solid var(--view-core); border-radius: 0; }
a[role="button"] { cursor: pointer; }
.main-line { display: none; }
@media (max-width: 640px) {
  .pane-front { overflow: visible; border: 0; border-radius: 0; }
  .pane-front thead { display: none; }
  .pane-front table, .pane-front tbody, .pane-front tr { display: block; width: 100%; }
  .pane-front caption { display: block; padding: 0 0 8px; }
  .pane-front tr { margin: 0 0 10px; border: var(--tab-head) solid var(--mark-head); border-radius: var(--card-link); overflow: hidden; }
  .pane-front tbody tr > * { background: none; }
  .pane-front tbody th { display: block; white-space: normal; border-bottom: var(--tab-head) solid var(--mark-head); background: color-mix(in srgb, var(--nav-crown) 70%, transparent); }
  .pane-front td { gap: 14px; display: flex; text-align: right; justify-content: space-between; align-items: baseline; white-space: normal; }
  .pane-front tbody tr > td:last-child { border-bottom: 0; }
  .pane-front tbody tr:last-child > th { border-bottom: var(--tab-head) solid var(--mark-head); }
  .pane-front .main-line { color: var(--race-view); text-transform: uppercase; letter-spacing: var(--core-pane); font-weight: 600; font-size: var(--page-rear); text-align: left; max-width: 48%; flex: none; display: block; }
 }
.cell-step { padding: clamp(28px, 5vw, 64px) 0; }
.vip-zone { max-width: 780px; margin: 0 auto; display: grid; gap: 14px; }
.page-stack { font-size: clamp(32px, 4.4vw, 52px); line-height: 1.05; }
.core-side { font-size: var(--page-top); color: var(--race-view); }
.feature-set { font-size: var(--mark-tab); color: var(--slab-main); }
.race-lead { display: grid; gap: 12px; margin-top: 8px; }
.race-lead h2 { color: var(--note-offer); margin-top: 18px; font-size: var(--feature-note); }
.field-stage { list-style: none; margin: 8px 0; padding: 0; display: grid; gap: 10px; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
.field-stage li { display: grid; gap: 4px; padding: 16px 18px; border: var(--tab-head) solid var(--mark-head); border-radius: var(--offer-link); background: var(--edge-line); }
.area-vip { font-size: var(--page-rear); color: var(--race-view); text-transform: uppercase; letter-spacing: var(--core-pane); }
.mark-rear { font-weight: 600; color: var(--note-offer); word-break: break-word; }
.panel-main { font-size: var(--page-top); color: var(--slab-main); }
.line-dock { font-size: var(--page-top); flex-wrap: wrap; margin: 14px 0 4px; display: flex; gap: 8px 18px; }
.line-dock a { text-decoration: underline; text-underline-offset: 3px; text-decoration-color: color-mix(in srgb, currentColor 35%, transparent); color: var(--slab-main); }
.line-dock a:hover { color: var(--note-offer); }
.feature-hero { display: flex; gap: 4px; flex-wrap: wrap; }
.view-table { display: grid; place-items: center; min-width: 22px; height: 22px; padding: 0 5px; border-radius: 999px; font: 700 10px/1 var(--crest-note); color: #fff; }
.hero-slab { background: hsl(355 61% 49%); }
.frame-row { background: #1c1c22; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2); }
.frame-panel { background: hsl(145 63% 33%); }
.chip-game { background: var(--wrap-lead); color: var(--note-offer); }
.set-foot { display: flex; flex-wrap: wrap; gap: 10px; }
.pane-hero { display: inline-flex; align-items: center; gap: 10px; height: 50px; 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(--feature-area) var(--set-pill); }
.pane-hero:hover { transform: translateY(-2px); }
.pane-hero .media-grid { font-size: 26px; }
.pane-hero span { font-weight: 600; line-height: 1.1; font-size: 15px; display: grid; }
.pane-hero small { font-weight: 400; font-size: 10px; opacity: 0.75; }
.side-stage { position: relative; display: block; flex: none; width: 230px; height: 460px; padding: 12px; border-radius: 38px; background: hsl(240 14% 5%); box-shadow: inset 0 0 0 2px hsl(240 10% 18%), 0 30px 60px -20px rgba(0, 0, 0, 0.6); }
.row-deal { border-radius: 999px; z-index: 2; left: 50%; position: absolute; top: 18px; width: 70px; height: 18px; background: #0c0c10; transform: translateX(-50%); }
.chip-note { gap: 8px; flex-direction: column; border-radius: 28px; height: 100%; display: flex; padding: 36px 10px 10px; background: var(--side-dice); overflow: hidden; }
.dock-spin { display: flex; justify-content: center; }
.dock-spin .side-tray { --band-dot: 18px; pointer-events: none; }
.spin-list { display: grid; gap: 2px; padding: 12px; border-radius: 12px; background: var(--copy-list), var(--nav-crown); font-size: 9px; color: var(--slab-main); }
.spin-list .slab-stage { font-size: 18px; color: var(--view-core); }
.tray-area { display: grid; grid-template-columns: repeat(2, 1fr); gap: 5px; }
.tray-area img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; border-radius: 6px; }
.front-pane { display: flex; padding: 8px 0 2px; font-size: 16px; color: var(--race-view); justify-content: space-around; margin-top: auto; border-top: 1px solid var(--mark-head); }
.front-pane .media-grid:first-child { color: var(--view-core); }
.rear-meta { background: rgba(5, 8, 5, 0.94); border-bottom: 1px dashed var(--strip-block); }
.rear-rail, .copy-chip2 { background: var(--side-dice); border-right: 1px dashed var(--strip-block); }
.win-dice { border-radius: 0; height: 34px; font-size: 13px; text-transform: lowercase; color: var(--slab-main); }
.win-dice .media-grid { color: var(--race-view); }
.win-dice:hover { background: var(--win-slab); color: var(--view-core); }
.win-dice.ring-deck { background: var(--view-core); color: var(--dock-gold); text-shadow: none; }
.win-dice.ring-deck .media-grid { color: var(--dock-gold); }
.win-dice.ring-deck .band-deck { background: var(--dock-gold); color: var(--view-core); }
.win-jackpot { color: var(--foot-set); letter-spacing: 0.04em; }
.win-jackpot::before { content: "# "; color: var(--race-view); }
.block-view { text-transform: lowercase; border: 1px dashed var(--strip-block); color: var(--view-core); letter-spacing: 0; box-shadow: none; }
.block-view img { filter: saturate(0.6); }
.page-promo { border-radius: 0; text-transform: lowercase; }
.page-promo.ring-deck { background: var(--view-core); color: var(--dock-gold); }
.page-promo.ring-deck .media-grid { color: var(--dock-gold); }
.seal-table { border-bottom: 1px dashed var(--strip-block); }
.dock-bar { text-transform: lowercase; border-style: dashed; height: 32px; border-radius: 0; }
.dock-bar.ring-deck { background: var(--view-core); color: var(--dock-gold); border-style: solid; text-shadow: none; }
.dot-deal { border-radius: 0; text-transform: lowercase; }
.dot-deal.ring-deck { box-shadow: none; background: var(--view-core); text-shadow: none; color: var(--dock-gold); }
.frame-game { text-transform: lowercase; }
.frame-game.ring-deck::after { border-radius: 0; height: 2px; }
.note-ace .promo-top { border-radius: 0; border-style: dashed; }
.bar-nav { border-top: 1px dashed var(--strip-block); }
.outer-pill { position: relative; border-radius: var(--offer-link); overflow: hidden; border: var(--tab-head) solid var(--mark-head); box-shadow: var(--note-base); }
.deal-link { display: grid; scroll-snap-type: x mandatory; grid-auto-columns: 100%; scrollbar-width: none; grid-auto-flow: column; margin: 0; padding: 0; list-style: none; overflow-x: auto; }
.deal-link::-webkit-scrollbar { display: none; }
.foot-step { padding: 48px clamp(24px, 5vw, 72px) 84px; align-items: center; display: grid; isolation: isolate; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); background: var(--edge-line); position: relative; gap: 24px; overflow: hidden; min-height: 440px; scroll-snap-align: start }
.ring-wrap { width: 120%; opacity: 0.45; filter: blur(40px) saturate(1.2); inset: -10%; position: absolute; height: 120%; object-fit: cover; z-index: -2; }
.foot-step::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, var(--edge-line) 25%, color-mix(in srgb, var(--edge-line) 40%, transparent)); }
.live-table { gap: 16px; justify-items: start; display: grid; }
.slab-grid { font-size: clamp(38px, 4.6vw, 68px); max-width: 14ch; }
.slab-grid em { display: block; }
.meta-chip { font-size: var(--mark-tab); color: var(--slab-main); max-width: 44ch; }
.club-stage { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; margin-top: 6px; }
.head-wrap { font-size: var(--page-rear); color: var(--race-view); }
.wrap-spin { aspect-ratio: 1; transform: rotate(calc(var(--promo-menu) * -1)); border-radius: var(--vip-slot); justify-self: center; box-shadow: var(--reel-dock); object-fit: cover; width: min(100%, 340px); }
.spin-cell { left: 50%; bottom: 22px; position: absolute; display: flex; gap: 14px; transform: translateX(-50%); align-items: center; }
.side-front { display: flex; gap: 8px; }
.meta-bonus { width: 10px; height: 10px; border-radius: 999px; background: var(--strip-block); transition: width var(--feature-area) var(--set-pill), background var(--feature-area); }
.meta-bonus.ring-deck { width: 34px; background: var(--view-core); }
@media (max-width: 800px) { .foot-step { grid-template-columns: 1fr; min-height: 0; padding: 28px 22px 80px; }
  .wrap-spin { order: -1; width: 170px; }
  .foot-step::before { background: color-mix(in srgb, var(--edge-line) 70%, transparent); } }
.band-box { --block-flag: 330px; width: min(100%, 400px); }
@media (max-width: 800px) { .band-box { width: min(78vw, 330px); order: -1; --head-ace: min(66vw, 290px); justify-self: start; } }
.row-tab { margin: 0; padding: 0; display: grid; list-style: none; gap: 10px; grid-template-columns: repeat(8, minmax(0, 1fr)); }
.set-meta { --list-crown: var(--view-core); position: relative; display: grid; align-content: space-between; aspect-ratio: 1; padding: 14px; overflow: hidden; border-radius: var(--offer-link); border: var(--tab-head) solid var(--mark-head); background: var(--edge-line); box-shadow: var(--note-base); transition: transform var(--feature-area) var(--set-pill), border-color var(--feature-area), box-shadow var(--feature-area) }
/*  layout  */
.club-copy { --list-crown: var(--outer-copy); }
.race-outer { --list-crown: var(--foot-set); }
.link-foot { --list-crown: var(--dice-chip2); }
.set-meta::before { content: ""; position: absolute; border-radius: 50%; background: var(--list-crown); transition: opacity var(--feature-area), transform var(--feature-area) var(--set-pill); width: 90%; right: -30%; top: -30%; aspect-ratio: 1; opacity: 0.12; }
.set-meta:hover { border-color: var(--list-crown); transform: translateY(calc(var(--top-game) * -1)); box-shadow: var(--set-table); }
.set-meta:hover::before { opacity: 0.22; transform: scale(1.15); }
.deal-view { position: relative; font-size: 34px; color: var(--list-crown); }
.core-front { position: relative; font-weight: 700; font-size: var(--chip-inner); }
.tile-feature { bottom: 14px; font-size: 11px; right: 12px; position: absolute; color: var(--race-view); }
@media (max-width: 1180px) { .row-tab { grid-template-columns: repeat(4, minmax(0, 1fr)); } .set-meta { aspect-ratio: 16 / 10; } }
@media (max-width: 560px) { .row-tab { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.main-item { align-items: center; gap: 12px 20px; flex-wrap: wrap; display: flex; margin-bottom: 16px; }
.ring-mark { display: flex; align-items: center; white-space: nowrap; font-size: var(--feature-note); gap: 10px; }
.ring-mark .media-grid { color: var(--view-core); }
.panel-club { display: flex; gap: 4px; padding: 4px; border-radius: calc(var(--card-link) + 4px); background: var(--edge-line); border: var(--tab-head) solid var(--mark-head); }
.dice-row { font-weight: 500; font-size: 13px; border-radius: var(--card-link); transition: background var(--feature-area), color var(--feature-area); padding: 0 12px; height: 32px; color: var(--race-view); }
.dice-row.ring-deck { background: var(--view-core); color: var(--dock-gold); }
.meta-slot { margin-left: auto; gap: 6px; align-items: center; display: flex; }
.tab-win { --mark-grid: clamp(150px, calc((100% - 12px * 6) / 7), 190px); }
.offer-win { min-width: 0; gap: 8px; display: grid; }
.wrap-slot { position: relative; }
.seal-dock { position: absolute; right: 8px; top: 8px; z-index: 1; padding: 3px 7px; border-radius: 999px; background: rgba(0, 0, 0, 0.66); color: #fff; font-size: 11px; transition: opacity var(--feature-area); }
.rear-link { opacity: 0; gap: 10px; justify-items: center; place-content: center; transition: opacity var(--feature-area); display: grid; background: rgba(0, 0, 0, 0.62); z-index: 2; inset: 0; position: absolute }
.wrap-slot:hover .rear-link, .wrap-slot:focus-within .rear-link { opacity: 1; }
.lobby-cell { font-weight: 600; text-decoration: underline; font-size: var(--page-rear); color: #fff; text-underline-offset: 3px; }
.panel-stack { font-size: var(--page-top); font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 800px) { .panel-club { order: 3; width: 100%; overflow-x: auto; } .meta-slot .zone-lead { display: none; } .tab-win { --mark-grid: 40vw; } }
.seal-outer { flex-wrap: wrap; gap: 12px 20px; justify-content: space-between; display: flex; margin-bottom: 16px; align-items: center; }
.outer-wrap { display: flex; align-items: center; gap: 10px; font-size: var(--dot-reel); }
.outer-wrap .media-grid { color: var(--view-core); }
.pill-wrap { scrollbar-width: none; display: flex; gap: 6px; overflow-x: auto; }
.bonus-outer { flex: none; height: 36px; padding: 0 14px; border-radius: var(--star-pill); border: var(--tab-head) solid var(--strip-block); font-size: var(--page-top); color: var(--slab-main); transition: background var(--feature-area), color var(--feature-area); }
.bonus-outer.ring-deck { background: var(--view-core); border-color: var(--view-core); color: var(--dock-gold); }
.star-card { margin: 0; padding: 0; list-style: none; gap: 12px; grid-template-columns: repeat(3, minmax(0, 1fr)); display: grid; }
.group-lobby { display: grid; grid-template-columns: 84px minmax(0, 1fr) auto; align-items: center; gap: 14px; padding: 10px 14px 10px 10px; transition: border-color var(--feature-area); }
.group-lobby:hover { border-color: var(--view-core); }
.group-lobby img { border-radius: var(--card-link); height: 84px; width: 84px; object-fit: cover; object-position: 50% 15%; }
.zone-promo { gap: 5px; display: grid; min-width: 0; }
.table-chip { font-weight: 700; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.step-chip2 { color: var(--race-view); gap: 6px; display: inline-flex; align-items: center; font-size: var(--page-rear); }
/*  keep in sync with the build  */
.outer-inner { display: flex; gap: 4px; }
.outer-inner i { width: 14px; height: 14px; border-radius: 50%; border: 2px solid var(--outer-copy); }
.outer-inner i.base-block { background: var(--race-view); border-color: var(--race-view); }
@media (max-width: 1180px) { .star-card { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 680px) { .star-card { grid-template-columns: 1fr; } }
.foot-reel { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px 14px; margin: 0; padding: 0; list-style: none; }
@media (max-width: 900px) { .foot-reel { grid-template-columns: repeat(2, minmax(0, 1fr)); } .foot-reel > li:nth-child(n + 7) { display: none; } }
@media (max-width: 480px) { .foot-reel { grid-template-columns: 1fr; } .foot-reel > li:nth-child(n + 5) { display: none; } }
.band-step { display: grid; gap: 14px; grid-template-columns: minmax(280px, 0.9fr) minmax(0, 2fr); }
.menu-label { display: grid; justify-items: start; gap: 12px; padding: 24px; }
.ace-outer { display: grid; place-items: center; padding: 14px 18px; border-radius: 22%; background: var(--side-dice); border: var(--tab-head) solid var(--strip-block); box-shadow: var(--note-base); }
.ace-outer .side-tray { --band-dot: 26px; pointer-events: none; }
.top-dock { font-size: var(--feature-note); }
.unit-tab { flex-wrap: wrap; gap: 10px; align-items: center; display: flex; }
.gold-shape { font-size: 46px; line-height: 1; }
.jackpot-foot { letter-spacing: 1px; font-size: 14px; color: var(--foot-set); }
.media-area { font-size: var(--page-rear); width: 100%; color: var(--race-view); }
.frame-star { display: grid; gap: 4px; width: 100%; }
.frame-star li { gap: 8px; color: var(--race-view); display: grid; grid-template-columns: 12px 1fr; font-size: 11px; align-items: center; }
.feature-frame { height: 6px; overflow: hidden; border-radius: 999px; background: var(--lead-core); }
.feature-frame span { background: var(--view-core); height: 100%; display: block; }
.page-label { list-style: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; gap: 14px; padding: 0; }
.pill-pane { display: grid; align-content: start; gap: 10px; padding: 22px; }
.pill-pane p { font-size: var(--page-top); color: var(--slab-main); }
.core-line { margin-top: auto; font-size: var(--page-rear); color: var(--race-view); }
@media (max-width: 1100px) { .band-step { grid-template-columns: 1fr; } }
@media (max-width: 760px) { .page-label { grid-template-columns: 1fr; } }
.table-deal { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; }
.ace-side { display: grid; gap: 4px; min-width: 0; }
.row-line { display: block; }
.stack-dock { position: absolute; background: linear-gradient(transparent, rgba(0, 0, 0, 0.9) 55%); left: 0; right: 0; bottom: 0; z-index: 1; text-align: center; padding: 22px 6px 8px }
.stack-dock .game-vip { display: inline-block; padding: 3px 8px; border-radius: 999px; background: var(--view-core); color: var(--dock-gold); font-size: 12px; font-weight: 700; }
.stack-dock.mark-band .game-vip { font-size: 13px; box-shadow: 0 0 18px color-mix(in srgb, var(--view-core) 60%, transparent); }
.row-outer { margin-top: 4px; font-size: var(--page-top); white-space: nowrap; overflow: hidden; font-weight: 600; text-overflow: ellipsis; }
.stage-live { font-size: var(--page-rear); color: var(--race-view); }
@media (max-width: 1180px) { .table-deal { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 560px) { .table-deal { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.crown-table { gap: 18px; align-items: center; grid-template-columns: minmax(0, 1fr) auto; display: grid; }
.reel-ring { margin: 0; list-style: none; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); padding: 0; filter: drop-shadow(0 12px 18px rgba(0, 0, 0, 0.18)); }
.band-field { --edge-list: 26px; display: grid; grid-template-columns: 40px minmax(0, 1fr); align-items: center; gap: 12px; min-height: 116px; margin-left: calc(var(--edge-list) * -1 + 4px); padding: 16px 18px 16px calc(var(--edge-list) + 20px); background: var(--nav-crown); clip-path: polygon(0 0, calc(100% - var(--edge-list)) 0, 100% 50%, calc(100% - var(--edge-list)) 100%, 0 100%, var(--edge-list) 50%) }
.tab-tile { border-radius: var(--offer-link) 0 0 var(--offer-link); clip-path: polygon(0 0, calc(100% - var(--edge-list)) 0, 100% 50%, calc(100% - var(--edge-list)) 100%, 0 100%); padding-left: 20px; margin-left: 0; }
.cell-crest { background: var(--wrap-lead); }
.note-deal { background: color-mix(in srgb, var(--view-core) 22%, var(--nav-crown)); }
.note-deal .field-bonus, .note-deal .star-set { color: var(--note-offer); opacity: 0.85; }
.slot-box { background: var(--view-core); color: var(--dock-gold); }
.slot-box .field-bonus, .slot-box .star-set { color: inherit; opacity: 0.8; }
.card-slab { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: var(--side-dice); color: var(--view-core); font-size: 20px; }
.set-gold { min-width: 0; gap: 2px; display: grid; }
.star-set { font-size: 11px; letter-spacing: var(--core-pane); text-transform: uppercase; color: var(--race-view); }
.field-bonus { font-size: 12px; color: var(--slab-main); }
@media (max-width: 1100px) { .crown-table { grid-template-columns: 1fr; } .offer-tab { justify-self: center; } }
@media (max-width: 760px) { .reel-ring { grid-template-columns: 1fr; gap: 6px; filter: none; }
  .band-field, .tab-tile { margin-left: 0; padding: 14px 18px; min-height: 0; clip-path: none; border-radius: var(--card-link); } }
.view-inner { gap: clamp(28px, 5vw, 72px); grid-template-columns: minmax(240px, 0.8fr) minmax(0, 2fr); display: grid; }
.crown-unit { position: sticky; top: calc(var(--lead-area) + 28px); align-self: start; display: grid; gap: 16px; }
.shape-chip2 { font-size: clamp(28px, 2.6vw, 40px); }
.chip-top { color: var(--race-view); font-size: var(--page-rear); letter-spacing: 0.04em; }
.mark-foot { min-width: 0; display: grid; justify-items: start; gap: 24px; }
.mark-foot > * { max-width: 100%; }
.flag-item { color: var(--note-offer); line-height: 1.6; font-size: var(--mark-tab); }
.list-label { justify-self: stretch; width: 100%; min-width: 0; max-height: 560px; overflow: hidden; mask-image: linear-gradient(#000 60%, transparent) }
.gold-feature:checked ~ .list-label { max-height: none; mask-image: none; }
.shape-feature { display: grid; padding: 26px 0; gap: 12px 40px; grid-template-columns: minmax(160px, 0.7fr) minmax(0, 2fr); font-size: var(--page-top); border-top: var(--tab-head) solid var(--mark-head); line-height: 1.7 }
.zone-edge { color: var(--note-offer); line-height: 1.35; font-weight: 600; font-size: var(--chip-inner); }
.live-stage, .gold-feature:checked ~ .lead-bonus .tray-grid { display: none; }
.gold-feature:checked ~ .lead-bonus .live-stage { display: inline; }
.gold-feature:focus-visible ~ .lead-bonus { outline: 2px solid var(--view-core); outline-offset: 3px; }
@media (max-width: 1080px) { .view-inner { grid-template-columns: 1fr; }
  .crown-unit { position: static; } }
@media (max-width: 640px) { .shape-feature { grid-template-columns: 1fr; } }
.dot-jackpot { display: grid; gap: clamp(32px, 5vw, 80px); grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.reel-set { display: grid; align-content: start; gap: 16px; color: var(--slab-main); }
.ring-meta { margin-bottom: 8px; font-size: clamp(28px, 2.6vw, 38px); max-width: 20ch; color: var(--note-offer); }
.dice-deck { border-top: var(--tab-head) solid var(--strip-block); }
.promo-side { border-bottom: var(--tab-head) solid var(--strip-block); }
.promo-side summary { justify-content: space-between; padding: 20px 0; align-items: center; cursor: pointer; gap: 16px; display: flex; font-size: var(--mark-tab); list-style: none }
.promo-side summary::-webkit-details-marker { display: none; }
.promo-side summary .media-grid { color: var(--view-core); transition: transform var(--feature-area) var(--set-pill); }
.promo-side[open] summary .media-grid { transform: rotate(45deg); }
.promo-side p { padding: 0 48px 22px 0; color: var(--slab-main); }
@media (max-width: 900px) { .dot-jackpot { grid-template-columns: 1fr; } }
.edge-crest { background: var(--lead-core); border-top: var(--tab-head) solid var(--mark-head); }
.side-view { max-width: 1440px; margin: 0 auto; padding: 28px var(--tab-core) 20px; display: grid; gap: 20px; }
.item-live { gap: 16px 32px; flex-wrap: wrap; display: flex; align-items: center; }
.cell-head { flex: 1; min-width: 280px; }
.cell-head ul { font-size: var(--page-top); display: flex; flex-wrap: wrap; color: var(--slab-main); gap: 6px 20px; }
.cell-head a:hover { color: var(--view-core); }
.seal-deal { display: flex; gap: 8px; }
.lobby-pill { display: inline-flex; align-items: center; gap: 6px; height: 38px; padding: 0 10px; border-radius: var(--card-link); border: var(--tab-head) solid var(--strip-block); color: var(--race-view) }
.lobby-pill select { background: transparent; border: 0; outline: 0; color: var(--note-offer); font: inherit; font-size: var(--page-top); cursor: pointer; }
.lobby-pill option { color: #111; }
.note-copy { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 16px 24px; padding: 16px 20px; border-radius: var(--offer-link); background: var(--edge-line); border: var(--tab-head) solid var(--mark-head); font-size: var(--page-top); color: var(--slab-main) }
.note-copy :is(strong, b) { color: var(--note-offer); }
.strip-box { color: #fff; height: 42px; width: 42px; border-radius: 50%; font-size: 13px; place-items: center; background: var(--foot-set); display: grid; }
.feature-stack { display: flex; flex-wrap: wrap; gap: 6px; }
/*  v2  */
.feature-stack .stack-set svg { height: 16px; }
.feature-stack li { display: inline-flex; align-items: center; padding: 6px 10px; border-radius: var(--card-link); background: var(--lead-core); font: 500 11px/1 var(--crest-note); color: var(--race-view); }
.shape-lead { color: var(--race-view); font-size: var(--page-rear); line-height: 1.7; }
.outer-table { display: flex; color: var(--race-view); padding-top: 14px; border-top: var(--tab-head) solid var(--mark-head); justify-content: space-between; font-size: var(--page-rear); align-items: center; gap: 16px; }
@media (max-width: 900px) { .note-copy { grid-template-columns: auto minmax(0, 1fr); } .feature-stack { grid-column: 1 / -1; } }
:root { --dock-gold: #ffffff; --win-slab: rgba(209, 52, 42, 0.14); --dice-chip2: hsl(4 64% 58%); --view-core: hsl(4 67% 49%); }
:root { --view-core: #D1342A; --dice-chip2: #d95950; --win-slab: rgba(209, 52, 42, 0.14); --dock-gold: hsl(0 0% 100%); }
:root { --foot-main: 1280px; --promo-menu: 1deg; --top-game: 4px; --tab-head: 2px; }
.rear-meta, .win-bonus { position: static; }
svg.media-grid{width:1em;height:1em;display:inline-block;vertical-align:-0.125em;fill:currentColor}