.sj-stack .zp-deal { color: rgb(243, 245, 247); }
.hu-stage { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
.hu-stage img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; border-radius: calc(var(--item-unit) * 0.6); }
@media (max-width: 1180px) { .cy-offer-fh { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 520px) { .cy-offer-fh { grid-template-columns: 1fr; } }
.tx-rear .fu-flag { --front-stack: clamp(200px, calc((100% - 14px * 4) / 5), 300px); }
@media (max-width: 720px) { .tx-rear .fu-flag { --front-stack: 64vw; } }
.nm-lobby { --media-slab: 14px; position: relative; display: grid; grid-template-columns: 120px minmax(0, 1fr) auto 220px; align-items: center; gap: 28px; padding: 18px 0 18px 18px; background: var(--group-win); border: 2px solid var(--media-strip); border-radius: var(--item-reel) }
.fc-band { width: 120px; border-radius: 14px; height: 120px; object-fit: cover; }
.sd-tab { display: grid; gap: 6px; min-width: 0; }
.da-pill { font-size: clamp(22px, 2vw, 30px); }
.so-lobby-c9 { font-size: var(--block-list); color: var(--star-tile); }
.ju-slot { display: flex; margin: 0; gap: 6px; }
.ju-slot dd { background: var(--pane-label); margin: 0; justify-items: center; border-radius: var(--item-unit); padding: 10px 6px; display: grid; min-width: 58px }
.ju-slot .zp-deal { font-size: 26px; line-height: 1; color: var(--ace-meta); }
.ju-slot small { font-size: 10px; color: hsl(217 11% 47%); text-transform: uppercase; letter-spacing: 0.1em; }
.ma-edge { display: grid; align-self: stretch; border-left: 2px dashed var(--media-strip); border-radius: 0 var(--item-reel) var(--item-reel) 0; justify-items: center; padding: 18px; position: relative; align-content: center; gap: 6px; background: var(--slab-head); margin: -18px 0 }
.ma-edge::before, .ma-edge::after { content: ""; position: absolute; left: calc(var(--media-slab) * -1 - 1px); width: calc(var(--media-slab) * 2); height: calc(var(--media-slab) * 2); border-radius: 50%; background: var(--pane-label) }
.ma-edge::before { top: calc(var(--media-slab) * -1 - 2px); }
.ma-edge::after { bottom: calc(var(--media-slab) * -1 - 2px); }
.dm-outer-pn { font-size: 24px; }
@media (max-width: 1180px) { .nm-lobby { grid-template-columns: 100px minmax(0, 1fr) 200px; }
  .fc-band { width: 100px; height: 100px; }
  .ju-slot { grid-column: 2; }
  .ma-edge { grid-column: 3; grid-row: 1 / span 2; } }
@media (max-width: 700px) { .nm-lobby { grid-template-columns: 1fr; padding: 18px; gap: 16px; }
  .fc-band, .ju-slot, .ma-edge { grid-column: auto; grid-row: auto; }
  .ma-edge { margin: 0 -18px -18px; border-left: 0; border-top: 2px dashed var(--media-strip); border-radius: 0 0 var(--item-reel) var(--item-reel); }
  .ma-edge::before, .ma-edge::after { display: none; } }
.pa-main { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px 14px }
.aj-row-f3 { position: relative; grid-column: span 2; grid-row: span 2; overflow: hidden; border-radius: var(--item-reel); border: 2px solid var(--rail-tab); box-shadow: var(--field-label) }
.aj-row-f3 img { height: 100%; width: 100%; inset: 0; object-fit: cover; position: absolute; transition: transform 700ms cubic-bezier(0.34, 1.4, 0.64, 1); }
.aj-row-f3:hover img { transform: scale(1.04); }
.aj-row-f3::after { inset: 0; background: linear-gradient(180deg, transparent 55%, rgba(0, 0, 0, 0.6)); position: absolute; content: ""; }
.hp-game-sj { position: absolute; z-index: 1; bottom: 20px; justify-items: start; left: 20px; gap: 10px; right: 20px; display: grid }
.rp-set { font-size: clamp(26px, 2.4vw, 38px); color: #fff; }
.ry-body { gap: 6px; display: inline-flex; align-items: center; font-size: var(--lobby-area); color: rgba(255, 255, 255, 0.75); }
.rq-vip-mc { margin: 28px auto 0; display: grid; width: min(320px, 100%); justify-items: center; gap: 12px }
.lr-hero { font-size: var(--lobby-area); color: hsl(217 11% 47%); }
.lr-hero .zp-deal { color: rgb(243, 245, 247); }
.dy-band-ps { border-radius: var(--item-unit); height: 4px; background: var(--rail-tab); width: 100%; overflow: hidden; }
.dy-band-ps span { background: var(--menu-view); display: block; height: 100%; }
@media (max-width: 1180px) { .pa-main { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .pa-main > .vq-link-k7:nth-of-type(n + 6) { display: none; } }
@media (max-width: 720px) { .pa-main { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .aj-row-f3 { grid-row: auto; aspect-ratio: 3 / 4; }
  .pa-main > .vq-link-k7:nth-of-type(n + 6) { display: grid; } }
.xo-flag { gap: 12px; padding: 0; display: grid; margin: 0; list-style: none; grid-template-areas: "c1 c1 c2" "c1 c1 c3" "c4 c5 c6"; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: repeat(3, clamp(170px, 14vw, 215px)) }
.hi-live { grid-area: c1; }
.ri-zone { grid-area: c2; }
.su-club { grid-area: c3; }
.pb-note-zu { grid-area: c4; }
.ht-row { grid-area: c5; }
.qt-dock { grid-area: c6; }
.qc-field { position: relative; display: block; height: 100%; overflow: hidden; border-radius: var(--item-reel); border: 2px solid var(--rail-tab); background: var(--slab-tray); box-shadow: var(--field-label) }
.qc-field img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 40%; transition: transform 700ms cubic-bezier(0.34, 1.4, 0.64, 1); }
.qc-field::after { background: linear-gradient(90deg, rgba(0, 0, 0, 0.78), transparent 70%); inset: 0; position: absolute; content: ""; }
.qc-field:hover img { transform: scale(1.05); }
.qg-box { position: absolute; display: grid; left: 18px; bottom: 16px; color: #fff; z-index: 1; gap: 6px; }
.gn-step { font-size: var(--band-pane); }
.hi-live .gn-step { font-size: clamp(34px, 3.2vw, 52px); }
.hi-live .qg-box { bottom: 72px; left: 24px; }
.vr-core { display: inline-flex; align-items: center; font-size: var(--lobby-area); color: rgba(255, 255, 255, 0.8); gap: 6px; }
.gw-zone { position: absolute; left: 24px; bottom: 22px; z-index: 1; }
@media (max-width: 900px) { .xo-flag { grid-template-columns: 1fr 1fr; grid-template-rows: 280px repeat(3, 160px); grid-template-areas: "c1 c1" "c2 c3" "c4 c5" "c6 c6"; } }
.ob-dock-rt { padding: clamp(24px, 4vw, 56px); }
.nd-gold {
  display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); align-items: start; gap: 16px 48px;
  border-bottom: calc(2px * 3) double var(--media-strip);
  padding-bottom: 32px; margin-bottom: 32px }
.nd-gold .jt-table { grid-column: 1 / -1; }
.cz-card-ld { font-size: clamp(30px, 3.4vw, 52px); }
.mm-meta-y3 { font-size: var(--dock-zone); line-height: 1.6; color: rgb(243, 245, 247); }
.xr-table {
  column-count: 3;
  font-size: var(--block-list); line-height: 1.7; column-gap: 48px;
  column-rule: 2px solid var(--rail-tab) }
.rt-nav { margin-bottom: 28px; }
.bb-slab { margin-bottom: 10px; break-after: avoid; font-size: var(--dock-zone); color: rgb(243, 245, 247); }
.xr-table .zq-tab, .xr-table .wp-area, .xr-table .sx-slab li { break-inside: avoid; }
.xr-table .zq-tab table { font-size: 12px; }
.xr-table .mf-page-mh { column-span: all; margin: 8px 0 28px; }
.xr-table .mf-page-mh table { font-size: var(--block-list); }
.xr-table .zq-tab th, .xr-table .zq-tab td { padding: 7px 8px; white-space: normal; }
.xr-table .zq-tab thead th { font-size: 10px; letter-spacing: 0.04em; }
@media (max-width: 1280px) { .xr-table { column-count: 2; } }
@media (max-width: 800px) {
  .nd-gold { grid-template-columns: 1fr; }
  .xr-table { column-count: 1; }
 }
.xx-grid { grid-template-columns: minmax(0, 1fr); }
.xx-grid .cz-card-ld { max-width: 22ch; }
.xx-grid .mm-meta-y3 { max-width: 64ch; }
.qr-live { display: grid; grid-template-columns: minmax(260px, 0.8fr) minmax(0, 1.4fr); gap: clamp(28px, 5vw, 72px); }
.pw-pill { position: sticky; top: calc(72px + 28px); align-self: start; display: grid; justify-items: start; gap: 14px; }
.tp-nav { font-size: clamp(30px, 3vw, 46px); }
.zb-base-wz { color: var(--star-tile); }
.fl-tile { padding: 16px; width: 100%; display: grid; grid-template-columns: 44px minmax(0, 1fr); align-items: center; margin-top: 8px; gap: 12px; }
.fl-tile .qr-jackpot-x2 { grid-column: 1 / -1; }
.fl-tile strong { display: block; font-size: var(--block-list); }
.yn-line { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: var(--menu-view); color: var(--mark-promo); font-size: 20px; }
.fo-ace-pj { gap: 6px; color: hsl(217 11% 47%); align-items: center; font-size: var(--lobby-area); display: inline-flex; }
.cc-view-9o { display: grid; gap: 10px; }
.zc-page-l3 { overflow: hidden; }
.zc-page-l3 summary { align-items: center; display: grid; gap: 12px; padding: 18px 20px; cursor: pointer; list-style: none; grid-template-columns: 44px minmax(0, 1fr) 32px }
.zc-page-l3 summary::-webkit-details-marker { display: none; }
.ix-outer-q6 { font-size: var(--block-list); color: var(--menu-view); }
.ve-shape { font-size: var(--dock-zone); font-weight: 600; }
.ps-table-t5 { height: 32px; display: grid; border-radius: 50%; background: var(--slab-tray); place-items: center; width: 32px; transition: transform var(--item-wrap) cubic-bezier(0.34, 1.4, 0.64, 1), background var(--item-wrap); }
.zc-page-l3[open] .ps-table-t5 { transform: rotate(45deg); background: var(--menu-view); color: var(--mark-promo); }
.zc-page-l3 p { padding: 0 64px 22px 76px; color: var(--star-tile); }
@media (max-width: 900px) { .qr-live { grid-template-columns: 1fr; }
  .pw-pill { position: static; }
  .zc-page-l3 p { padding: 0 20px 20px; } }
.fg-crown { overflow: hidden; border-top: 2px solid var(--rail-tab); }
.mw-bar-3o { gap: 32px; max-width: 1440px; margin: 0 auto; padding: 48px var(--box-tray) 24px; display: grid; }
.zn-ring { display: grid; grid-template-columns: minmax(0, 1.7fr) repeat(4, minmax(0, 1fr)); gap: 32px; }
.sq-row { display: grid; gap: 10px; color: var(--star-tile); padding: 22px; align-content: start; min-width: 0; font-size: var(--block-list); }
.dp-gold { font-size: 26px; color: rgb(243, 245, 247); }
.mq-ring { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 6px; }
.ux-frame-j1 { flex: 1 1 180px; min-width: 0; }
.mq-ring .qr-jackpot-x2 { flex: 0 0 auto; }
.ua-zone { margin-bottom: 12px; font-size: var(--lobby-area); font-weight: 600; letter-spacing: var(--jackpot-spin); text-transform: uppercase; color: hsl(217 11% 47%); }
.sy-jackpot ul { display: grid; gap: 9px; font-size: var(--block-list); color: var(--star-tile); }
.sy-jackpot a:hover { color: var(--menu-view); }
.ph-stage-3p { gap: 18px 28px; align-items: center; border-top: 2px solid var(--rail-tab); flex-wrap: wrap; display: flex; padding: 20px 0; border-bottom: 2px solid var(--rail-tab); }
.mi-race .tp-meta svg { height: 20px; }
.mi-race { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; margin-right: auto; font: 500 var(--lobby-area)/1 var(--star-media); letter-spacing: 0.08em; text-transform: uppercase; color: hsl(217 11% 47%); }
.lh-note { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; border: calc(2px * 2) solid hsl(8 100% 61%); color: hsl(8 100% 61%); font-size: 13px; }
.iw-flag { color: hsl(217 11% 47%); line-height: 1.7; font-size: var(--lobby-area); max-width: 110ch; }
@media (max-width: 1320px) { .zn-ring { grid-template-columns: minmax(0, 1.4fr) repeat(2, minmax(0, 1fr)); } .sq-row { grid-row: span 2; } }
@media (max-width: 1180px) { .zn-ring { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sq-row { grid-column: 1 / -1; grid-row: auto; } }
@media (max-width: 520px) { .mq-ring { flex-direction: column; } }
.ph-stage-3p .my-dice { flex-basis: 100%; }
:root { --menu-view: hsl(19 50% 37%); --ace-meta: #A26D54; --slab-head: rgba(142, 77, 47, 0.14); --mark-promo: #ffffff; }
:root { --menu-view: rgb(142 77 47); --ace-meta: rgb(162, 109, 84); --mark-promo: hsl(0 0% 100%); --slab-head: rgba(142, 77, 47, 0.14); }
:root { --lead-rail: calc(clamp(40px, 4vw, 60px) * 0.78); --box-tray: calc(clamp(16px, 2.2vw, 32px) * 0.78); --lobby-area: 11.3px; --block-list: 13.2px; --field-flag: 14.1px; --dock-zone: 17.9px; --vip-crest: 2px; --table-outer: 1deg; --base-lead: 1440px; }
svg.kx-block{width:1em;height:1em;display:inline-block;vertical-align:-0.125em;fill:currentColor}