@font-face { font-family: 'Cabinet Grotesk'; src: url(mc/cabinet-grotesk-v20-latin-500.woff2) format("woff2"); font-weight: 500; font-display: swap; font-style: normal }
@font-face { font-family: 'Cabinet Grotesk'; src: url(mc/cabinet-grotesk-v20-latin-700.woff2) format("woff2"); font-weight: 700; font-display: swap; font-style: normal }
@font-face { font-family: 'Cabinet Grotesk'; src: url(mc/cabinet-grotesk-v20-latin-800.woff2) format("woff2"); font-weight: 800; font-display: swap; font-style: normal }
@font-face { font-family: 'Cabinet Grotesk'; src: url(mc/cabinet-grotesk-v20-latin-900.woff2) format("woff2"); font-weight: 900; font-display: swap; font-style: normal }
@font-face { font-family: 'Archivo'; font-style: normal; font-weight: 400; font-stretch: 100%; font-display: swap; src: url(mc/archivo-v20-latin-ext-regular.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: 'Archivo'; font-style: normal; font-weight: 400; font-stretch: 100%; font-display: swap; src: url(mc/archivo-v20-latin-regular.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: 'Archivo'; font-style: normal; font-weight: 500; font-stretch: 100%; font-display: swap; src: url(mc/archivo-v20-latin-ext-500.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: 'Archivo'; font-style: normal; font-weight: 500; font-stretch: 100%; font-display: swap; src: url(mc/archivo-v20-latin-500.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: 'Archivo'; font-style: normal; font-weight: 600; font-stretch: 100%; font-display: swap; src: url(mc/archivo-v20-latin-ext-600.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: 'Archivo'; font-style: normal; font-weight: 600; font-stretch: 100%; font-display: swap; src: url(mc/archivo-v20-latin-600.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: 'Space Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url(mc/space-mono-v20-latin-ext-regular.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: 'Space Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url(mc/space-mono-v20-latin-regular.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: 'Space Mono'; font-style: normal; font-weight: 700; font-display: swap; src: url(mc/space-mono-v20-latin-ext-700.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: 'Space Mono'; font-style: normal; font-weight: 700; font-display: swap; src: url(mc/space-mono-v20-latin-700.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 { --lobby-grid: "Space Mono", ui-monospace, monospace; --deck-bar: #ffffff; --wrap-head: 19px; --main-tile: 0px; --reel-media: 140ms; --strip-stage: #0b0b0b; --field-deck: #767672; --head-body: 172px; --club-bonus: rgba(255, 59, 31, 0.1); --group-feature: #0B0B0B; --view-side: #ff3b1f; --area-main: "Archivo", "Helvetica Neue", Arial, sans-serif; --nav-rail: 900; --mark-panel: 0px; --pill-reel: #e02a10; --vip-jackpot: 0deg; --main-edge: -0.03em; color-scheme: light; --frame-chip: 12px; --cell-panel: #f6f5f1; --band-foot: 240px; --rail-feature: 0px; --live-stage: #FFFFFF; --vip-seal: 0px; --cell-set: #f1f0ec; --ring-card: clamp(56px, 6.4vw, 108px); --reel-stack: clamp(48px, 5vw, 80px); --shape-stage: #0F9D58; --dice-main: 0px; --side-bar: brightness(0) opacity(0.85); --dock-vip: 0.06em; --item-dot: "Cabinet Grotesk", "Helvetica Neue", Arial, sans-serif; --page-list: 0px; --hero-core: 14px; --seal-tab: none; --inner-pill: cubic-bezier(0.6, 0, 0.2, 1); --link-mark: clamp(16px, 2.4vw, 36px); --list-dice: #0b0b0b; --media-ace: #3b3b3b; --offer-pane: #E7E6E1; --club-dock: linear-gradient(transparent, transparent); --step-card: 26px; --top-feature: 44px; --zone-shape: 2px; --edge-chip: 6px 6px 0 0 var(--view-side); --crest-meta: #dddcd6; --pill-dot: 16px; --edge-step: #FF3B1F; --ring-lobby: 0.88; --zone-reel: #0B0B0B; --hero-dot: uppercase; --strip-game: 68px; --stack-slot: repeating-linear-gradient(90deg, rgba(11, 11, 11, 0.08) 0 2px, transparent 2px 12px); --main-bar: none; --view-box: linear-gradient(90deg, rgba(11, 11, 11, 0.07) 1px, transparent 1px) 0 0 / 48px 48px, linear-gradient(0deg, rgba(11, 11, 11, 0.07) 1px, transparent 1px) 0 0 / 48px 48px }
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scrollbar-color: #0b0b0b transparent; }
body { margin: 0; background: var(--cell-set); color: var(--zone-reel); font: 400 var(--pill-dot)/1.5 var(--area-main); -webkit-font-smoothing: antialiased }
img { max-width: 100%; display: block; height: auto; }
a { color: inherit; text-decoration: none; }
button { font: inherit; color: inherit; background: none; border: 0; padding: 0; cursor: pointer; }
h1, h2, h3, h4, p { margin: 0; }
ul { margin: 0; padding: 0; list-style: none; }
::selection { background: var(--view-side); color: #fff; }
:focus-visible { outline: 3px solid var(--view-side); outline-offset: 2px; }
.wg-win { flex: none; font-size: 1.2em; line-height: 1; }
.zg-dice-1c { font-family: var(--lobby-grid); font-variant-numeric: tabular-nums; letter-spacing: -0.02em; }
.il-menu { clip: rect(0 0 0 0); overflow: hidden; height: 1px; width: 1px; position: absolute; }
.bk-ring { transition: background var(--reel-media), color var(--reel-media), transform var(--reel-media), box-shadow var(--reel-media); border: 2px solid var(--zone-reel); --ace-jackpot: 44px; font: 800 14px/1 var(--item-dot); height: var(--ace-jackpot); display: inline-flex; text-transform: uppercase; align-items: center; justify-content: center; letter-spacing: 0.02em; padding: 0 1.25rem; gap: 0.625rem; white-space: nowrap }
.qj-body { font-size: 0.8125rem; padding: 0 0.875rem; --ace-jackpot: 38px; }
.ow-spin-72 { --ace-jackpot: 58px; padding: 0 1.75rem; font-size: 1.0625rem; }
.cz-game-zj { background: var(--view-side); border-color: var(--view-side); color: #fff; }
.cz-game-zj:hover { background: var(--zone-reel); border-color: var(--zone-reel); }
.lm-tab { background: transparent; color: var(--zone-reel); }
.lm-tab:hover { background: var(--zone-reel); color: var(--cell-set); }
.bk-ring:active { transform: translate(2px, 2px); }
.vx-feature { transition: background var(--reel-media), color var(--reel-media); height: 2.75rem; width: 2.75rem; color: var(--zone-reel); place-items: center; display: inline-grid; border: 2px solid var(--zone-reel); }
.vx-feature:hover { background: var(--zone-reel); color: var(--cell-set); }
.ps-dot-5e { display: flex; align-items: center; gap: 0.625rem; color: var(--zone-reel); height: 2.75rem; padding: 0 0.75rem; background: var(--live-stage); border: 2px solid var(--zone-reel); }
.ps-dot-5e:focus-within { border-color: var(--view-side); }
.ps-dot-5e input { flex: 1; min-width: 0; height: 100%; background: none; border: 0; outline: 0; color: var(--zone-reel); font: inherit; font-size: var(--hero-core); font-weight: 500; }
.ps-dot-5e input::placeholder { color: var(--field-deck); }
.ps-dot-5e kbd { font: 700 11px/1 var(--lobby-grid); color: var(--cell-set); padding: 0.25rem 0.375rem; background: var(--zone-reel); }
.as-slab-d4 { color: var(--zone-reel); text-transform: uppercase; letter-spacing: 0.04em; font: 700 12px/1 var(--lobby-grid); gap: 0.625rem; align-items: center; display: inline-flex; }
/*  header  */
.as-slab-d4::before { content: ""; width: 0.75rem; background: var(--view-side); height: 0.75rem; }
.ef-vip-g9 { letter-spacing: var(--main-edge); line-height: var(--ring-lobby); font-weight: var(--nav-rail); text-transform: var(--hero-dot); font-family: var(--item-dot); }
.ef-vip-g9 em { font-style: normal; color: var(--view-side); }
.yu-card { text-transform: uppercase; align-items: center; background: var(--zone-reel); display: inline-flex; height: 1.25rem; font: 700 11px/1 var(--lobby-grid); color: #fff; padding: 0 0.375rem; }
.pl-zone { background: var(--view-side); }
.cd-flag-8d { box-shadow: inset 0 0 0 2px var(--zone-reel); color: var(--zone-reel); background: #fff; }
.bg-crest { border: 2px solid var(--zone-reel); background: var(--live-stage); position: relative; }
.ew-inner-3z { background: var(--view-side); overflow: hidden; border: 2px solid var(--zone-reel); position: relative; }
.ew-inner-3z::after { bottom: 0; left: 0; content: ""; background: var(--zone-reel); position: absolute; right: 0; height: 0.875rem; }
.ew-inner-3z img { width: 100%; height: 100%; object-fit: cover; mix-blend-mode: normal; }
.ue-flag-pp { flex: none; display: inline-block; width: 0.5rem; height: 0.5rem; background: var(--shape-stage); }
.ol-feature-n2 { display: grid; gap: 0.375rem; }
.fx-media { font: 700 11px/1 var(--lobby-grid); text-transform: uppercase; color: var(--field-deck); }
.iu-top { letter-spacing: -0.03em; font: 900 30px/0.9 var(--item-dot); color: var(--zone-reel); }
.lx-base { display: inline-flex; align-items: center; gap: 0.375rem; height: 2rem; padding: 0 0.625rem; border: 2px solid var(--zone-reel); font: 700 12px/1 var(--lobby-grid); text-transform: uppercase; color: var(--zone-reel); transition: background var(--reel-media), color var(--reel-media); }
.lx-base .zg-dice-1c { color: var(--view-side); }
.lx-base:hover { background: var(--zone-reel); color: var(--cell-set); }
.lv-pill { border-bottom: 2px solid var(--zone-reel); padding-bottom: 0.75rem; margin-bottom: 1.25rem; gap: 1rem; align-items: flex-end; display: flex; }
.va-side { font: 900 var(--top-feature)/0.8 var(--item-dot); color: var(--view-side); letter-spacing: -0.04em; }
.sm-dot { text-transform: uppercase; font: 900 var(--top-feature)/0.82 var(--item-dot); white-space: nowrap; letter-spacing: -0.03em; }
.sm-dot .wg-win { display: none; }
.bh-tray { flex: 1; }
.te-strip { display: flex; }
.lv-pill .lx-base { white-space: nowrap; }
.kt-zone { border: 2px solid var(--zone-reel); transition: background var(--reel-media), color var(--reel-media), opacity var(--reel-media); height: 2rem; width: 2.25rem; color: var(--zone-reel); place-items: center; display: grid; }
.kt-zone + .kt-zone { border-left: 0; }
.kt-zone:hover { border-color: var(--view-side); background: var(--view-side); color: #fff; }
.kt-zone[disabled] { opacity: 0.3; pointer-events: none; }
@media (max-width: 720px) { .va-side, .sm-dot { font-size: 1.875rem; }
  .sm-dot { white-space: normal; min-width: 0; }
  .te-strip { display: none; }
  .lv-pill .lx-base { flex: none; } }
.fs-item { display: grid; overscroll-behavior-x: contain; grid-auto-flow: column; scroll-snap-type: x mandatory; overflow-x: auto; grid-auto-columns: var(--head-body); gap: 0; scrollbar-width: none; }
.fs-item > * + * { margin-left: -2px; }
.fs-item::-webkit-scrollbar { display: none; }
.fs-item > * { scroll-snap-align: start; }
.js-stack { min-width: 0; display: grid; gap: 0; border: 2px solid var(--zone-reel); background: var(--live-stage); grid-template-columns: minmax(0, 1fr); transition: background var(--reel-media); }
.dz-game { border-bottom: 2px solid var(--zone-reel); position: relative; aspect-ratio: var(--chip2-menu, 3 / 2); overflow: hidden; background: var(--crest-meta); }
.dz-game img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(0.15) contrast(1.05); transition: filter var(--reel-media); }
.ns-core { position: absolute; top: 0; left: 0; z-index: 1; }
.dk-bar-65 { padding: 0.625rem 0.625rem 0.75rem; }
.js-stack:hover { background: var(--view-side); color: #fff; }
.js-stack:hover .jl-unit-co, .js-stack:hover .pc-field-zj { color: #fff; }
.js-stack:hover .dz-game img { filter: none; }
.xg-win-yf { font: 800 15px/1.1 var(--item-dot); text-transform: uppercase; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; letter-spacing: -0.01em; }
.jl-unit-co { display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; margin-top: 0.375rem; font: 400 11px/1 var(--lobby-grid); color: var(--field-deck); }
.jl-unit-co > span { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.pc-field-zj { align-items: center; gap: 0.3125rem; display: inline-flex; flex: none; color: var(--zone-reel); }
.xe-cell-3s { --pane-top: 34px; display: inline-flex; align-items: center; gap: 0.3em; font-size: var(--pane-top); line-height: 1; color: var(--zone-reel); white-space: nowrap; text-decoration: none }
.xm-box { --pane-top: 44px; }
.zm-star { font-weight: var(--nav-rail); text-transform: var(--hero-dot); font-size: 0.74em; letter-spacing: var(--main-edge); line-height: 1; font-family: var(--item-dot) }
.xk-item-9k { position: relative; flex: none; }
@media (max-width: 720px) { .xw-nav-q6 .xe-cell-3s { --pane-top: 28px; } }
.dc-rear-f0 { display: inline-grid; justify-items: center; gap: 0.08em; }
.kz-tile { font-family: var(--item-dot); font-weight: var(--nav-rail); text-transform: var(--hero-dot); letter-spacing: var(--main-edge); font-size: 0.66em; line-height: 0.95 }
.xb-front-ki { display: flex; align-items: center; text-transform: uppercase; padding-left: 0.36em; gap: 0.35em; width: 100%; font: 700 0.26em/1 var(--area-main); letter-spacing: 0.36em; color: var(--view-side) }
.xb-front-ki::before, .xb-front-ki::after { content: ""; flex: 1; height: 0.12em; min-width: 0.8em; background: currentColor }
.xw-nav-q6 {
  height: var(--strip-game);
  position: sticky;
  border-bottom: var(--zone-shape) solid var(--strip-stage); top: 0; z-index: 30;
  backdrop-filter: blur(12px);
  display: flex;
  padding: 0 var(--link-mark) 0 18px; align-items: center; gap: 1.5rem;
  background: color-mix(in srgb, var(--cell-set) 88%, transparent) }
.bk-unit { display: flex; align-items: center; gap: 0.625rem; margin-left: auto; }
.lc-nav { padding: 1.125rem 0.875rem 2rem; }
.gv-box { display: flex; list-style: none; margin: 0; padding: 0; flex-direction: column; gap: 0.25rem; }
.jb-table { margin-bottom: 1.125rem; gap: 0.5rem; grid-template-columns: 1fr 1fr; display: grid; }
.ak-area-py {
  display: grid; justify-items: center; gap: 0.375rem;
  padding: 0.625rem 0.375rem 0.75rem;
  background: var(--live-stage);
  border: var(--zone-shape) solid var(--strip-stage);
  border-radius: var(--vip-seal);
  box-shadow: var(--seal-tab);
  font-size: 0.6875rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--media-ace);
  transition: border-color var(--reel-media), color var(--reel-media), transform var(--reel-media) var(--inner-pill) }
.cy-copy-m4 { font-size: 1.75rem; color: var(--deck-bar); place-items: center; display: grid; box-shadow: 0 6px 16px -8px var(--view-side); height: 3.25rem; width: 3.25rem; background: radial-gradient(circle at 35% 30%, var(--pill-reel), var(--view-side) 70%); border-radius: 50%; }
.ak-area-py:nth-child(2) .cy-copy-m4 { background: radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--shape-stage) 70%, #fff), var(--shape-stage) 70%); box-shadow: 0 6px 16px -8px var(--shape-stage); }
.ak-area-py:hover { color: var(--zone-reel); border-color: var(--view-side); transform: translateY(calc(var(--main-tile) * -1)); }
.gq-card-3v { text-transform: uppercase;
  color: var(--field-deck);
  margin: 1.375rem 0.625rem 0.5rem;
  font-size: var(--frame-chip); letter-spacing: var(--dock-vip) }
.xj-seal {
  font-size: 0.875rem; align-items: center; padding: 0 0.625rem;
  display: flex; gap: 0.75rem;
  height: 2.5rem;
  position: relative;
  border-radius: var(--rail-feature); color: var(--media-ace);
  transition: color var(--reel-media), background var(--reel-media) }
.xj-seal .yu-card { margin-left: auto; }
.xj-seal:hover { color: var(--zone-reel); background: var(--live-stage); }
.xj-seal.sc-vip-x6 { color: var(--zone-reel); background: var(--live-stage); }
.xj-seal.sc-vip-x6 .wg-win { color: var(--view-side); }
.mv-core { min-width: 0; }
.vd-note-pf {
  display: grid; grid-template-columns: minmax(0, 1fr); margin: 0 auto;
  max-width: var(--front-spin, 1440px);
  padding: 28px var(--link-mark) var(--reel-stack); gap: var(--reel-stack) }
.ie-pill { display: none; }
.mg-core.hb-band-oy .ie-pill { inset: 0; z-index: 35; position: fixed; display: block; background: rgba(0, 0, 0, 0.55); }
.tx-grid {
  background: var(--cell-set); z-index: 40; transition: transform 320ms var(--inner-pill);
  transform: translateX(-102%); left: 0;
  border-right: var(--zone-shape) solid var(--strip-stage); top: 0; bottom: 0;
  position: fixed;
  width: min(300px, 86vw);
  overflow-y: auto }
.mg-core.hb-band-oy .tx-grid { transform: none; }
@media (max-width: 720px) {
  .xw-nav-q6 { gap: 0.75rem; padding: 0 1rem 0 0.75rem; }
  .bk-unit { min-width: 0; }
  .xw-nav-q6 .nw-body { display: none; }
  .bk-unit .lm-tab { display: none; }
 }
@media (max-width: 480px) {
  .xw-nav-q6 { gap: 0.5rem; padding-right: 0.625rem; }
  .bk-unit { gap: 0.375rem; }
  .bk-unit .bk-ring { padding: 0 0.75rem; letter-spacing: 0.02em; }
 }
.tb-page { display: grid; grid-template-columns: var(--band-foot) minmax(0, 1fr); grid-template-rows: var(--strip-game) 1fr; grid-template-areas: "top top" "side main"; min-height: 100vh }
.tb-page .xw-nav-q6 { grid-area: top; }
.tb-page .bb-label { gap: 1.125rem; align-items: center; min-width: calc(var(--band-foot) - 18px); display: flex; flex: none; }
/*  base  */
.tb-page .nw-body { flex: 1; max-width: 32.5rem; }
.tb-page .gf-table-ex { grid-area: side; position: sticky; top: var(--strip-game); height: calc(100vh - var(--strip-game)); overflow-y: auto; scrollbar-width: thin; border-right: var(--zone-shape) solid var(--strip-stage); background: var(--cell-set) }
.tb-page .mv-core { grid-area: main; }
@media (max-width: 1080px) { .tb-page { grid-template-columns: minmax(0, 1fr); grid-template-areas: "top" "main"; }
  .tb-page .bb-label { width: auto; }
  .tb-page .gf-table-ex { position: fixed; left: 0; top: var(--strip-game); transform: translateX(-102%); z-index: 40; width: min(300px, 84vw); transition: transform 320ms var(--inner-pill); }
  .tb-page.hb-band-oy .gf-table-ex { transform: none; } }
.wx-zone { color: var(--media-ace); }
.wx-zone p { margin: 0 0 1em; }
.wx-zone p:last-child { margin-bottom: 0; }
.em-tile { margin: 1.4em 0 0.5em; font-size: var(--wrap-head); font-weight: 600; color: var(--zone-reel); }
.du-mark-0q, .dh-front { padding: 0; list-style: none; display: grid; margin: 0 0 1.1em; gap: 0.55em; }
.du-mark-0q li { position: relative; padding-left: 1.4em; }
.du-mark-0q li::before {
  content: ""; position: absolute; left: 0.1em; top: 0.62em;
  width: 0.45em; height: 0.45em;
  background: var(--view-side); border-radius: calc(var(--rail-feature) * 0.2);
  transform: rotate(45deg) }
.dh-front { counter-reset: step; }
.dh-front li { counter-increment: step; position: relative; padding-left: 2.3em; min-height: 1.7em; }
.dh-front li::before {
  content: counter(step);
  position: absolute; left: 0; top: -0.05em;
  display: grid; place-items: center; width: 1.7em; height: 1.7em;
  font: 600 0.8em/1 var(--lobby-grid); color: var(--deck-bar);
  background: var(--view-side); border-radius: 50% }
.wx-zone, .wx-zone > * { min-width: 0; }
.cf-inner-rm { max-width: 100%; margin: 0 0 1.1em; overflow-x: auto; border: var(--zone-shape) solid var(--strip-stage); border-radius: var(--rail-feature); }
.cf-inner-rm table { width: 100%; border-collapse: collapse; font-size: var(--hero-core); }
.cf-inner-rm th, .cf-inner-rm td { padding: 0.625rem 0.875rem; text-align: left; border-bottom: var(--zone-shape) solid var(--strip-stage); white-space: nowrap; }
.cf-inner-rm tbody tr:last-child > * { border-bottom: 0; }
.cf-inner-rm thead th { background: var(--live-stage); font-size: var(--frame-chip); font-weight: 600; text-transform: uppercase; color: var(--field-deck); letter-spacing: var(--dock-vip); }
.cf-inner-rm tbody th { font-weight: 600; color: var(--zone-reel); }
.cf-inner-rm caption { caption-side: top; text-align: left; color: var(--view-side); letter-spacing: var(--dock-vip); border-bottom: var(--zone-shape) solid var(--strip-stage); padding: 0.625rem 0.875rem; text-transform: uppercase; font-size: var(--frame-chip); font-weight: 600; }
.cf-inner-rm tbody tr:nth-child(even) > * { background: color-mix(in srgb, var(--cell-panel) 45%, transparent); }
.uc-step, .pt-dock { display: inline-grid; place-items: center; width: 1.375rem; height: 1.375rem; border-radius: 50%; font-size: 0.75rem; font-weight: 700; }
.uc-step { background: color-mix(in srgb, var(--shape-stage) 18%, transparent); color: var(--shape-stage); }
.pt-dock { background: color-mix(in srgb, var(--edge-step) 14%, transparent); color: var(--edge-step); }
.xc-race-hk tbody th { width: 42%; color: var(--media-ace); font-weight: 500; white-space: normal; }
.xc-race-hk td { color: var(--zone-reel); font-weight: 600; white-space: normal; }
.fo-tray td, .fo-tray thead th:not(:first-child) { text-align: center; }
.fo-tray tbody td:nth-child(2), .fo-tray thead th:nth-child(2) { background: var(--club-bonus) !important; }
.fo-tray thead th:nth-child(2) { color: var(--view-side); }
@media (max-width: 520px) { .lv-pill { flex-wrap: wrap; row-gap: 8px; } }
img.uo-head-hl, img.tk-race, img.ad-jackpot-rl { background-color: var(--club-offer, var(--cell-panel)); }
.db-main-av { --chip2-menu: 3 / 4; position: relative; }
.db-main-av img {
  object-fit: contain !important; object-position: 50% 0 !important;
  background: linear-gradient(180deg, color-mix(in srgb, var(--club-offer, #222) 72%, #0b0b10) 0 50%, color-mix(in srgb, var(--club-offer, #222) 38%, #0b0b10)) !important }
.db-main-av::before { right: 0; position: absolute; top: 49%; background: linear-gradient(rgba(0, 0, 0, 0.28), transparent); content: ""; left: 0; pointer-events: none; height: 24%; z-index: 1; }
/*  TODO: clean up  */
.hl-ring-l3 { left: 0.625rem; display: grid; position: absolute; bottom: 0.75rem; text-shadow: 0 1px 6px rgba(0, 0, 0, 0.45); z-index: 2; color: #fff; pointer-events: none; right: 0.625rem; gap: 2px; }
.kg-gold-eq { overflow: hidden; letter-spacing: var(--main-edge); display: -webkit-box; font-family: var(--item-dot); text-transform: var(--hero-dot); line-height: 1.05; -webkit-box-orient: vertical; font-size: 1.0625rem; font-weight: var(--nav-rail); -webkit-line-clamp: 2; }
.mt-stage { font-size: 0.6875rem; opacity: 0.78; }
.dz-game.db-main-av + .dk-bar-65, .dz-game.db-main-av + .ha-view-aa { display: none; }
/*  layout  */
img.yz-front {
  background: none !important; border: 0 !important; border-radius: 0 !important; padding: 0 !important;
  box-shadow: none !important; mask-image: none !important }
.cb-head {
  position: relative; align-self: stretch; justify-self: center;
  width: 100%; min-height: var(--wrap-crown, 340px);
  pointer-events: none }
.cb-head .rl-stack {
  position: absolute;
  width: auto; top: 50%; left: 50%;
  object-fit: contain; transform: translate(-50%, -50%); max-height: 100%;
  filter: drop-shadow(0 18px 26px rgba(0, 0, 0, 0.35)); max-width: 116%; object-position: 50% 100%; height: auto }
@media (max-width: 820px) {
  .cb-head { align-self: auto; min-height: var(--dice-front, 260px); }
  .cb-head .rl-stack { object-position: 50% 100%; }
 }
img.ab-block { filter: var(--side-bar, none); border-radius: 0; object-fit: contain; }
.sf-side { line-height: 1; display: inline-flex; align-items: center; gap: 0.5em; vertical-align: middle; }
.sf-side svg { height: 1.6em; width: auto; flex: none; max-width: 3em; }
.ka-main { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.jm-label { display: inline-flex; gap: 0.75rem; align-items: center; font-size: 0.75rem; letter-spacing: 0.04em; text-transform: uppercase; }
.jm-label a { color: var(--media-ace); text-decoration: none; }
.jm-label a:hover { color: var(--view-side); }
.jm-label a.sc-vip-x6 { color: var(--zone-reel); font-weight: 600; }
.jb-panel-9v { display: block; }
.nd-edge-oa { color: var(--view-side); }
.mc-grid {
  display: block; margin-top: 0.5em;
  font-family: var(--shape-bar); font-weight: 600; font-size: clamp(12px, 0.22em, 17px); line-height: 1.2;
  letter-spacing: var(--dock-vip); text-transform: uppercase; color: inherit; opacity: 0.72 }
.yq-area { text-transform: var(--hero-dot); font-weight: var(--nav-rail);
  letter-spacing: var(--main-edge); font-size: clamp(22px, 2.4vw, 38px);
  margin: 0; line-height: 1.05; display: block;
  font-family: var(--item-dot) }
.bg-unit { font-style: normal; color: var(--view-side); }
.hl-view { line-height: 1.3; gap: 0.375rem; display: inline-flex; align-items: baseline; font-size: var(--frame-chip); color: var(--field-deck); flex-wrap: wrap; }
.gb-list-06 { letter-spacing: var(--dock-vip); text-transform: uppercase; }
/*  overrides  */
.ez-area-8i { font-weight: 600; color: var(--zone-reel); }
.fn-label { color: rgba(255, 255, 255, 0.72); }
.fn-label .ez-area-8i { color: #fff; }
.np-feature-xk { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; }
.kl-reel-8w { display: inline-flex; align-items: center; gap: 0.375rem; height: 1.75rem; padding: 0 0.625rem; font-size: var(--frame-chip); color: var(--field-deck); border-radius: var(--rail-feature); transition: color .15s, border-color .15s, background-color .15s; }
.kl-reel-8w:hover { color: var(--zone-reel); }
/*  TODO: clean up  */
.kl-reel-8w .wg-win { font-size: 1.25em; }
.zy-row-mn .kl-reel-8w { background: var(--offer-pane); border-radius: var(--mark-panel); }
.re-main-sf .kl-reel-8w { border: var(--zone-shape) solid var(--group-feature); }
.re-main-sf .kl-reel-8w:hover { border-color: var(--list-dice); }
.ti-pill .kl-reel-8w { background: var(--live-stage); border: var(--zone-shape) solid var(--strip-stage); font-weight: 600; }
.dh-nav { gap: 0.25rem 1.125rem; }
.dh-nav .kl-reel-8w { height: auto; padding: 0; text-decoration-color: var(--list-dice); text-decoration: underline; text-underline-offset: 3px; }
.zz-body-w7 .kl-reel-8w { text-transform: uppercase; padding: 0 0.5rem; border-left: 2px solid var(--view-side); border-radius: 0; letter-spacing: 0.08em; font: 500 11px/1 var(--lobby-grid); }
a[role="button"] { cursor: pointer; }
.hh-copy-we { display: none; }
@media (max-width: 640px) {
  .tz-reel { overflow: visible; border: 0; border-radius: 0; }
  .tz-reel thead { display: none; }
  .tz-reel table, .tz-reel tbody, .tz-reel tr { display: block; width: 100%; }
  .tz-reel caption { display: block; padding: 0 0 0.5rem; }
  .tz-reel tr { margin: 0 0 0.625rem; border: var(--zone-shape) solid var(--strip-stage); border-radius: var(--rail-feature); overflow: hidden; }
  .tz-reel tbody tr > * { background: none; }
  .tz-reel tbody th { display: block; white-space: normal; border-bottom: var(--zone-shape) solid var(--strip-stage); background: color-mix(in srgb, var(--cell-panel) 70%, transparent); }
  .tz-reel td { display: flex; align-items: baseline; justify-content: space-between; gap: 0.875rem; white-space: normal; text-align: right; }
  .tz-reel tbody tr > td:last-child { border-bottom: 0; }
  .tz-reel tbody tr:last-child > th { border-bottom: var(--zone-shape) solid var(--strip-stage); }
  .tz-reel .hh-copy-we { text-align: left; font-weight: 600; letter-spacing: var(--dock-vip); max-width: 48%; flex: none; color: var(--field-deck); font-size: var(--frame-chip); display: block; text-transform: uppercase; }
 }
.zi-top { padding: clamp(28px, 5vw, 64px) 0; }
.dy-top { max-width: 48.75rem; margin: 0 auto; display: grid; gap: 0.875rem; }
.mc-grid-8q { font-size: clamp(32px, 4.4vw, 52px); line-height: 1.05; }
.na-note-5k { font-size: var(--hero-core); color: var(--field-deck); }
.rg-copy { font-size: var(--wrap-head); color: var(--media-ace); }
.ve-base { margin-top: 0.5rem; gap: 0.75rem; display: grid; }
.ve-base h2 { font-size: var(--step-card); margin-top: 1.125rem; color: var(--zone-reel); }
.tq-field { padding: 0; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); display: grid; margin: 0.5rem 0; gap: 0.625rem; list-style: none; }
.tq-field li { display: grid; gap: 0.25rem; padding: 1rem 1.125rem; border: var(--zone-shape) solid var(--strip-stage); border-radius: var(--vip-seal); background: var(--live-stage); }
.md-flag { font-size: var(--frame-chip); text-transform: uppercase; letter-spacing: var(--dock-vip); color: var(--field-deck); }
.ez-item-1t { font-weight: 600; color: var(--zone-reel); word-break: break-word; }
.at-hero { font-size: var(--hero-core); color: var(--media-ace); }
.zb-feature-ou { display: flex; flex-wrap: wrap; gap: 0.5rem 1.125rem; margin: 0.875rem 0 0.25rem; font-size: var(--hero-core); }
.zb-feature-ou a { text-underline-offset: 3px; text-decoration: underline; text-decoration-color: color-mix(in srgb, currentColor 35%, transparent); color: var(--media-ace); }
.zb-feature-ou a:hover { color: var(--zone-reel); }
.xw-nav-q6 { background: var(--cell-set); backdrop-filter: none; border-bottom: 2px solid var(--zone-reel); }
.gf-table-ex, .jk-chip { background: var(--cell-set); border-right: 2px solid var(--zone-reel); }
.xj-seal { font-size: 0.8125rem; text-transform: uppercase; letter-spacing: 0.02em; color: var(--zone-reel); font-weight: 600; border-radius: 0; }
.xj-seal:hover { background: var(--zone-reel); color: var(--cell-set); }
.xj-seal.sc-vip-x6 { background: var(--view-side); color: #fff; }
.xj-seal.sc-vip-x6 .wg-win { color: #fff; }
.gq-card-3v { font-family: var(--lobby-grid); font-weight: 700; color: var(--zone-reel); border-top: 2px solid var(--zone-reel); padding-top: 0.625rem; margin-left: 0; margin-right: 0; }
.ak-area-py { font-weight: 700; color: var(--zone-reel); box-shadow: none; border: 2px solid var(--zone-reel); }
.ak-area-py:hover { background: var(--view-side); color: #fff; border-color: var(--zone-reel); }
.xk-shape { border-radius: 0; color: var(--zone-reel); font-weight: 600; }
.xk-shape.sc-vip-x6 { background: var(--view-side); color: #fff; }
.xk-shape.sc-vip-x6 .wg-win { color: #fff; }
.ms-line-e2 { color: var(--zone-reel); text-transform: uppercase; font-weight: 700; border-radius: 0; }
.ms-line-e2.sc-vip-x6 { box-shadow: none; color: var(--cell-set); background: var(--zone-reel); }
.zw-frame { color: var(--zone-reel); font-weight: 700; text-transform: uppercase; }
.zw-frame.sc-vip-x6::after { border-radius: 0; height: 0.375rem; background: var(--view-side); }
.mo-race { border-bottom: 2px solid var(--zone-reel); background: var(--cell-set); }
.py-meta-8w { border-radius: 0; border: 2px solid var(--zone-reel); color: var(--zone-reel); font-weight: 700; text-transform: uppercase; font-size: 0.75rem; }
.py-meta-8w .wg-win { color: var(--zone-reel); }
.py-meta-8w.sc-vip-x6 { background: var(--zone-reel); border-color: var(--zone-reel); color: var(--cell-set); }
.oe-win-jy .jn-live { border-radius: 0; border: 2px solid var(--zone-reel); }
.so-crest-kh { border-top: 2px solid var(--zone-reel); background: var(--cell-set); }
.ye-bar-1a { display: grid; gap: 0.875rem; }
.or-lead { grid-template-columns: repeat(3, minmax(0, 1fr)); display: grid; gap: 0.875rem; }
.fg-core { display: grid; overflow: hidden; transition: transform var(--reel-media) var(--inner-pill), box-shadow var(--reel-media); }
.fg-core:hover { transform: translateY(calc(var(--main-tile) * -1)); box-shadow: var(--edge-chip); }
.sj-area { position: relative; display: block; height: 14.375rem; overflow: hidden; }
.sj-area img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 25%; transition: transform 700ms var(--inner-pill); }
.fg-core:hover .sj-area img { transform: scale(1.05); }
.sj-area::after { background: linear-gradient(160deg, rgba(0, 0, 0, 0.65), transparent 55%); inset: 0; position: absolute; content: ""; }
.ff-foot-yw { position: absolute; left: 1.25rem; color: #fff; top: 1.125rem; z-index: 1; font-size: clamp(26px, 2.4vw, 38px); }
.uz-tab-19 { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 0.75rem; align-items: center; padding: 0.875rem 1rem; }
.br-lobby { display: grid; place-items: center; width: 2.25rem; height: 2.25rem; border-radius: var(--rail-feature); background: var(--club-bonus); color: var(--view-side); }
.by-vip-a0 { display: grid; min-width: 0; gap: 2px; }
.fi-win { font-size: var(--hero-core); font-weight: 600; }
.iw-vip { font-size: var(--frame-chip); display: inline-flex; align-items: center; gap: 0.375rem; color: var(--field-deck); }
.jq-body {
  display: grid; row-gap: 14px;
  padding: 1.125rem 1.5rem; grid-template-columns: auto minmax(0, 1fr) auto auto; align-items: center;
  column-gap: clamp(18px, 2.6vw, 36px); isolation: isolate }
.qs-tray { margin-bottom: -1rem; --wrap-crown: clamp(150px, 16vw, 210px); width: clamp(150px, 17vw, 230px); grid-column: 1; grid-row: 1; }
@media (max-width: 600px) {
  .jq-body { order: -1; padding: 0.875rem 1rem 1rem; column-gap: 12px; grid-template-columns: auto minmax(0, 1fr); align-items: end; row-gap: 12px; }
  .qs-tray { width: min(44vw, 185px); --dice-front: min(44vw, 185px); margin-bottom: -1rem; }
  .lb-bonus-44 { grid-column: 2; align-self: center; }
  .ev-link-qz { font-size: clamp(22px, 7vw, 30px); }
  .vc-chip-q0, .jq-body > .bk-ring { grid-column: 1 / -1; }
  .vc-chip-q0 { display: grid; margin-top: 0.25rem; border-bottom: var(--zone-shape) solid var(--strip-stage); grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: var(--zone-shape) solid var(--strip-stage); gap: 0; }
  .vc-chip-q0 li { display: grid; gap: 2px; padding: 0.625rem 0.5rem; }
  .vc-chip-q0 li + li { border-left: var(--zone-shape) solid var(--strip-stage); }
  .vc-chip-q0 .zg-dice-1c { font-size: var(--pill-dot); }
  .jq-body > .bk-ring { justify-content: center; }
  .or-lead { grid-template-columns: 1fr; }
  .sj-area { height: 10.625rem; }
 }
.ds-deck { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.125rem 0.875rem }
.ei-frame { position: relative; grid-column: span 2; grid-row: span 2; overflow: hidden; border-radius: var(--vip-seal); border: var(--zone-shape) solid var(--strip-stage); box-shadow: var(--seal-tab) }
.ei-frame img { height: 100%; width: 100%; transition: transform 700ms var(--inner-pill); inset: 0; object-fit: cover; position: absolute; }
.ei-frame:hover img { transform: scale(1.04); }
.ei-frame::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 55%, rgba(0, 0, 0, 0.6)); }
.ep-slab-kq { gap: 0.625rem; justify-items: start; z-index: 1; bottom: 1.25rem; right: 1.25rem; left: 1.25rem; display: grid; position: absolute }
.dp-block { font-size: clamp(26px, 2.4vw, 38px); color: #fff; }
.wx-front { display: inline-flex; align-items: center; gap: 0.375rem; font-size: var(--frame-chip); color: rgba(255, 255, 255, 0.75); }
.px-promo { gap: 0.75rem; justify-items: center; display: grid; margin: 1.75rem auto 0; width: min(320px, 100%) }
.qq-lead-cz { font-size: var(--frame-chip); color: var(--field-deck); }
.qq-lead-cz .zg-dice-1c { color: var(--zone-reel); }
.xp-chip2 { overflow: hidden; background: var(--strip-stage); border-radius: var(--rail-feature); height: 0.25rem; width: 100%; }
.xp-chip2 span { height: 100%; display: block; background: var(--view-side); }
@media (max-width: 1180px) { .ds-deck { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .ds-deck > .js-stack:nth-of-type(n + 6) { display: none; } }
@media (max-width: 720px) { .ds-deck { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ei-frame { grid-row: auto; aspect-ratio: 3 / 4; }
  .ds-deck > .js-stack:nth-of-type(n + 6) { display: grid; } }
.av-strip-00 { display: grid; grid-template-columns: minmax(240px, 0.8fr) minmax(0, 2.4fr); overflow: hidden; padding: 1.75rem 2rem; align-items: center; gap: 2rem; }
.fx-dot { display: grid; gap: 0.75rem; justify-items: start; }
.dg-vip-87 { font-size: clamp(26px, 2.4vw, 36px); }
.pj-unit { display: inline-flex; align-items: center; gap: 0.5rem; font-size: var(--hero-core); color: var(--media-ace); }
.hz-lead { padding: 0; list-style: none; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 0.75rem; margin: 0; }
.yy-win { text-align: center; position: relative; gap: 0.25rem; display: grid; justify-items: center; }
.pl-menu-lh { display: block; width: 100%; max-width: 7.75rem; aspect-ratio: 1; padding: 0.25rem; border-radius: 50%; background: conic-gradient(from 200deg, var(--view-side), var(--pill-reel), var(--shape-stage), var(--view-side)); transition: transform var(--reel-media) var(--inner-pill) }
.pl-menu-lh img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 15%; border-radius: 50%; border: 3px solid var(--live-stage); }
.yy-win:hover .pl-menu-lh { transform: scale(1.05) rotate(calc(var(--vip-jackpot) * -1)); }
.ck-item-fr { z-index: 1; color: #fff; background: var(--edge-step); text-transform: uppercase; margin-top: -0.875rem; border-radius: 62.4375rem; letter-spacing: 0.1em; font: 700 9px/1.4 var(--area-main); padding: 2px 0.5rem }
.wg-chip2 { line-height: 1.2; font-weight: 600; font-size: var(--hero-core); margin-top: 0.375rem; }
.mn-seal-ti { font-size: 0.6875rem; color: var(--field-deck); }
@media (max-width: 1180px) { .av-strip-00 { grid-template-columns: 1fr; } }
@media (max-width: 720px) { .av-strip-00 { padding: 1.375rem 1.125rem; }
  .hz-lead { padding-bottom: 0.25rem; scrollbar-width: none; overflow-x: auto; grid-auto-columns: 96px; grid-template-columns: none; grid-auto-flow: column; } }
.av-bar-4o { align-items: center; gap: clamp(28px, 5vw, 72px); grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); display: grid; }
.ra-base-lb { display: grid; justify-items: start; gap: 1rem; }
.dj-foot { font-size: clamp(34px, 3.6vw, 56px); }
.lu-feature { color: var(--media-ace); max-width: 46ch; }
.mh-reel { margin: 0.5rem 0; grid-template-columns: 1fr 1fr; gap: 1.125rem 1.5rem; display: grid; }
.mh-reel li { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 0.75rem; }
.mh-reel :is(strong, b) { display: block; font-size: var(--hero-core); margin-bottom: 2px; }
.mh-reel span span { font-size: var(--frame-chip); color: var(--field-deck); }
.rw-step-lf { place-items: center; background: var(--club-bonus); display: grid; width: 2.5rem; border-radius: var(--rail-feature); color: var(--view-side); font-size: 1.125rem; height: 2.5rem; }
.hn-top-2j { position: relative; margin: 0; padding: 1.5rem 1.75rem; list-style: none; }
.nh-pane { gap: 1.125rem; align-items: center; grid-template-columns: 40px minmax(0, 1fr) auto; display: grid; position: relative; padding: 1rem 0 }
.nh-pane:not(:last-child)::after { content: ""; top: 3.5rem; position: absolute; left: 1.1875rem; bottom: -1rem; background: var(--group-feature); width: calc(var(--zone-shape) * 2) }
.nh-pane.nu-pane:not(:last-child)::after { background: var(--view-side); }
.tz-mark { position: relative; z-index: 1; display: grid; place-items: center; width: 2.5rem; height: 2.5rem; border-radius: 50%; border: calc(var(--zone-shape) * 2) solid var(--group-feature); background: var(--live-stage); font-size: 0.8125rem; color: var(--field-deck) }
.nh-pane.nu-pane .tz-mark { color: var(--deck-bar); border-color: var(--view-side); background: var(--view-side); }
.nh-pane.ny-dock .tz-mark { border-color: var(--view-side); color: var(--view-side); box-shadow: 0 0 0 6px var(--club-bonus); }
.iu-rear-y5 { display: grid; gap: 2px; min-width: 0; }
.ak-note { font-size: 1.375rem; }
.cv-rear-v1 { font-size: var(--frame-chip); color: var(--field-deck); }
.fx-edge-5a { font-size: var(--hero-core); color: var(--media-ace); }
.cq-feature-i8 { grid-column: 2 / -1; justify-self: start; margin-top: -0.25rem; padding: 3px 0.625rem; border-radius: var(--mark-panel); background: var(--club-bonus); color: var(--view-side); font-size: 0.6875rem; font-weight: 600 }
@media (max-width: 1080px) { .av-bar-4o { grid-template-columns: 1fr; } }
@media (max-width: 560px) { .mh-reel { grid-template-columns: 1fr; } .hn-top-2j { padding: 0.75rem 1.125rem; } }
.br-box { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(270px, calc((100% - 42px) / 4)); gap: 0.875rem; margin: 0; padding: 2px 2px 0.75rem; list-style: none; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none }
.br-box::-webkit-scrollbar { display: none; }
.br-box > li { scroll-snap-align: start; }
.nd-set { position: relative; display: block; height: 26.25rem; overflow: hidden; border-radius: var(--vip-seal); border: var(--zone-shape) solid var(--strip-stage); box-shadow: var(--seal-tab); background: var(--cell-panel); transition: transform var(--reel-media) var(--inner-pill), box-shadow var(--reel-media) }
.nd-set:hover { transform: translateY(calc(var(--main-tile) * -1)); box-shadow: var(--edge-chip); }
.nd-set img { position: absolute; inset: 0; width: 100%; transition: transform 800ms var(--inner-pill); object-fit: cover; object-position: 50% 30%; height: 100%; }
.nd-set:hover img { transform: scale(1.06); }
.nd-set::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 30%, rgba(0, 0, 0, 0.92) 78%); }
.df-vip { padding: 0.3125rem 0.625rem; position: absolute; font-size: var(--frame-chip); backdrop-filter: blur(6px); border-radius: var(--mark-panel); align-items: center; background: rgba(0, 0, 0, 0.55); top: 0.875rem; z-index: 1; display: inline-flex; left: 0.875rem; color: #fff; gap: 0.375rem }
.gt-area { gap: 0.5rem; bottom: 1.25rem; position: absolute; left: 1.25rem; z-index: 1; display: grid; color: #fff; right: 1.25rem; }
.jz-box { font-size: 1.75rem; }
.ch-table { font-size: var(--hero-core); color: rgba(255, 255, 255, 0.78); }
.jv-view { margin-top: 0.25rem; font-weight: 600; align-items: center; color: var(--pill-reel); display: inline-flex; gap: 0.375rem; font-size: var(--hero-core); }
@media (max-width: 720px) { .br-box { grid-auto-columns: 78vw; } .nd-set { height: 23.75rem; } }
.ed-rear { overflow-x: auto; list-style: none; gap: 0.5rem; grid-auto-columns: 232px; padding: 0.25rem 2px 0.75rem; grid-auto-flow: column; scroll-snap-type: x mandatory; display: grid; margin: 0; scrollbar-width: none }
.ed-rear::-webkit-scrollbar { display: none; }
.io-head { scroll-snap-align: start; position: relative; display: flex; align-items: flex-end; padding-left: 4rem; }
.hr-shape-8w { position: absolute; left: 0; bottom: 1.875rem; z-index: 0; font-size: 11.875rem; line-height: 0.8; color: var(--cell-set); -webkit-text-stroke: 3px var(--list-dice); letter-spacing: -0.06em }
.if-dock-mc { position: relative; z-index: 1; width: 100%; }
.io-head:first-child .hr-shape-8w { -webkit-text-stroke-color: var(--view-side); }
@media (max-width: 720px) { .ed-rear { grid-auto-columns: 180px; }
  .io-head { padding-left: 3rem; }
  .hr-shape-8w { font-size: 8.75rem; } }
.ky-crown-uw { grid-template-columns: minmax(260px, 0.8fr) minmax(0, 1.4fr); overflow: hidden; display: grid; }
.gv-bar-i7 { justify-items: start; display: grid; border-right: var(--zone-shape) solid var(--strip-stage); gap: 0.875rem; align-content: center; padding: 2rem; }
.ly-dot { font-size: clamp(28px, 2.6vw, 40px); }
.sv-dot { margin: 0.5rem 0 0; gap: 0.875rem; display: grid; width: 100%; }
/*  header  */
.sv-dot .ol-feature-n2 { padding-top: 0.75rem; border-top: var(--zone-shape) solid var(--strip-stage); }
.sv-dot dd { margin: 0; }
.ce-dice { mask-image: linear-gradient(transparent, #000 14%, #000 86%, transparent); height: 21.25rem; overflow: hidden }
.uf-spin { display: grid; animation: wins-d-up 40s linear infinite; }
.ky-crown-uw:hover .uf-spin { animation-play-state: paused; }
.qy-crown { display: grid; grid-template-columns: 36px minmax(0, 1fr) auto auto; align-items: center; gap: 0.875rem; padding: 0.625rem 1.5rem; border-bottom: var(--zone-shape) solid var(--strip-stage) }
.qy-crown img { object-fit: cover; border-radius: calc(var(--rail-feature) * 0.5); height: 2.5rem; width: 2.5rem; }
.jm-bar-mx { font-size: var(--hero-core); display: grid; gap: 2px; min-width: 0; }
.jm-bar-mx span { font-size: var(--frame-chip); color: var(--field-deck); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sw-chip { font-size: var(--frame-chip); color: var(--media-ace); }
.nv-grid { min-width: 6.25rem; text-align: right; color: var(--shape-stage); }
@keyframes wins-d-up { to { transform: translateY(-50%); } }
@media (prefers-reduced-motion: reduce) { .uf-spin { animation: none; } .ce-dice { overflow-y: auto; } }
@media (max-width: 900px) { .ky-crown-uw { grid-template-columns: 1fr; }
  .gv-bar-i7 { border-right: 0; border-bottom: var(--zone-shape) solid var(--strip-stage); }
  .sv-dot { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 560px) { .sv-dot { grid-template-columns: 1fr; }
  .qy-crown { grid-template-columns: 36px minmax(0, 1fr) auto; padding: 0.625rem 1rem; }
  .sw-chip { display: none; } }
.gv-zone-9o { padding: clamp(24px, 4vw, 56px); }
.yp-vip-g7 {
  border-bottom: calc(var(--zone-shape) * 3) double var(--group-feature);
  display: grid; gap: 1rem 3rem; margin-bottom: 2rem; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); align-items: start;
  padding-bottom: 2rem }
.yp-vip-g7 .as-slab-d4 { grid-column: 1 / -1; }
.sx-rail { font-size: clamp(30px, 3.4vw, 52px); }
.jp-panel { font-size: var(--wrap-head); line-height: 1.6; color: var(--zone-reel); }
.xi-wrap-yo {
  column-count: 3; column-gap: 48px;
  column-rule: var(--zone-shape) solid var(--strip-stage);
  font-size: var(--hero-core); line-height: 1.7 }
.zt-deal { margin-bottom: 1.75rem; }
.fe-list { font-size: var(--wrap-head); color: var(--zone-reel); margin-bottom: 0.625rem; break-after: avoid; }
.xi-wrap-yo .cf-inner-rm, .xi-wrap-yo .dh-front, .xi-wrap-yo .du-mark-0q li { break-inside: avoid; }
.xi-wrap-yo .cf-inner-rm table { font-size: 0.75rem; }
.xi-wrap-yo .ee-front { column-span: all; margin: 0.5rem 0 1.75rem; }
.xi-wrap-yo .ee-front table { font-size: var(--hero-core); }
.xi-wrap-yo .cf-inner-rm th, .xi-wrap-yo .cf-inner-rm td { padding: 0.4375rem 0.5rem; white-space: normal; }
.xi-wrap-yo .cf-inner-rm thead th { font-size: 0.625rem; letter-spacing: 0.04em; }
@media (max-width: 1280px) { .xi-wrap-yo { column-count: 2; } }
@media (max-width: 800px) {
  .yp-vip-g7 { grid-template-columns: 1fr; }
  .xi-wrap-yo { column-count: 1; }
 }
.gw-page-sa { grid-template-columns: minmax(0, 1fr); }
.gw-page-sa .sx-rail { max-width: 22ch; }
.gw-page-sa .jp-panel { max-width: 64ch; }
.uf-core-bu { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(32px, 5vw, 80px); }
.pz-step { display: grid; color: var(--media-ace); align-content: start; gap: 1rem; }
.zc-stage-c1 { font-size: clamp(28px, 2.6vw, 38px); margin-bottom: 0.5rem; color: var(--zone-reel); max-width: 20ch; }
.if-win-c6 { border-top: var(--zone-shape) solid var(--group-feature); }
.cl-deal { border-bottom: var(--zone-shape) solid var(--group-feature); }
.cl-deal summary { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.25rem 0; cursor: pointer; list-style: none; font-size: var(--wrap-head) }
.cl-deal summary::-webkit-details-marker { display: none; }
.cl-deal summary .wg-win { color: var(--view-side); transition: transform var(--reel-media) var(--inner-pill); }
.cl-deal[open] summary .wg-win { transform: rotate(45deg); }
.cl-deal p { padding: 0 3rem 1.375rem 0; color: var(--media-ace); }
@media (max-width: 900px) { .uf-core-bu { grid-template-columns: 1fr; } }
.cg-block { overflow: hidden; border-top: var(--zone-shape) solid var(--strip-stage); }
.dh-strip { display: grid; padding: 48px var(--link-mark) 24px; margin: 0 auto; max-width: 90rem; gap: 2rem; }
.hp-ring-mt { gap: 2rem; grid-template-columns: minmax(0, 1.7fr) repeat(4, minmax(0, 1fr)); display: grid; }
.td-star { gap: 0.625rem; padding: 1.375rem; color: var(--media-ace); align-content: start; display: grid; min-width: 0; font-size: var(--hero-core); }
.jf-rear { font-size: 1.625rem; color: var(--zone-reel); }
.um-page { flex-wrap: wrap; display: flex; margin-top: 0.375rem; gap: 0.5rem; }
.mj-dice-cq { flex: 1 1 180px; min-width: 0; }
.um-page .bk-ring { flex: 0 0 auto; }
.xk-list { text-transform: uppercase; letter-spacing: var(--dock-vip); font-weight: 600; color: var(--field-deck); font-size: var(--frame-chip); margin-bottom: 0.75rem; }
.vt-base-eg ul { display: grid; gap: 0.5625rem; font-size: var(--hero-core); color: var(--media-ace); }
.vt-base-eg a:hover { color: var(--view-side); }
.tq-field-c9 { display: flex; flex-wrap: wrap; align-items: center; gap: 1.125rem 1.75rem; padding: 1.25rem 0; border-top: var(--zone-shape) solid var(--strip-stage); border-bottom: var(--zone-shape) solid var(--strip-stage); }
.op-dock .sf-side svg { height: 1.25rem; }
.op-dock { display: flex; flex-wrap: wrap; align-items: center; gap: 0.625rem 1.125rem; margin-right: auto; font: 500 var(--frame-chip)/1 var(--lobby-grid); letter-spacing: 0.08em; text-transform: uppercase; color: var(--field-deck); }
.qk-shape { display: grid; place-items: center; width: 2.625rem; height: 2.625rem; border-radius: 50%; border: calc(var(--zone-shape) * 2) solid var(--edge-step); color: var(--edge-step); font-size: 0.8125rem; }
.rl-crown { font-size: var(--frame-chip); line-height: 1.7; max-width: 110ch; color: var(--field-deck); }
@media (max-width: 1320px) { .hp-ring-mt { grid-template-columns: minmax(0, 1.4fr) repeat(2, minmax(0, 1fr)); } .td-star { grid-row: span 2; } }
@media (max-width: 1180px) { .hp-ring-mt { grid-template-columns: repeat(2, minmax(0, 1fr)); } .td-star { grid-column: 1 / -1; grid-row: auto; } }
@media (max-width: 520px) { .um-page { flex-direction: column; } }
.tq-field-c9 .np-feature-xk { flex-basis: 100%; }
:root { --deck-bar: #ffffff; --club-bonus: rgba(173, 112, 52, 0.14); --pill-reel: #8E5C2B; --view-side: #AD7034; }
:root { --view-side: #ad7034; --pill-reel: #8E5C2B; --club-bonus: rgba(173, 112, 52, 0.14); --deck-bar: #FFFFFF; }
/*  temp  */
:root { --view-side: #ad7034; --pill-reel: #8e5c2b; --club-bonus: rgba(173, 112, 52, 0.14); --deck-bar: #ffffff; }
:root { --view-side: #ad7034; --pill-reel: #8E5C2B; --club-bonus: rgba(173, 112, 52, 0.14); --deck-bar: #ffffff; }
:root { --view-side: #ad7034; --pill-reel: #8e5c2b; --club-bonus: rgba(173, 112, 52, 0.14); --deck-bar: #ffffff; }
:root { --deck-bar: #FFFFFF; --view-side: #ad7034; --club-bonus: rgba(173, 112, 52, 0.14); --pill-reel: #8e5c2b; }
:root { --main-tile: 0px; --front-spin: 1440px; --zone-shape: 1px; --vip-jackpot: 0.5deg; }
svg.wg-win{height:1em;display:inline-block;width:1em;fill:currentColor;vertical-align:-0.125em}