@font-face { font-family: 'DM Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url(fonts/dm-mono-400-ext.aace7e60.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: 'DM Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url(fonts/dm-mono-400.361c9182.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: 'DM Mono'; font-style: normal; font-weight: 500; font-display: swap; src: url(fonts/dm-mono-500-ext.7e0d4ef1.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: 'DM Mono'; font-style: normal; font-weight: 500; font-display: swap; src: url(fonts/dm-mono-500.11436856.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 }
/*  base  */
:root { --table-row: 1.5px; --cell-flag: rgba(226, 85, 44, 0.1); --game-gold: 14px; --item-star: rgb(226 85 44); --line-foot: rgb(235, 226, 209); --slab-group: rgb(200, 67, 28); --win-slot: 0 18px 30px -16px rgba(22, 36, 66, 0.45); --dock-front: clamp(16px, 2.6vw, 40px); --jackpot-list: clamp(46px, 5vw, 76px); --pill-pill: rgb(29 92 140); --area-live: 3px; --tile-hero: rgb(228 216 195); --dock-line: 26px; --rail-game: rgb(22, 36, 66); --main-frame: 12px; --ace-strip: 260ms; --side-field: rgb(241, 233, 218); --row-main: 16px; --lobby-offer: 400; --hero-jackpot: rgb(210, 60, 90); color-scheme: light; --edge-pill: rgba(22, 36, 66, 0.13); --crest-view: 19px; --edge-deal: clamp(48px, 5vw, 72px); --dot-slab: 1.02; --crown-jackpot: 26px; --panel-front: 18px; --row-table: -0.01em; --core-edge: 999px; --card-chip2: "Gambarino", "Georgia", serif; --slab-club: radial-gradient(circle at 2px 2px, rgba(22, 36, 66, 0.14) 1.4px, transparent 1.8px) 0 0 / 18px 18px; --pill-bar: "Satoshi", "Segoe UI", Arial, sans-serif; --block-link: rgb(251, 247, 239); --deck-table: none; --offer-crest: repeating-linear-gradient(90deg, rgba(226, 85, 44, 0.08) 0 30px, transparent 30px 60px); --bar-item: rgb(31 138 91); --bar-tab: 0 0 0 1.5px var(--rail-game); --crown-promo: rgba(22, 36, 66, 0.6); --lobby-band: radial-gradient(45% 65% at 80% 55%, rgba(243, 180, 27, 0.35), transparent 70%); --feature-main: rgba(22, 36, 66, 0.26); --vip-band: brightness(0) opacity(0.85); --bonus-flag: rgb(75, 86, 112); --field-media: 74px; --core-live: 0px; --unit-media: 172px; --chip-strip: rgb(243 180 27); --ace-menu: rgb(125, 132, 151); --slot-deal: none; --media-note: 38px; --zone-nav: cubic-bezier(0.25, 0.8, 0.25, 1); --game-row: 12px; --stack-tray: 0.12em; --feature-cell: 252px; --field-menu: rgb(255, 249, 239); --area-note: 1.5deg; --strip-dice: "DM Mono", ui-monospace, monospace; --front-pill: rgb(243 236 223) }
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scrollbar-color: var(--tile-hero) transparent; }
body { margin: 0; background: var(--front-pill); color: var(--rail-game); font: 500 var(--row-main)/1.55 var(--pill-bar); -webkit-font-smoothing: antialiased }
body::after { z-index: 100; content: ""; position: fixed; inset: 0; pointer-events: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .55 0 0 0 0 .47 0 0 0 0 .36 0 0 0 .18 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); mix-blend-mode: multiply; opacity: 0.35 }
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
button { border: 0; padding: 0; cursor: pointer; background: none; color: inherit; font: inherit; }
h1, h2, h3, h4, p { margin: 0; }
ul { margin: 0; padding: 0; list-style: none; }
::selection { background: var(--chip-strip); color: var(--rail-game); }
:focus-visible { outline: 2px dashed var(--item-star); outline-offset: 3px; }
.bar-stage { font-size: 1.3em; line-height: 1; flex: none; }
.ph-duotone::before { opacity: 1; }
.deal-note { font-family: var(--strip-dice); font-variant-numeric: tabular-nums; letter-spacing: -0.02em; }
.table-head { position: absolute; height: 1px; width: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.band-pane { --label-table: 46px; display: inline-flex; align-items: center; justify-content: center; gap: 0.625rem; height: var(--label-table); padding: 0 1.5rem; border-radius: var(--core-edge); border: 1.5px solid var(--rail-game); font: 700 var(--game-gold)/1 var(--pill-bar); white-space: nowrap; transition: background var(--ace-strip) var(--zone-nav), color var(--ace-strip) var(--zone-nav), transform var(--ace-strip) var(--zone-nav) }
.panel-inner { --label-table: 38px; padding: 0 1.125rem; font-size: 13px; }
.box-club { --label-table: 56px; padding: 0 30px; font-size: 1rem; }
.dice-rail { background: var(--item-star); color: var(--field-menu); }
.dice-rail:hover { background: var(--rail-game); transform: translateY(-2px); }
.menu-bonus { background: transparent; color: var(--rail-game); }
.menu-bonus:hover { background: var(--chip-strip); }
.set-dot { display: inline-grid; place-items: center; width: 44px; height: 2.75rem; border-radius: 50%; border: 1.5px solid var(--feature-main); color: var(--rail-game); transition: background var(--ace-strip), border-color var(--ace-strip) }
.set-dot:hover { background: var(--chip-strip); border-color: var(--rail-game); }
.base-crest { display: flex; align-items: center; gap: 10px; height: 46px; padding: 0 0.5rem 0 1.125rem; border-radius: 999px; background: var(--block-link); border: 1.5px solid var(--feature-main); color: var(--ace-menu); transition: border-color var(--ace-strip) }
.base-crest:focus-within { border-color: var(--rail-game); color: var(--item-star); }
.base-crest input { flex: 1; min-width: 0; height: 100%; background: none; border: 0; outline: 0; color: var(--rail-game); font: inherit; font-size: var(--game-gold); }
.base-crest input::placeholder { color: var(--ace-menu); }
.base-crest kbd { font: 500 11px/1 var(--strip-dice); color: var(--bonus-flag); padding: 0.375rem 0.5625rem; border-radius: 62.4375rem; background: var(--line-foot); }
.deal-unit { display: inline-flex; align-items: center; gap: 8px; font: 700 var(--game-row)/1 var(--pill-bar); letter-spacing: var(--stack-tray); text-transform: uppercase; color: var(--item-star) }
.deal-unit::before { content: "✦"; font-size: 13px; color: var(--chip-strip); -webkit-text-stroke: 0.6px var(--rail-game); }
.side-area { font-family: var(--card-chip2); font-weight: var(--lobby-offer); text-transform: var(--slot-deal); letter-spacing: var(--row-table); line-height: var(--dot-slab) }
.side-area em { color: var(--item-star); font-style: normal; background: linear-gradient(transparent 62%, rgba(243, 180, 27, 0.55) 62% 92%, transparent 92%) }
.vip-zone { display: inline-flex; align-items: center; height: 22px; padding: 0 10px; border-radius: 999px; border: 1.5px solid var(--rail-game); font: 700 10.5px/1 var(--pill-bar); letter-spacing: 0.06em; text-transform: uppercase; background: var(--chip-strip); color: var(--rail-game) }
.card-stack { background: var(--item-star); color: var(--field-menu); }
.shape-deal { background: rgb(201, 236, 214); color: rgb(15, 77, 49); }
.spin-block { position: relative; background: var(--block-link); border: 1.5px solid var(--feature-main); border-radius: var(--crown-jackpot) }
.live-flag { position: relative; border-radius: 200px 200px 28px 28px; overflow: hidden; padding: 0.625rem; background: var(--block-link); border: 1.5px solid var(--rail-game) }
.live-flag::before { position: absolute; content: ""; inset: 0.625rem; border-radius: 190px 190px 20px 20px; background:
    radial-gradient(circle at 50% 42%, var(--chip-strip) 0 34%, transparent 34.5%),
    repeating-linear-gradient(90deg, var(--item-star) 0 22px, rgb(246 217 200) 22px 44px) }
.live-flag img { height: 100%; position: relative; object-fit: cover; mix-blend-mode: normal; width: 100%; border-radius: 11.875rem 11.875rem 1.25rem 1.25rem; }
.unit-zone { flex: none; display: inline-block; width: 8px; height: 0.5rem; border-radius: 50%; background: var(--bar-item); box-shadow: 0 0 0 2px rgba(31, 138, 91, 0.2) }
.win-win { display: grid; gap: 4px; }
.shape-vip { font-size: 11px; font-weight: 700; color: var(--ace-menu); text-transform: uppercase; letter-spacing: var(--stack-tray); }
.body-pill { font: 500 20px/1.1 var(--strip-dice); color: var(--rail-game); }
.game-lobby { gap: 6px; text-decoration: underline; align-items: center; text-underline-offset: 5px; font-weight: 700; font-size: var(--game-gold); transition: color var(--ace-strip); color: var(--rail-game); text-decoration-thickness: 2px; display: inline-flex; text-decoration-color: var(--item-star) }
.game-lobby .deal-note { font-weight: 400; color: var(--ace-menu); text-decoration: none; }
.game-lobby:hover { color: var(--item-star); }
.race-row { display: flex; margin-bottom: 20px; align-items: center; gap: 0.875rem; }
.flag-copy { display: none; }
.tile-game { white-space: nowrap; font: 400 var(--media-note)/1 var(--card-chip2); align-items: center; display: flex; gap: 0.75rem; letter-spacing: -0.01em }
.tile-game .bar-stage { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 2.625rem; border-radius: 50%; font-size: 22px; color: var(--item-star); background: var(--chip-strip); border: 1.5px solid var(--rail-game) }
.copy-strip { flex: 1; border-top: 2px dotted var(--feature-main); height: 0; min-width: 24px; }
.field-spin { display: flex; gap: 6px; }
.race-row .game-lobby { white-space: nowrap; }
.game-dot { display: grid; place-items: center; width: 2.25rem; height: 36px; border-radius: 50%; border: 1.5px solid var(--rail-game); color: var(--rail-game); transition: background var(--ace-strip), color var(--ace-strip), opacity var(--ace-strip) }
.game-dot:hover { background: var(--rail-game); color: var(--field-menu); }
.game-dot[disabled] { opacity: 0.25; pointer-events: none; }
@media (max-width: 720px) { .tile-game { min-width: 0; font-size: 28px; white-space: normal; }
  .race-row .game-lobby { flex: none; }
  .tile-game .bar-stage { font-size: 18px; height: 34px; width: 34px; }
  .copy-strip, .field-spin { display: none; }
  .race-row .game-lobby { margin-left: auto; }
  .race-row .game-lobby .deal-note { display: none; } }
.panel-bonus { grid-auto-columns: var(--unit-media); grid-auto-flow: column; overflow-x: auto; scroll-snap-type: x mandatory; overscroll-behavior-x: contain; scrollbar-width: none; gap: 1rem; padding: 2px 2px 8px; display: grid }
.panel-bonus::-webkit-scrollbar { display: none; }
.panel-bonus > * { scroll-snap-align: start; }
.flag-grid { display: grid; grid-template-columns: minmax(0, 1fr); min-width: 0; gap: 10px; padding: 6px 6px 12px; border-radius: calc(var(--panel-front) + 6px); background: var(--block-link); border: 1.5px solid var(--edge-pill); transition: border-color var(--ace-strip), transform var(--ace-strip) var(--zone-nav) }
.deal-set { overflow: hidden; position: relative; background: var(--side-field); border-radius: var(--panel-front); aspect-ratio: var(--vip-bonus, 3 / 2) }
.deal-set img { width: 100%; height: 100%; object-fit: cover; transition: transform 700ms var(--zone-nav); }
.crown-main { position: absolute; top: 8px; left: 0.5rem; z-index: 1; }
.flag-grid:hover { border-color: var(--rail-game); transform: translateY(-3px); }
.flag-grid:hover .deal-set img { transform: scale(1.04); }
.inner-gold { padding: 0 6px; }
.win-seal { overflow: hidden; font-size: var(--game-gold); font-weight: 700; white-space: nowrap; text-overflow: ellipsis; }
.club-core { display: flex; align-items: center; color: var(--ace-menu); justify-content: space-between; gap: 0.5rem; margin-top: 2px; font-size: var(--game-row); }
.club-core > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.dot-box { display: inline-flex; flex: none; font-family: var(--strip-dice); gap: 0.375rem; color: var(--bonus-flag); align-items: center; }
/*  temp  */
.vip-unit { align-items: center; text-decoration: none; color: var(--rail-game); display: inline-flex; white-space: nowrap; line-height: 1; --deck-dice: 34px; font-size: var(--deck-dice); gap: 0.3em }
.step-panel { --deck-dice: 44px; }
.foot-mark { font-family: var(--card-chip2); font-weight: var(--lobby-offer); text-transform: var(--slot-deal); letter-spacing: var(--row-table); font-size: 0.74em; line-height: 1 }
.stack-group { position: relative; flex: none; }
@media (max-width: 720px) { .band-label .vip-unit { --deck-dice: 28px; } }
.jackpot-mark { transform: rotate(calc(-8deg - var(--area-note) * 2)); width: 0.9em; grid-template-rows: repeat(3, 1fr); padding: 0.12em; background: var(--item-star); grid-template-columns: repeat(3, 1fr); border-radius: max(0.06em, calc(var(--main-frame) * 0.02 + 0.14em)); height: 0.9em; box-shadow: 0.07em 0.07em 0 0 color-mix(in srgb, var(--item-star) 55%, #000); display: grid }
.jackpot-mark i { display: grid; place-items: center; }
.jackpot-mark i.edge-stack::before { content: ""; width: 0.17em; height: 0.17em; border-radius: 50%; background: var(--field-menu) }
.band-label { gap: 1.5rem;
  height: var(--field-media); top: 0; z-index: 30;
  position: sticky;
  background: color-mix(in srgb, var(--front-pill) 88%, transparent);
  backdrop-filter: blur(12px);
  padding: 0 var(--dock-front) 0 18px; align-items: center;
  border-bottom: var(--table-row) solid var(--edge-pill);
  display: flex }
.block-main { display: flex; align-items: center; gap: 10px; margin-left: auto; }
.bonus-pane { padding: 1.125rem 0.875rem 2rem; }
.meta-panel { display: flex; padding: 0; flex-direction: column; gap: 0.25rem; margin: 0; list-style: none; }
.mark-edge { display: grid; grid-template-columns: 1fr 1fr; gap: 0.5rem; margin-bottom: 1.125rem; }
.group-seal {
  display: grid; justify-items: center; gap: 0.375rem;
  padding: 0.625rem 0.375rem 0.75rem;
  background: var(--block-link);
  border: var(--table-row) solid var(--edge-pill);
  border-radius: var(--crown-jackpot);
  box-shadow: var(--deck-table);
  font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--bonus-flag);
  transition: border-color var(--ace-strip), color var(--ace-strip), transform var(--ace-strip) var(--zone-nav) }
.dice-wrap { place-items: center; height: 3.25rem; color: var(--field-menu); border-radius: 50%; width: 52px; display: grid; background: radial-gradient(circle at 35% 30%, var(--slab-group), var(--item-star) 70%); box-shadow: 0 6px 16px -8px var(--item-star); font-size: 28px; }
.group-seal:nth-child(2) .dice-wrap { background: radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--bar-item) 70%, #fff), var(--bar-item) 70%); box-shadow: 0 6px 16px -8px var(--bar-item); }
.group-seal:hover { color: var(--rail-game); border-color: var(--item-star); transform: translateY(calc(var(--area-live) * -1)); }
.ace-gold {
  margin: 1.375rem 0.625rem 0.5rem;
  font-size: var(--game-row);
  color: var(--ace-menu); text-transform: uppercase; letter-spacing: var(--stack-tray) }
.field-item {
  position: relative;
  display: flex; align-items: center; gap: 0.75rem;
  height: 40px; padding: 0 10px;
  border-radius: var(--main-frame);
  font-size: 14px; color: var(--bonus-flag);
  transition: color var(--ace-strip), background var(--ace-strip) }
.field-item .vip-zone { margin-left: auto; }
.field-item:hover { color: var(--rail-game); background: var(--block-link); }
.field-item.deal-club { color: var(--rail-game); background: var(--block-link); }
.field-item.deal-club .bar-stage { color: var(--item-star); }
.bar-hero { min-width: 0; }
.stack-crown {
  max-width: var(--box-field, 1440px); gap: var(--edge-deal); margin: 0 auto; grid-template-columns: minmax(0, 1fr);
  display: grid;
  padding: 28px var(--dock-front) var(--edge-deal) }
.chip2-label { display: none; }
.main-chip2.grid-star .chip2-label { inset: 0; z-index: 35; display: block; background: rgba(0, 0, 0, 0.55); position: fixed; }
.table-panel { left: 0;
  transform: translateX(-102%); z-index: 40;
  border-right: var(--table-row) solid var(--edge-pill);
  background: var(--front-pill); transition: transform 320ms var(--zone-nav);
  width: min(300px, 86vw); top: 0; bottom: 0;
  position: fixed;
  overflow-y: auto }
.main-chip2.grid-star .table-panel { transform: none; }
@media (max-width: 720px) {
  .band-label { gap: 0.75rem; padding: 0 16px 0 12px; }
  .block-main { min-width: 0; }
  .band-label .crown-slab { display: none; }
  .block-main .menu-bonus { display: none; }
 }
@media (max-width: 480px) {
  .band-label { gap: 8px; padding-right: 10px; }
  .block-main { gap: 6px; }
  .block-main .band-pane { padding: 0 0.75rem; letter-spacing: 0.02em; }
 }
.offer-offer { min-height: 100vh; display: grid; grid-template-columns: 88px minmax(0, 1fr); }
.deal-grid { position: sticky; top: 0; height: 100vh; display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 16px 8px; background: var(--line-foot); border-right: var(--table-row) solid var(--edge-pill); overflow-y: auto; scrollbar-width: none }
.field-chip2 { margin-top: 0.375rem; display: grid; gap: 4px; width: 100%; }
.stage-meta { gap: 5px; text-align: center; line-height: 1.1; transition: color var(--ace-strip), background var(--ace-strip); font-size: 0.625rem; color: var(--ace-menu); padding: 0.625rem 2px 0.5625rem; justify-items: center; display: grid; border-radius: var(--main-frame) }
.stage-meta .bar-stage { font-size: 1.375rem; color: var(--bonus-flag); }
.stage-meta:hover { color: var(--rail-game); background: var(--block-link); }
.stage-meta.deal-club { color: var(--rail-game); background: var(--side-field); }
.stage-meta.deal-club .bar-stage { color: var(--item-star); }
.grid-head { margin-top: auto; width: 100%; }
.base-flag { min-width: 0; }
.offer-offer .band-label { gap: 1.75rem; }
.ring-crest { display: none; }
.item-vip { display: flex; gap: 0.25rem; }
.base-dot { display: inline-flex; align-items: center; height: 38px; padding: 0 0.875rem; border-radius: var(--core-edge); font-size: var(--game-gold); font-weight: 500; color: var(--bonus-flag); transition: color var(--ace-strip), background var(--ace-strip) }
.base-dot:hover { color: var(--rail-game); }
.base-dot.deal-club { color: var(--rail-game); background: var(--side-field); box-shadow: inset 0 calc(var(--table-row) * -2) 0 var(--item-star); }
.table-label { width: 260px; }
@media (max-width: 1280px) { .item-vip { display: none; } }
@media (max-width: 900px) { .offer-offer { grid-template-columns: minmax(0, 1fr); }
  .deal-grid { display: none; }
  .ring-crest { display: inline-grid; } }
@media (max-width: 720px) { .table-label { display: none; } }
.live-top { color: var(--bonus-flag); }
.live-top p { margin: 0 0 1em; }
.live-top p:last-child { margin-bottom: 0; }
.stack-flag { color: var(--rail-game); font-weight: 600; font-size: var(--crest-view); margin: 1.4em 0 0.5em; }
.block-gold, .dice-zone { display: grid; list-style: none; padding: 0; margin: 0 0 1.1em; gap: 0.55em; }
/*  layout  */
.block-gold li { position: relative; padding-left: 1.4em; }
.block-gold li::before { border-radius: calc(var(--main-frame) * 0.2);
  content: ""; position: absolute; left: 0.1em;
  background: var(--item-star);
  width: 0.45em; top: 0.62em;
  transform: rotate(45deg); height: 0.45em }
.dice-zone { counter-reset: step; }
.dice-zone li { counter-increment: step; position: relative; padding-left: 2.3em; min-height: 1.7em; }
/*  overrides  */
.dice-zone li::before {
  display: grid; height: 1.7em; width: 1.7em; top: -0.05em;
  position: absolute;
  content: counter(step); place-items: center; border-radius: 50%;
  font: 600 0.8em/1 var(--strip-dice); left: 0;
  background: var(--item-star); color: var(--field-menu) }
.live-top, .live-top > * { min-width: 0; }
.strip-edge { max-width: 100%; margin: 0 0 1.1em; overflow-x: auto; border: var(--table-row) solid var(--edge-pill); border-radius: var(--main-frame); }
.strip-edge table { width: 100%; border-collapse: collapse; font-size: var(--game-gold); }
.strip-edge th, .strip-edge td { white-space: nowrap; border-bottom: var(--table-row) solid var(--edge-pill); text-align: left; padding: 10px 14px; }
.strip-edge tbody tr:last-child > * { border-bottom: 0; }
.strip-edge thead th { font-size: var(--game-row); font-weight: 600; letter-spacing: var(--stack-tray); text-transform: uppercase; background: var(--block-link); color: var(--ace-menu); }
.strip-edge tbody th { font-weight: 600; color: var(--rail-game); }
.strip-edge caption { text-align: left; letter-spacing: var(--stack-tray); border-bottom: var(--table-row) solid var(--edge-pill); text-transform: uppercase; caption-side: top; padding: 0.625rem 0.875rem; font-weight: 600; color: var(--item-star); font-size: var(--game-row); }
.strip-edge tbody tr:nth-child(even) > * { background: color-mix(in srgb, var(--side-field) 45%, transparent); }
.band-tray, .offer-nav { font-weight: 700; width: 22px; place-items: center; display: inline-grid; height: 22px; border-radius: 50%; font-size: 12px; }
.band-tray { background: color-mix(in srgb, var(--bar-item) 18%, transparent); color: var(--bar-item); }
.offer-nav { background: color-mix(in srgb, var(--hero-jackpot) 14%, transparent); color: var(--hero-jackpot); }
.game-stack tbody th { white-space: normal; width: 42%; color: var(--bonus-flag); font-weight: 500; }
.game-stack td { white-space: normal; font-weight: 600; color: var(--rail-game); }
.view-unit td, .view-unit thead th:not(:first-child) { text-align: center; }
.view-unit tbody td:nth-child(2), .view-unit thead th:nth-child(2) { background: var(--cell-flag) !important; }
.view-unit thead th:nth-child(2) { color: var(--item-star); }
@media (max-width: 520px) { .race-row { flex-wrap: wrap; row-gap: 8px; } }
img.top-bonus, img.crest-foot, img.stage-dot { background-color: var(--wrap-mark, var(--side-field)); }
.top-band { --vip-bonus: 3 / 4; position: relative; }
.top-band img {
  object-fit: contain !important; object-position: 50% 0 !important;
  background: linear-gradient(180deg, color-mix(in srgb, var(--wrap-mark, #222) 72%, rgb(11, 11, 16)) 0 50%, color-mix(in srgb, var(--wrap-mark, #222) 38%, rgb(11, 11, 16))) !important }
.top-band::before { right: 0; left: 0; background: linear-gradient(rgba(0, 0, 0, 0.28), transparent); pointer-events: none; position: absolute; content: ""; top: 49%; height: 24%; z-index: 1; }
.tile-live { display: grid; color: #fff; bottom: 12px; position: absolute; left: 0.625rem; gap: 2px; text-shadow: 0 1px 6px rgba(0, 0, 0, 0.45); z-index: 2; pointer-events: none; right: 0.625rem; }
.reel-zone { text-transform: var(--slot-deal); display: -webkit-box; font-size: 17px; font-weight: var(--lobby-offer); overflow: hidden; letter-spacing: var(--row-table); font-family: var(--card-chip2); -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 1.05; }
/*  legacy  */
.copy-promo { font-size: 11px; opacity: 0.78; }
.deal-set.top-band + .inner-gold, .deal-set.top-band + .reel-dock { display: none; }
img.tile-deck {
  background: none !important; border: 0 !important; border-radius: 0 !important; padding: 0 !important;
  box-shadow: none !important; mask-image: none !important }
.set-stack {
  position: relative; align-self: stretch; justify-self: center;
  width: 100%; min-height: var(--stack-top, 340px);
  pointer-events: none }
.set-stack .step-vip {
  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) {
  .set-stack { align-self: auto; min-height: var(--panel-nav, 260px); }
  .set-stack .step-vip { object-position: 50% 100%; }
 }
img.lobby-table { object-fit: contain; filter: var(--vip-band, none); border-radius: 0; }
.deck-star { display: inline-flex; align-items: center; gap: 0.5em; line-height: 1; vertical-align: middle; }
.deck-star svg { flex: none; width: auto; height: 1.6em; max-width: 3em; }
.body-page { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.label-jackpot { display: inline-flex; gap: 0.75rem; align-items: center; text-transform: uppercase; font-size: 0.75rem; letter-spacing: 0.04em; }
.label-jackpot a { color: var(--bonus-flag); text-decoration: none; }
.label-jackpot a:hover { color: var(--item-star); }
.label-jackpot a.deal-club { color: var(--rail-game); font-weight: 600; }
.menu-side { display: block; }
.game-rail { color: var(--item-star); }
.jackpot-page {
  display: block; margin-top: 0.5em;
  font-family: var(--tile-chip2); font-weight: 600; font-size: clamp(12px, 0.22em, 17px); line-height: 1.2;
  letter-spacing: var(--stack-tray); text-transform: uppercase; color: inherit; opacity: 0.72 }
.jackpot-block { font-weight: var(--lobby-offer);
  margin: 0;
  letter-spacing: var(--row-table); line-height: 1.05; text-transform: var(--slot-deal); font-size: clamp(22px, 2.4vw, 38px); display: block;
  font-family: var(--card-chip2) }
.media-chip2 { font-style: normal; color: var(--item-star); }
.edge-line { display: inline-flex; align-items: baseline; flex-wrap: wrap; line-height: 1.3; gap: 6px; font-size: var(--game-row); color: var(--ace-menu); }
.chip-pane { letter-spacing: var(--stack-tray); text-transform: uppercase; }
.view-dock { font-weight: 600; color: var(--rail-game); }
.card-bar { color: rgba(255, 255, 255, 0.72); }
.card-bar .view-dock { color: #fff; }
.copy-step { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.deck-area { transition: color .15s, border-color .15s, background-color .15s; display: inline-flex; gap: 0.375rem; border-radius: var(--main-frame); align-items: center; color: var(--ace-menu); padding: 0 10px; font-size: var(--game-row); height: 28px; }
.deck-area:hover { color: var(--rail-game); }
.deck-area .bar-stage { font-size: 1.25em; }
.row-deck .deck-area { background: var(--line-foot); border-radius: var(--core-edge); }
.row-block .deck-area { border: var(--table-row) solid var(--feature-main); }
.row-block .deck-area:hover { border-color: var(--crown-promo); }
.tile-wrap .deck-area { background: var(--block-link); font-weight: 600; border: var(--table-row) solid var(--edge-pill); }
.feature-deck { gap: 4px 18px; }
.feature-deck .deck-area { text-decoration-color: var(--crown-promo); height: auto; padding: 0; text-decoration: underline; text-underline-offset: 3px; }
.head-table .deck-area { border-radius: 0; text-transform: uppercase; padding: 0 0.5rem; font: 500 11px/1 var(--strip-dice); letter-spacing: 0.08em; border-left: 2px solid var(--item-star); }
a[role="button"] { cursor: pointer; }
.box-frame { display: none; }
@media (max-width: 640px) {
  .dot-lobby { overflow: visible; border: 0; border-radius: 0; }
  .dot-lobby thead { display: none; }
  .dot-lobby table, .dot-lobby tbody, .dot-lobby tr { display: block; width: 100%; }
  .dot-lobby caption { display: block; padding: 0 0 8px; }
  .dot-lobby tr { margin: 0 0 0.625rem; border: var(--table-row) solid var(--edge-pill); border-radius: var(--main-frame); overflow: hidden; }
  .dot-lobby tbody tr > * { background: none; }
  .dot-lobby tbody th { display: block; white-space: normal; border-bottom: var(--table-row) solid var(--edge-pill); background: color-mix(in srgb, var(--side-field) 70%, transparent); }
  .dot-lobby td { align-items: baseline; gap: 14px; display: flex; white-space: normal; text-align: right; justify-content: space-between; }
  .dot-lobby tbody tr > td:last-child { border-bottom: 0; }
  .dot-lobby tbody tr:last-child > th { border-bottom: var(--table-row) solid var(--edge-pill); }
  .dot-lobby .box-frame { font-size: var(--game-row); display: block; flex: none; text-align: left; color: var(--ace-menu); max-width: 48%; font-weight: 600; letter-spacing: var(--stack-tray); text-transform: uppercase; }
 }
.dock-nav { padding: clamp(28px, 5vw, 64px) 0; }
.game-field { gap: 0.875rem; margin: 0 auto; display: grid; max-width: 48.75rem; }
.field-cell { font-size: clamp(32px, 4.4vw, 52px); line-height: 1.05; }
.bonus-panel { font-size: var(--game-gold); color: var(--ace-menu); }
.zone-gold { font-size: var(--crest-view); color: var(--bonus-flag); }
.lead-zone { gap: 0.75rem; margin-top: 8px; display: grid; }
.lead-zone h2 { font-size: var(--dock-line); margin-top: 1.125rem; color: var(--rail-game); }
.deal-box { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); list-style: none; margin: 0.5rem 0; padding: 0; display: grid; gap: 0.625rem; }
.deal-box li { display: grid; gap: 4px; padding: 16px 18px; border: var(--table-row) solid var(--edge-pill); border-radius: var(--crown-jackpot); background: var(--block-link); }
.page-table { font-size: var(--game-row); text-transform: uppercase; letter-spacing: var(--stack-tray); color: var(--ace-menu); }
.gold-side { word-break: break-word; color: var(--rail-game); font-weight: 600; }
.bonus-hero { font-size: var(--game-gold); color: var(--bonus-flag); }
.card-game { flex-wrap: wrap; margin: 0.875rem 0 0.25rem; gap: 8px 18px; display: flex; font-size: var(--game-gold); }
.card-game a { color: var(--bonus-flag); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: color-mix(in srgb, currentColor 35%, transparent); }
.card-game a:hover { color: var(--rail-game); }
.band-label { background: color-mix(in srgb, var(--front-pill) 92%, transparent); border-top: 6px solid transparent; border-image: repeating-linear-gradient(90deg, var(--item-star) 0 26px, var(--block-link) 26px 52px) 6 0 0 0 / 6px 0 0 0 }
.hero-cell { background: var(--line-foot); }
.field-item { font-weight: 500; height: 2.625rem; border-radius: 999px; color: var(--bonus-flag); padding: 0 14px; }
.field-item:hover { background: var(--block-link); }
.field-item.deal-club { background: var(--rail-game); color: var(--field-menu); }
.field-item.deal-club .bar-stage { color: var(--chip-strip); }
.field-item .bar-stage { color: var(--item-star); }
.ace-gold { font-weight: 700; color: var(--ace-menu); }
.group-seal { border-radius: 1.25rem; font-weight: 700; color: var(--rail-game); }
.group-seal img { border-radius: 50%; }
.group-seal:hover { border-color: var(--rail-game); }
.bar-rear { display: grid; grid-template-columns: minmax(0, 2.2fr) minmax(260px, 1fr); gap: 0.875rem; }
.rear-band { position: relative; overflow: hidden; isolation: isolate; }
.rear-band::before { background: var(--lobby-band), var(--offer-crest); content: ""; z-index: -1; inset: 0; position: absolute; }
.tray-panel { display: grid; grid-auto-flow: column; grid-auto-columns: 100%; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none }
.tray-panel::-webkit-scrollbar { display: none; }
.tile-line { scroll-snap-align: start; display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); align-items: center; gap: 24px; min-height: 400px; padding: 40px 40px 76px clamp(24px, 4vw, 52px) }
.mark-field { display: grid; justify-items: start; gap: 1.125rem; }
.live-front { font-size: clamp(36px, 3.6vw, 60px); max-width: 13ch; }
.live-front em { display: block; }
.row-front { max-width: 42ch; color: var(--bonus-flag); }
.top-star { aspect-ratio: 1; width: min(100%, 320px); transform: rotate(calc(var(--area-note) * -1)); justify-self: center; border-radius: var(--panel-front); box-shadow: var(--win-slot); object-fit: cover }
.menu-reel { display: flex; gap: 0.75rem; align-items: center; bottom: 22px; left: clamp(24px, 4vw, 52px); position: absolute }
.pane-promo { display: flex; gap: 0.375rem; }
.strip-bar { width: 22px; height: 4px; border-radius: var(--main-frame); background: var(--feature-main); transition: width var(--ace-strip) var(--zone-nav), background var(--ace-strip); }
.strip-bar.deal-club { width: 44px; background: var(--item-star); }
.chip-tab { gap: 0.875rem; grid-template-rows: 1fr 1fr; display: grid; }
.game-copy { display: grid; grid-template-columns: 112px minmax(0, 1fr); align-items: center; gap: 1.125rem; padding: 1rem; overflow: hidden; transition: transform var(--ace-strip) var(--zone-nav), box-shadow var(--ace-strip) }
.game-copy:hover { transform: translateY(calc(var(--area-live) * -1)); box-shadow: var(--bar-tab); }
.game-copy img { height: 112px; width: 112px; object-fit: cover; border-radius: var(--panel-front); }
.area-link { display: grid; gap: 0.5rem; }
.item-slot { font-size: 24px; }
.tab-table { display: inline-flex; align-items: center; gap: 0.375rem; font-size: var(--game-row); color: var(--bonus-flag); }
@media (max-width: 1180px) { .bar-rear { grid-template-columns: 1fr; }
  .chip-tab { grid-template-rows: none; grid-template-columns: 1fr 1fr; } }
@media (max-width: 720px) { .tile-line { padding: 24px 20px 76px; grid-template-columns: 1fr; min-height: 0; }
  .top-star { order: -1; width: 11.25rem; }
  .menu-reel { left: 1.25rem; }
  .chip-tab { grid-template-columns: 1fr; }
  .game-copy { grid-template-columns: 84px minmax(0, 1fr); }
  .game-copy img { width: 84px; height: 5.25rem; } }
.area-zone { --stack-top: 320px; width: min(100%, 380px); }
@media (max-width: 720px) { .area-zone { --panel-nav: min(64vw, 280px); order: -1; justify-self: start; width: min(78vw, 320px); } }
.zone-vip .panel-bonus { --unit-media: clamp(200px, calc((100% - 14px * 4) / 5), 300px); }
@media (max-width: 720px) { .zone-vip .panel-bonus { --unit-media: 64vw; } }
.stage-mark { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.bonus-slot { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); align-items: center; min-height: 280px; overflow: hidden; isolation: isolate; }
.bonus-slot::before { position: absolute; inset: 0; content: ""; background: var(--lobby-band); z-index: -1; }
.lobby-stack::before { background: var(--slab-club); opacity: 0.8; }
.grid-meta { gap: 0.625rem; display: grid; padding: 1.75rem 0 1.75rem 1.75rem; justify-items: start; }
.nav-crest { font-size: clamp(24px, 2.2vw, 34px); }
.core-nav { font-size: var(--game-gold); color: var(--bonus-flag); }
.media-table { align-items: center; gap: 6px; display: inline-flex; color: var(--ace-menu); font-size: var(--game-row); }
.head-vip { margin-right: -18%; box-shadow: var(--win-slot); justify-self: end; width: 118%; object-fit: cover; aspect-ratio: 1; max-width: none; border-radius: 50% 0 0 50% }
@media (max-width: 1080px) { .stage-mark { grid-template-columns: 1fr; } }
@media (max-width: 560px) { .bonus-slot { grid-template-columns: 1fr; }
  .head-vip { order: -1; justify-self: stretch; border-radius: 0; margin: 0; width: 100%; aspect-ratio: 16 / 9; }
  .grid-meta { padding: 20px; } }
.pill-band { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 14px; }
.strip-unit { display: grid; overflow: hidden; grid-template-columns: minmax(0, 1fr) minmax(0, 0.9fr); padding: 2rem; align-items: center; gap: 20px }
.menu-live { display: grid; justify-items: start; gap: 14px; }
.box-list { font-size: clamp(32px, 3vw, 48px); }
.bonus-copy { object-fit: cover; width: 100%; transform: rotate(var(--area-note)); aspect-ratio: 1; border-radius: var(--panel-front); }
.win-block { font-size: var(--game-gold); color: var(--bonus-flag); }
.stage-stage { display: grid; gap: 0.875rem; }
.shape-box { display: grid; grid-template-columns: 110px minmax(0, 1fr); align-items: center; gap: 18px; transition: transform var(--ace-strip) var(--zone-nav), box-shadow var(--ace-strip), border-color var(--ace-strip); padding: 12px 18px 12px 12px }
.shape-box:hover { transform: translateX(4px); border-color: var(--crown-promo); }
.shape-box img { width: 6.875rem; height: 110px; border-radius: var(--main-frame); object-fit: cover; }
.tab-front { display: grid; gap: 0.375rem; }
.label-club { font-size: var(--dock-line); }
.gold-flag { display: inline-flex; align-items: center; gap: 0.375rem; font-size: var(--game-row); color: var(--item-star); }
@media (max-width: 1180px) { .pill-band { grid-template-columns: 1fr; } }
@media (max-width: 600px) { .strip-unit { grid-template-columns: 1fr; padding: 1.375rem; }
  .bonus-copy { order: -1; width: 60%; }
  .shape-box { grid-template-columns: 80px minmax(0, 1fr); }
  .shape-box img { width: 80px; height: 5rem; } }
.step-hero { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 28px; margin-bottom: 1.125rem; }
.bonus-view { font-size: var(--dock-line); }
.flag-base { color: var(--bonus-flag); font-size: var(--game-gold); min-width: 16.25rem; flex: 1; }
.cell-nav { grid-template-columns: repeat(4, minmax(0, 1fr)) minmax(0, 1.25fr); gap: 0.75rem; padding: 0; display: grid; margin: 0; list-style: none; }
.chip-group { isolation: isolate; display: grid; align-content: start; justify-items: center; gap: 0.625rem; padding: 1.625rem 1.125rem 1.375rem; text-align: center; }
.chip-group.stage-head { background: var(--lobby-band), var(--block-link); border-color: var(--item-star); }
.foot-chip { box-shadow: inset 0 0 0 4px rgba(255, 255, 255, 0.18), inset 0 -6px 10px rgba(0, 0, 0, 0.25), 0 6px 16px -6px rgba(0, 0, 0, 0.5); --front-vip: rgb(138, 90, 43); --reel-crown: rgb(213 154 97); border-radius: 50%; width: 68px; position: relative; background: radial-gradient(circle at 35% 30%, var(--reel-crown), var(--front-vip) 70%); place-items: center; height: 4.25rem; display: grid }
.foot-chip::before, .foot-chip::after { background: var(--front-vip); position: absolute; top: -0.875rem; height: 22px; clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 75%, 0 100%); content: ""; z-index: -1; width: 1rem }
.foot-chip::before { left: 0.875rem; transform: rotate(-18deg); }
.foot-chip::after { right: 14px; transform: rotate(18deg); }
.foot-chip span { text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35); color: rgba(255, 255, 255, 0.92); font: 700 20px/1 var(--card-chip2); }
.win-area { --front-vip: rgb(125 132 141); --reel-crown: rgb(227 231 236); }
.lead-table { --front-vip: rgb(166, 124, 18); --reel-crown: rgb(244, 208, 106); }
.ring-star { --front-vip: rgb(90, 117, 132); --reel-crown: rgb(207 227 234); }
.note-top { height: 5.25rem; width: 5.25rem; --reel-crown: var(--slab-group); --front-vip: color-mix(in srgb, var(--item-star) 60%, #000); }
.vip-star { font-size: 24px; }
.chip-group.stage-head .vip-star { color: var(--slab-group); }
.outer-row { display: flex; align-items: baseline; gap: 6px; }
/*  v2  */
.seal-stack { display: grid; gap: 0.375rem; margin-top: 0.25rem; font-size: var(--game-gold); color: var(--bonus-flag); }
.seal-stack li { display: flex; align-items: center; justify-content: center; gap: 6px; }
.seal-stack .bar-stage { color: var(--item-star); font-size: 14px; }
@media (max-width: 1180px) { .cell-nav { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 640px) { .cell-nav { grid-auto-flow: column; grid-template-columns: none; grid-auto-columns: 200px; overflow-x: auto; padding: 1rem 2px 0.5rem; scrollbar-width: none; } }
.tab-dock { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px 14px }
.label-row { position: relative; grid-column: span 2; grid-row: span 2; overflow: hidden; border-radius: var(--crown-jackpot); border: var(--table-row) solid var(--edge-pill); box-shadow: var(--deck-table) }
.label-row img { position: absolute; height: 100%; width: 100%; object-fit: cover; inset: 0; transition: transform 700ms var(--zone-nav); }
.label-row:hover img { transform: scale(1.04); }
.label-row::after { inset: 0; position: absolute; background: linear-gradient(180deg, transparent 55%, rgba(0, 0, 0, 0.6)); content: ""; }
.item-race { display: grid; justify-items: start; bottom: 20px; gap: 10px; right: 1.25rem; left: 20px; position: absolute; z-index: 1 }
.ace-feature { font-size: clamp(26px, 2.4vw, 38px); color: #fff; }
.set-tile { display: inline-flex; align-items: center; gap: 6px; font-size: var(--game-row); color: rgba(255, 255, 255, 0.75); }
.live-menu { margin: 1.75rem auto 0; display: grid; width: min(320px, 100%); justify-items: center; gap: 12px }
.slot-view { font-size: var(--game-row); color: var(--ace-menu); }
.slot-view .deal-note { color: var(--rail-game); }
.ring-field { width: 100%; overflow: hidden; height: 0.25rem; background: var(--edge-pill); border-radius: var(--main-frame); }
.ring-field span { display: block; height: 100%; background: var(--item-star); }
@media (max-width: 1180px) { .tab-dock { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .tab-dock > .flag-grid:nth-of-type(n + 6) { display: none; } }
@media (max-width: 720px) { .tab-dock { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .label-row { grid-row: auto; aspect-ratio: 3 / 4; }
  .tab-dock > .flag-grid:nth-of-type(n + 6) { display: grid; } }
.link-rear { margin: 0; padding: 0; grid-template-rows: repeat(3, clamp(170px, 14vw, 215px)); grid-template-areas: "c1 c1 c2" "c1 c1 c3" "c4 c5 c6"; display: grid; list-style: none; gap: 0.75rem; grid-template-columns: repeat(3, minmax(0, 1fr)) }
.cell-unit { grid-area: c1; } .spin-edge { grid-area: c2; } .band-hero { grid-area: c3; }
.head-label { grid-area: c4; } .race-list { grid-area: c5; } .ring-club { grid-area: c6; }
.outer-front { position: relative; display: block; height: 100%; overflow: hidden; border-radius: var(--crown-jackpot); border: var(--table-row) solid var(--edge-pill); background: var(--side-field); box-shadow: var(--deck-table) }
.outer-front img { width: 100%; inset: 0; object-fit: cover; object-position: 50% 40%; height: 100%; position: absolute; transition: transform 700ms var(--zone-nav); }
.outer-front::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0, 0, 0, 0.78), transparent 70%); }
.outer-front:hover img { transform: scale(1.05); }
.frame-panel { left: 1.125rem; gap: 6px; color: #fff; bottom: 16px; position: absolute; z-index: 1; display: grid; }
.deck-race { font-size: var(--dock-line); }
.cell-unit .deck-race { font-size: clamp(34px, 3.2vw, 52px); }
.cell-unit .frame-panel { bottom: 72px; left: 1.5rem; }
.seal-reel { display: inline-flex; color: rgba(255, 255, 255, 0.8); align-items: center; gap: 6px; font-size: var(--game-row); }
.lead-frame { z-index: 1; bottom: 22px; left: 1.5rem; position: absolute; }
@media (max-width: 900px) { .link-rear { grid-template-columns: 1fr 1fr; grid-template-rows: 280px repeat(3, 160px); grid-template-areas: "c1 c1" "c2 c3" "c4 c5" "c6 c6"; } }
.mark-crest { display: grid; margin: 0; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; list-style: none; padding: 0; }
.win-foot { display: grid; grid-template-columns: 90px minmax(0, 1fr); gap: 1rem; padding: 0.75rem; overflow: hidden; }
.win-foot.strip-feature { background: var(--lobby-band), var(--block-link); border-color: var(--item-star); }
/*  header  */
.side-ace { border-radius: var(--main-frame); object-fit: cover; height: 6rem; width: 6rem; }
.strip-crest { min-width: 0; gap: 0.25rem; align-content: center; display: grid; }
.win-page { font-size: var(--game-row); color: var(--ace-menu); }
.spin-mark { font-size: 2.125rem; color: var(--item-star); }
.dot-promo { font-size: var(--row-main); color: var(--rail-game); }
.dot-label { font-size: var(--game-row); color: var(--ace-menu); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 1280px) { .mark-crest { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .mark-crest { grid-template-columns: 1fr; } }
.cell-outer { display: grid; grid-template-columns: minmax(240px, 0.8fr) minmax(0, 2fr); gap: clamp(28px, 5vw, 72px); }
.item-link { position: sticky; top: calc(var(--field-media) + 28px); align-self: start; display: grid; gap: 1rem; }
.slot-lobby { font-size: clamp(28px, 2.6vw, 40px); }
.stage-frame { letter-spacing: 0.04em; color: var(--ace-menu); font-size: var(--game-row); }
.base-bonus { display: grid; gap: 24px; justify-items: start; min-width: 0; }
.base-bonus > * { max-width: 100%; }
.game-crown { font-size: var(--crest-view); line-height: 1.6; color: var(--rail-game); }
.unit-grid { mask-image: linear-gradient(#000 60%, transparent); min-width: 0; overflow: hidden; max-height: 35rem; justify-self: stretch; width: 100% }
.list-line:checked ~ .unit-grid { max-height: none; mask-image: none; }
.stage-item { display: grid; grid-template-columns: minmax(160px, 0.7fr) minmax(0, 2fr); gap: 12px 40px; padding: 1.625rem 0; border-top: var(--table-row) solid var(--edge-pill); font-size: var(--game-gold); line-height: 1.7 }
.feature-outer { line-height: 1.35; color: var(--rail-game); font-weight: 600; font-size: var(--row-main); }
.club-table, .list-line:checked ~ .chip-offer .dock-vip { display: none; }
.list-line:checked ~ .chip-offer .club-table { display: inline; }
.list-line:focus-visible ~ .chip-offer { outline: 2px solid var(--item-star); outline-offset: 3px; }
@media (max-width: 1080px) { .cell-outer { grid-template-columns: 1fr; }
  .item-link { position: static; } }
@media (max-width: 640px) { .stage-item { grid-template-columns: 1fr; } }
.feature-mark { display: grid; grid-template-columns: minmax(260px, 0.8fr) minmax(0, 1.4fr); gap: clamp(28px, 5vw, 72px); }
.block-mark { position: sticky; top: calc(var(--field-media) + 28px); align-self: start; display: grid; justify-items: start; gap: 0.875rem; }
.page-outer { font-size: clamp(30px, 3vw, 46px); }
.set-edge { color: var(--bonus-flag); }
.core-star { display: grid; grid-template-columns: 44px minmax(0, 1fr); align-items: center; gap: 0.75rem; width: 100%; margin-top: 8px; padding: 16px; }
.core-star .band-pane { grid-column: 1 / -1; }
.core-star :is(strong, b) { display: block; font-size: var(--game-gold); }
.head-side { font-size: 20px; background: var(--item-star); height: 2.75rem; width: 2.75rem; place-items: center; color: var(--field-menu); border-radius: 50%; display: grid; }
.spin-wrap { display: inline-flex; align-items: center; gap: 6px; font-size: var(--game-row); color: var(--ace-menu); }
.zone-lobby { display: grid; gap: 0.625rem; }
/*  layout  */
.zone-table { overflow: hidden; }
.zone-table summary { grid-template-columns: 44px minmax(0, 1fr) 32px; cursor: pointer; list-style: none; gap: 0.75rem; display: grid; padding: 1.125rem 1.25rem; align-items: center }
.zone-table summary::-webkit-details-marker { display: none; }
.media-meta { font-size: var(--game-gold); color: var(--item-star); }
.page-chip { font-size: var(--crest-view); font-weight: 600; }
.band-offer { height: 32px; width: 2rem; place-items: center; display: grid; border-radius: 50%; transition: transform var(--ace-strip) var(--zone-nav), background var(--ace-strip); background: var(--side-field); }
.zone-table[open] .band-offer { background: var(--item-star); color: var(--field-menu); transform: rotate(45deg); }
.zone-table p { padding: 0 4rem 1.375rem 4.75rem; color: var(--bonus-flag); }
@media (max-width: 900px) { .feature-mark { grid-template-columns: 1fr; }
  .block-mark { position: static; }
  .zone-table p { padding: 0 1.25rem 1.25rem; } }
.note-tile { background: var(--line-foot); border-top: var(--table-row) solid var(--edge-pill); }
.tile-list { padding: 28px var(--dock-front) 20px; margin: 0 auto; max-width: 90rem; display: grid; gap: 1.25rem; }
.outer-zone { gap: 16px 32px; align-items: center; flex-wrap: wrap; display: flex; }
.view-pill { flex: 1; min-width: 280px; }
.view-pill ul { color: var(--bonus-flag); display: flex; flex-wrap: wrap; gap: 0.375rem 1.25rem; font-size: var(--game-gold); }
.view-pill a:hover { color: var(--item-star); }
.body-row { display: flex; gap: 8px; }
.block-crest { display: inline-flex; align-items: center; gap: 0.375rem; height: 38px; padding: 0 0.625rem; border-radius: var(--main-frame); border: var(--table-row) solid var(--feature-main); color: var(--ace-menu) }
.block-crest select { background: transparent; border: 0; outline: 0; color: var(--rail-game); font: inherit; font-size: var(--game-gold); cursor: pointer; }
.block-crest option { color: #111; }
.cell-body { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 16px 24px; padding: 1rem 1.25rem; border-radius: var(--crown-jackpot); background: var(--block-link); border: var(--table-row) solid var(--edge-pill); font-size: var(--game-gold); color: var(--bonus-flag) }
.cell-body :is(strong, b) { color: var(--rail-game); }
.dot-bonus { font-size: 0.8125rem; background: var(--hero-jackpot); width: 2.625rem; place-items: center; height: 2.625rem; color: #fff; display: grid; border-radius: 50%; }
.feature-dock { display: flex; flex-wrap: wrap; gap: 6px; }
.feature-dock .deck-star svg { height: 16px; }
.feature-dock li { color: var(--ace-menu); font: 500 11px/1 var(--strip-dice); background: var(--line-foot); border-radius: var(--main-frame); padding: 0.375rem 0.625rem; align-items: center; display: inline-flex; }
.dice-ace { line-height: 1.7; font-size: var(--game-row); color: var(--ace-menu); }
.bonus-base { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding-top: 0.875rem; border-top: var(--table-row) solid var(--edge-pill); font-size: var(--game-row); color: var(--ace-menu); }
@media (max-width: 900px) { .cell-body { grid-template-columns: auto minmax(0, 1fr); } .feature-dock { grid-column: 1 / -1; } }
:root { --item-star: rgb(177 18 23); --slab-group: rgb(145, 15, 19); --cell-flag: rgba(177, 18, 23, 0.14); --field-menu: rgb(255, 255, 255); }
:root { --field-menu: rgb(255 255 255); --cell-flag: rgba(177, 18, 23, 0.14); --slab-group: rgb(145 15 19); --item-star: rgb(177, 18, 23); }
:root { --panel-front: 27px; --table-row: 2px; --area-live: 2px; --crown-jackpot: 39px; --core-edge: 1499px; --box-field: 1360px; --dock-front: calc(clamp(16px, 2.6vw, 40px) * 0.78); --edge-deal: calc(clamp(48px, 5vw, 72px) * 0.78); --main-frame: 18px; }
svg.bar-stage{width:1em;height:1em;display:inline-block;vertical-align:-0.125em;fill:currentColor}