.oo-shape { gap: 0.875rem; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); display: grid; }
.uc-deal-zx { padding: 2rem; overflow: hidden; display: grid; gap: 1.25rem; grid-template-columns: minmax(0, 1fr) minmax(0, 0.9fr); align-items: center }
.gz-promo-iw { display: grid; gap: 0.875rem; justify-items: start; }
.zl-jackpot { font-size: clamp(32px, 3vw, 48px); }
[data-kp-slot-rg] { border-radius: var(--t-mark-z3); transform: rotate(var(--t-hero-0m)); object-fit: cover; width: 100%; aspect-ratio: 1; }
.fl-item { font-size: var(--t-outer); color: var(--t-step); }
.ag-reel-r3 { display: grid; gap: 0.875rem; }
.sb-cell { grid-template-columns: 110px minmax(0, 1fr); align-items: center; transition: transform var(--t-stage-94) var(--t-star-xr), box-shadow var(--t-stage-94), border-color var(--t-stage-94); display: grid; padding: 0.75rem 1.125rem 0.75rem 0.75rem; gap: 1.125rem }
.sb-cell:hover { transform: translateX(4px); border-color: rgba(22, 36, 66, 0.6); }
.sb-cell img { width: 6.875rem; height: 6.875rem; object-fit: cover; border-radius: var(--t-deal-gw); }
.cx-area { display: grid; gap: 0.375rem; }
.yl-wrap-4b { font-size: 26px; }
.dy-base-hr { display: inline-flex; align-items: center; gap: 0.375rem; font-size: 12px; color: hsl(14 76% 53%); }
@media (max-width: 1180px) { .oo-shape { grid-template-columns: 1fr; } }
@media (max-width: 600px) { .uc-deal-zx { grid-template-columns: 1fr; padding: 1.375rem; }
  [data-kp-slot-rg] { order: -1; width: 60%; }
  .sb-cell { grid-template-columns: 80px minmax(0, 1fr); }
  .sb-cell img { width: 5rem; height: 5rem; } }
[data-mh-label] { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: 0.75rem 1.5rem; padding-bottom: 1rem; border-bottom: var(--t-group-77) solid rgba(22, 36, 66, 0.26); }
[data-xp-inner] { font-size: 38px; }
.fl-tile { display: flex; flex-wrap: wrap; gap: 0.25rem; }
.fl-tile a { min-width: 1.875rem; color: var(--t-step); font: 500 12px/1 "DM Mono", ui-monospace, monospace; height: 1.875rem; display: grid; transition: background var(--t-stage-94), color var(--t-stage-94); place-items: center; border-radius: var(--t-deal-gw); padding: 0 0.375rem }
.fl-tile a:hover { background: hsl(14 76% 53%); color: var(--t-tile-3m); }
.hi-note { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 0.625rem; margin: 1.125rem 0 1.625rem; padding: 0; list-style: none; }
.hi-note img { transition: opacity var(--t-stage-94); opacity: 0.7; height: 2.5rem; width: 100%; }
.hi-note a:hover img { opacity: 1; }
.hh-spin-ep { columns: 4 200px; column-gap: 32px; }
[data-sj-line-ul] { break-inside: avoid; display: grid; grid-template-columns: 36px minmax(0, 1fr); gap: 0.25rem; margin-bottom: 1.125rem; scroll-margin-top: calc(var(--t-band-da) + 20px); }
/*  temp  */
.pi-core-i8 { font-size: 1.625rem; line-height: 1; color: hsl(14 76% 53%); }
[data-sj-line-ul] ul { display: grid; gap: 0.25rem; }
[data-sj-line-ul] li { display: flex; align-items: baseline; gap: 0.5rem; font-size: var(--t-outer); }
[data-sj-line-ul] li a { color: var(--t-feature-ek); transition: color var(--t-stage-94); }
[data-sj-line-ul] li a:hover { color: hsl(14 76% 53%); }
[data-sj-line-ul] li .fm-field { margin-left: auto; font-size: 0.6875rem; color: hsl(224 11% 54%); }
@media (max-width: 900px) { .hi-note { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.tm-lobby { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); padding: 0; gap: 0.875rem; margin: 0; list-style: none; }
.in-body { gap: 1rem; grid-template-columns: 90px minmax(0, 1fr); display: grid; padding: 0.75rem; overflow: hidden; }
.in-body.qw-band { background: var(--t-body-rr), var(--t-pill); border-color: hsl(14 76% 53%); }
[data-kn-reel] { width: 6rem; height: 6rem; object-fit: cover; border-radius: var(--t-deal-gw); }
[data-pr-pane] { display: grid; align-content: center; gap: 0.25rem; min-width: 0; }
.vr-zone { font-size: 12px; color: hsl(224 11% 54%); }
.tv-group { font-size: 2.125rem; color: hsl(14 76% 53%); }
.hs-note-d7 { font-size: 16px; color: var(--t-feature-ek); }
/*  legacy  */
.nk-tray { font-size: 12px; color: hsl(224 11% 54%); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 1280px) { .tm-lobby { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .tm-lobby { grid-template-columns: 1fr; } }
.kq-slab { display: grid; grid-template-rows: repeat(3, clamp(170px, 14vw, 215px)); gap: 0.75rem; grid-template-areas: "c1 c1 c2" "c1 c1 c3" "c4 c5 c6"; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; list-style: none; padding: 0 }
.hu-box-i9 { grid-area: c1; }
.eq-tray { grid-area: c2; }
.tk-inner { grid-area: c3; }
[data-xz-slab] { grid-area: c4; }
.bl-main { grid-area: c5; }
.tb-crown-oa { grid-area: c6; }
.se-step { position: relative; display: block; height: 100%; overflow: hidden; border-radius: var(--t-foot); border: var(--t-group-77) solid rgba(22, 36, 66, 0.13); background: hsl(39 45% 90%); box-shadow: none }
.se-step img { height: 100%; object-position: 50% 40%; transition: transform 700ms var(--t-star-xr); width: 100%; inset: 0; position: absolute; object-fit: cover; }
.se-step::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0, 0, 0, 0.78), transparent 70%); }
.se-step:hover img { transform: scale(1.05); }
.he-media { bottom: 1rem; left: 1.125rem; gap: 0.375rem; display: grid; color: #fff; position: absolute; z-index: 1; }
.im-copy-vv { font-size: 26px; }
.hu-box-i9 .im-copy-vv { font-size: clamp(34px, 3.2vw, 52px); }
.hu-box-i9 .he-media { bottom: 4.5rem; left: 1.5rem; }
.va-head-rg { display: inline-flex; align-items: center; gap: 0.375rem; color: rgba(255, 255, 255, 0.8); font-size: 12px; }
.fz-bonus-cf { z-index: 1; left: 1.5rem; bottom: 1.375rem; position: absolute; }
@media (max-width: 900px) { .kq-slab { grid-template-areas: "c1 c1" "c2 c3" "c4 c5" "c6 c6"; grid-template-columns: 1fr 1fr; grid-template-rows: 280px repeat(3, 160px); } }
.eb-shape-of { grid-template-columns: minmax(240px, 0.8fr) minmax(0, 2fr); display: grid; gap: clamp(28px, 5vw, 72px); }
.sl-stage { position: sticky; top: calc(var(--t-band-da) + 28px); align-self: start; gap: 1rem; display: grid; }
.ru-dot { font-size: clamp(28px, 2.6vw, 40px); }
.de-chip2 { letter-spacing: 0.04em; color: hsl(224 11% 54%); font-size: 12px; }
.fp-frame { min-width: 0; justify-items: start; gap: 1.5rem; display: grid; }
.fp-frame > * { max-width: 100%; }
.jp-front-lq { line-height: 1.6; color: var(--t-feature-ek); font-size: var(--t-card); }
.vd-crown { justify-self: stretch; mask-image: linear-gradient(#000 60%, transparent); max-height: 35rem; min-width: 0; overflow: hidden; width: 100% }
.dm-vip:checked ~ .vd-crown { max-height: none; mask-image: none; }
.jb-win { display: grid; grid-template-columns: minmax(160px, 0.7fr) minmax(0, 2fr); gap: 0.75rem 2.5rem; padding: 1.625rem 0; border-top: var(--t-group-77) solid rgba(22, 36, 66, 0.13); font-size: var(--t-outer); line-height: 1.7 }
/*  v2  */
[data-ko-panel] { font-size: 16px; font-weight: 600; line-height: 1.35; color: var(--t-feature-ek); }
.vm-rail-cs, .dm-vip:checked ~ .eb-unit .ls-dot { display: none; }
.dm-vip:checked ~ .eb-unit .vm-rail-cs { display: inline; }
.dm-vip:focus-visible ~ .eb-unit { outline: 2px solid hsl(14 76% 53%); outline-offset: 3px; }
@media (max-width: 1080px) { .eb-shape-of { grid-template-columns: 1fr; }
  .sl-stage { position: static; } }
@media (max-width: 640px) { .jb-win { grid-template-columns: 1fr; } }
.ys-base-q9 { display: grid; gap: clamp(28px, 5vw, 72px); grid-template-columns: minmax(260px, 0.8fr) minmax(0, 1.4fr); }
[data-ap-spin] { position: sticky; gap: 0.875rem; top: calc(var(--t-band-da) + 28px); display: grid; justify-items: start; align-self: start; }
.vi-slot { font-size: clamp(30px, 3vw, 46px); }
.dt-group-fp { color: var(--t-step); }
.iz-live-1z { width: 100%; margin-top: 0.5rem; grid-template-columns: 44px minmax(0, 1fr); display: grid; gap: 0.75rem; align-items: center; padding: 1rem; }
.iz-live-1z .kz-table-3v { grid-column: 1 / -1; }
.iz-live-1z :is(strong, b) { display: block; font-size: var(--t-outer); }
[data-ow-band-1c] { display: grid; place-items: center; color: var(--t-tile-3m); height: 2.75rem; width: 2.75rem; font-size: 1.25rem; border-radius: 50%; background: hsl(14 76% 53%); }
.qo-media-9y { font-size: 12px; color: hsl(224 11% 54%); display: inline-flex; align-items: center; gap: 0.375rem; }
.wr-top-d4 { display: grid; gap: 0.625rem; }
.df-top { overflow: hidden; }
.df-top summary { gap: 0.75rem; list-style: none; cursor: pointer; display: grid; grid-template-columns: 44px minmax(0, 1fr) 32px; align-items: center; padding: 1.125rem 1.25rem }
.df-top summary::-webkit-details-marker { display: none; }
.vv-mark { font-size: var(--t-outer); color: hsl(14 76% 53%); }
.za-seal { font-size: var(--t-card); font-weight: 600; }
[data-iw-card-93] { transition: transform var(--t-stage-94) var(--t-star-xr), background var(--t-stage-94); place-items: center; width: 2rem; border-radius: 50%; display: grid; height: 2rem; background: hsl(39 45% 90%); }
.df-top[open] [data-iw-card-93] { transform: rotate(45deg); background: hsl(14 76% 53%); color: var(--t-tile-3m); }
.df-top p { padding: 0 4rem 1.375rem 4.75rem; color: var(--t-step); }
@media (max-width: 900px) { .ys-base-q9 { grid-template-columns: 1fr; }
  [data-ap-spin] { position: static; }
  .df-top p { padding: 0 1.25rem 1.25rem; } }
[data-yx-body-dx] { overflow: hidden; border-top: var(--t-group-77) solid rgba(22, 36, 66, 0.13); }
.yq-item-75 { max-width: 90rem; margin: 0 auto; padding: 48px clamp(16px, 2.6vw, 40px) 24px; display: grid; gap: 2rem; }
.kj-rail-t7 { display: grid; grid-template-columns: minmax(0, 1.7fr) repeat(4, minmax(0, 1fr)); gap: 2rem; }
.ob-ring { min-width: 0; display: grid; align-content: start; gap: 0.625rem; padding: 1.375rem; font-size: var(--t-outer); color: var(--t-step); }
.ho-main-kj { font-size: 1.625rem; color: var(--t-feature-ek); }
.eq-live { display: flex; margin-top: 0.375rem; flex-wrap: wrap; gap: 0.5rem; }
.ir-dock { flex: 1 1 180px; min-width: 0; }
.eq-live .kz-table-3v { flex: 0 0 auto; }
.qf-rear { letter-spacing: var(--t-group); text-transform: uppercase; margin-bottom: 0.75rem; font-size: 12px; color: hsl(224 11% 54%); font-weight: 600; }
.bp-inner-d1 ul { display: grid; gap: 0.5625rem; font-size: var(--t-outer); color: var(--t-step); }
.bp-inner-d1 a:hover { color: hsl(14 76% 53%); }
[data-jw-rear] { display: flex; flex-wrap: wrap; align-items: center; gap: 1.125rem 1.75rem; padding: 1.25rem 0; border-top: var(--t-group-77) solid rgba(22, 36, 66, 0.13); border-bottom: var(--t-group-77) solid rgba(22, 36, 66, 0.13); }
.la-promo-k0 .dz-top svg { height: 1.25rem; }
.la-promo-k0 { display: flex; align-items: center; font: 500 12px/1 "DM Mono", ui-monospace, monospace; gap: 0.625rem 1.125rem; text-transform: uppercase; flex-wrap: wrap; margin-right: auto; color: hsl(224 11% 54%); letter-spacing: 0.08em; }
.nf-inner { display: grid; place-items: center; width: 2.625rem; height: 2.625rem; border-radius: 50%; border: calc(var(--t-group-77) * 2) solid hsl(348 62% 53%); color: hsl(348 62% 53%); font-size: 0.8125rem; }
[data-kw-shape-nm] { max-width: 110ch; font-size: 12px; line-height: 1.7; color: hsl(224 11% 54%); }
@media (max-width: 1320px) { .kj-rail-t7 { grid-template-columns: minmax(0, 1.4fr) repeat(2, minmax(0, 1fr)); } .ob-ring { grid-row: span 2; } }
@media (max-width: 1180px) { .kj-rail-t7 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .ob-ring { grid-column: 1 / -1; grid-row: auto; } }
@media (max-width: 520px) { .eq-live { flex-direction: column; } }
[data-jw-rear] .vk-head-74 { flex-basis: 100%; }
:root { --t-game-oe: 1440px; --t-group-77: 1px; --t-deal-gw: 9px; --t-frame: 2px; --t-mark-z3: 14px; --t-foot: 20px; --t-win: 749px; --t-hero-0m: 1deg; }
.rx-lobby-yx, .tc-body { position: static; }
svg.cn-ring-1a{height:1em;vertical-align:-0.125em;width:1em;fill:currentColor;display:inline-block}