/* theme — last edited 2026-08-07 */
@font-face {
  font-family: 'Chillax';
  src: url(erd/dw5c5f.woff2) format("woff2");
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Chillax';
  src: url(erd/3kdpph.woff2) format("woff2");
  font-weight: 600;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Chillax';
  src: url(erd/d6a7u4.woff2) format("woff2");
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Fredoka';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(erd/u7p7uq.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Fredoka';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(erd/u4rzsx.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: 'Fredoka';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(erd/fkrbsq.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Fredoka';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(erd/9gr73p.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root {
  --cfg-menu-5e: clamp(16px, 2.6vw, 40px);
  --cfg-wrap-70: rgba(255, 79, 154, 0.14);
  --cfg-hero-3k: rgb(255, 217, 232);
  --cfg-note: hsl(0 0% 100%);
  --cfg-crest-0a: 3px;
  --cfg-area: 6px 6px 0 0 hsl(283 53% 18%);

  --cfg-win-vq: 12px;
  --cfg-head: 14px;
  --cfg-lobby: 26px;

  --cfg-ace-1s: rgb(58 22 72);

  --cfg-outer:"Fredoka","Chillax","Trebuchet MS",sans-serif;--cfg-ace-2t:999px;--cfg-chip2:2deg;--cfg-slot-ws:rgb(58,22,72);--cfg-game-ah:2.5px;--cfg-dice-ei:"Fredoka","Chillax",sans-serif;--cfg-wrap:220ms;

  --cfg-game-8n:600;color-scheme:light;--cfg-tab:248px;--cfg-line-30:19px;--cfg-card:5px 5px 0 0 #3a1648;--cfg-pane-te:clamp(44px,4.6vw,70px);--cfg-stack-cz:#58c7ff;

  --cfg-block: radial-gradient(circle at 4px 4px, rgba(255, 79, 154, 0.35) 2px, transparent 2.5px) 0 0 / 28px 28px, radial-gradient(circle at 18px 18px, rgba(63, 217, 160, 0.35) 2px, transparent 2.5px) 0 0 / 28px 28px;
  --cfg-grid: hsl(0 0% 100%);
  --cfg-slot-iq: brightness(0) opacity(0.85);
  --cfg-deck-9h: 0px;
  --cfg-bar: radial-gradient(50% 70% at 80% 50%, rgba(255, 207, 63, 0.45), transparent 70%);

  --cfg-rear-1z:28px;

  --cfg-vip-uw: hsl(334 100% 65%);

  --cfg-pill-7a: rgb(255, 241, 246);
  --cfg-copy: -0.01em;
  --cfg-rail: repeating-linear-gradient(-45deg, rgba(255, 207, 63, 0.25) 0 14px, transparent 14px 28px);
  --cfg-panel-yd: rgb(156, 132, 166);
  --cfg-jackpot: 16px;
  --cfg-flag-56: hsl(283 24% 38%);
  --cfg-club: 8px 8px 0 0 rgb(58 22 72);

  --cfg-view:cubic-bezier(0.34,1.56,0.64,1);

  --cfg-frame:hsl(157 71% 43%);--cfg-game-r2:"Chillax","Trebuchet MS",sans-serif;--cfg-stack:hsl(334 80% 55%);--cfg-mark-l0:#ff7a2e;--cfg-club-s7:none;--cfg-dice:rgb(255,207,63);--cfg-list:rgba(58,22,72,0.14);--cfg-flag:20px;

  --cfg-grid-3m:74px;--cfg-box-qk:rgb(255,246,250);--cfg-deal-vk:rgb(58 22 72);--cfg-core:172px;--cfg-crown:14px;--cfg-label-qn:1;--cfg-main-hl:clamp(46px,5.2vw,80px);--cfg-feature-rd:hsl(338 100% 95%);--cfg-deck-84:hsl(158 67% 55%);--cfg-ace:38px;

  --cfg-bar-wh: 0.06em;
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scrollbar-color: var(--cfg-vip-uw) transparent; }
body {
  margin: 0;
  color: var(--cfg-ace-1s);
  font: 500 var(--cfg-jackpot)/1.55 var(--cfg-game-r2);
  -webkit-font-smoothing: antialiased;
  background:
    radial-gradient(700px 400px at 0% 0%, rgba(88, 199, 255, 0.18), transparent 60%),
    radial-gradient(800px 500px at 100% 20%, rgba(255, 207, 63, 0.2), transparent 60%),
    var(--cfg-pill-7a);
  background-attachment: fixed;
}
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
button { cursor: pointer; font: inherit; border: 0; color: inherit; padding: 0; background: none; }
h1, h2, h3, h4, p { margin: 0; }
ul { margin: 0; padding: 0; list-style: none; }
::selection { background: var(--cfg-dice); color: var(--cfg-ace-1s); }
:focus-visible { outline: 3px solid var(--cfg-stack-cz); outline-offset: 3px; border-radius: 10px; }
.sd-menu { flex: none; line-height: 1; font-size: 1.25em; }
.sd-group { font-family: var(--cfg-dice-ei); font-variant-numeric: tabular-nums; font-weight: 600; }
.sd-foot { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.sd-slot {
  --cfg-tab-cf: 46px;
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  height: var(--cfg-tab-cf); padding: 0 24px;
  border-radius: 999px; border: 2.5px solid var(--cfg-ace-1s);
  font: 600 15px/1 var(--cfg-outer);
  white-space: nowrap;
  box-shadow: 3px 3px 0 0 var(--cfg-ace-1s);
  transition: transform var(--cfg-wrap) var(--cfg-view), box-shadow var(--cfg-wrap) var(--cfg-view), background var(--cfg-wrap);
}
.sd-slot:hover { transform: translate(-2px, -2px); box-shadow: 5px 5px 0 0 var(--cfg-ace-1s); }
.sd-slot:active { transform: translate(2px, 2px); box-shadow: 1px 1px 0 0 var(--cfg-ace-1s); }
.sd-reel-meta { font-size: 14px; padding: 0 18px; --cfg-tab-cf: 38px; }
.sd-ring-head { --cfg-tab-cf: 58px; padding: 0 32px; font-size: 18px; }
.sd-strip-feature { background: var(--cfg-vip-uw); color: #fff; }
.sd-pill-crest { background: #fff; color: var(--cfg-ace-1s); }
.sd-pill-crest:hover { background: var(--cfg-dice); }

.sd-bar-nav { display: inline-grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; border: 2.5px solid var(--cfg-ace-1s); background: #fff; color: var(--cfg-ace-1s); box-shadow: 2px 2px 0 var(--cfg-ace-1s); transition: background var(--cfg-wrap), transform var(--cfg-wrap) var(--cfg-view); }
.sd-bar-nav:hover { background: var(--cfg-deck-84); transform: rotate(-8deg); }
.sd-row { display: flex; align-items: center; gap: 10px; height: 46px; padding: 0 8px 0 16px; border-radius: 999px; background: #fff; border: 2.5px solid var(--cfg-ace-1s); color: var(--cfg-vip-uw); }
.sd-row:focus-within { box-shadow: 3px 3px 0 var(--cfg-vip-uw); }
.sd-row input { flex: 1; min-width: 0; height: 100%; background: none; border: 0; outline: 0; color: var(--cfg-ace-1s); font: inherit; font-size: var(--cfg-head); }
.sd-row input::placeholder { color: var(--cfg-panel-yd); }
.sd-row kbd { font: 600 12px/1 var(--cfg-outer); background: var(--cfg-dice); color: var(--cfg-ace-1s); padding: 6px 10px; border-radius: 999px; }
.sd-inner { display: inline-flex; align-items: center; gap: 6px; height: 30px; padding: 0 14px 0 8px; border-radius: 999px; background: var(--cfg-dice); border: 2px solid var(--cfg-ace-1s); font: 600 13px/1 var(--cfg-outer); color: var(--cfg-ace-1s); transform: rotate(calc(var(--cfg-chip2) * -1)); }
.sd-inner::before { display: grid; font-size: 10px; width: 18px; height: 18px; background: var(--cfg-vip-uw); color: #fff; content: "★"; place-items: center; border-radius: 50%; }
.sd-outer { font-family: var(--cfg-outer); letter-spacing: var(--cfg-copy); text-transform: var(--cfg-club-s7); font-weight: var(--cfg-game-8n); line-height: var(--cfg-label-qn); }
.sd-outer em { paint-order: stroke fill; font-style: normal; text-shadow: 3px 3px 0 var(--cfg-ace-1s); color: var(--cfg-vip-uw); -webkit-text-stroke: 1.5px var(--cfg-ace-1s); }
.sd-rail { display: inline-flex; align-items: center; height: 24px; padding: 0 10px; border-radius: 999px; border: 2px solid var(--cfg-ace-1s); font: 600 12px/1 var(--cfg-outer); color: var(--cfg-ace-1s); background: var(--cfg-dice); transform: rotate(-5deg); }
/*  tokens  */
.sd-live-shape { background: var(--cfg-vip-uw); color: #fff; }
.sd-bonus-tab { background: var(--cfg-deck-84); }
.sd-grid { position: relative; background: #fff; border: 2.5px solid var(--cfg-ace-1s); border-radius: var(--cfg-rear-1z); box-shadow: var(--cfg-card); }
.sd-dot { position: relative; overflow: hidden; border-radius: 50% 50% 36px 36px / 40% 40% 36px 36px; border: 3px solid var(--cfg-ace-1s); background: var(--cfg-stack-cz); box-shadow: 8px 8px 0 var(--cfg-ace-1s); transform: rotate(var(--cfg-chip2)); }
.sd-dot img { width: 100%; height: 100%; object-fit: cover; }

.sd-pane-outer { flex: none; display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: var(--cfg-deck-84); border: 2px solid var(--cfg-ace-1s); animation: candy-bounce 1.2s var(--cfg-view) infinite; }
@keyframes candy-bounce { 50% { transform: scale(1.35); } }

.sd-label{display:grid;gap:4px}.sd-menu-lead{font:600 12px/1 var(--cfg-outer);color:var(--cfg-panel-yd)}.sd-jackpot-jackpot{font:600 26px/1 var(--cfg-outer);color:var(--cfg-ace-1s)}

.sd-rear-lobby { display: inline-flex; align-items: center; gap: 6px; height: 36px; padding: 0 14px; border-radius: 999px; background: #fff; border: 2px solid var(--cfg-ace-1s); font: 600 14px/1 var(--cfg-outer); color: var(--cfg-ace-1s); transition: background var(--cfg-wrap); }
.sd-rear-lobby .sd-group { color: var(--cfg-vip-uw); }
.sd-rear-lobby:hover { background: var(--cfg-deck-84); }
.sd-block-bar { margin-bottom: 20px; display: flex; align-items: center; gap: 14px; }
.sd-ace-jackpot { display: none; }
.sd-side-gold { white-space: nowrap; font: 600 var(--cfg-ace)/1 var(--cfg-outer); margin-right: auto; gap: 12px; align-items: center; display: flex; }
.sd-side-gold .sd-menu { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 16px; border: 2.5px solid var(--cfg-ace-1s); background: var(--cfg-vip-uw); color: #fff; font-size: 24px; box-shadow: 3px 3px 0 var(--cfg-ace-1s); transform: rotate(-8deg); }
.sd-list-deck { display: none; }
.sd-lead-seal { display: flex; gap: 6px; }
.sd-block-bar .sd-rear-lobby { white-space: nowrap; }
.sd-zone { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; border: 2.5px solid var(--cfg-ace-1s); background: #fff; color: var(--cfg-ace-1s); box-shadow: 2px 2px 0 var(--cfg-ace-1s); transition: background var(--cfg-wrap), opacity var(--cfg-wrap); }
.sd-zone:hover { background: var(--cfg-dice); }
.sd-zone[disabled] { opacity: 0.35; pointer-events: none; }
@media (max-width: 720px) {
  .sd-side-gold { min-width: 0; white-space: normal; font-size: 28px; }
  .sd-side-gold .sd-menu { width: 36px; height: 36px; font-size: 18px; }
  .sd-lead-seal { display: none; }
  .sd-block-bar .sd-rear-lobby { flex: none; }
}
.sd-list { display: grid; grid-auto-flow: column; grid-auto-columns: var(--cfg-core); gap: 16px; padding: 6px 8px 14px 4px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: none; }
.sd-list::-webkit-scrollbar { display: none; }
.sd-list > * { scroll-snap-align: start; }
.sd-edge { display: grid; grid-template-columns: minmax(0, 1fr); min-width: 0; gap: 10px; transition: transform var(--cfg-wrap) var(--cfg-view); }
.sd-list-front { position: relative; aspect-ratio: var(--cfg-seal-ga, 3 / 2); overflow: hidden; border-radius: var(--cfg-flag); border: 2.5px solid var(--cfg-ace-1s); background: var(--cfg-hero-3k); box-shadow: 4px 4px 0 var(--cfg-ace-1s); transition: box-shadow var(--cfg-wrap) var(--cfg-view); }
.sd-list-front img { width: 100%; height: 100%; object-fit: cover; }
.sd-card-band { position: absolute; z-index: 1; top: 8px; left: 8px; }
.sd-edge:nth-child(odd):hover { transform: rotate(-2deg) translateY(-4px); }
.sd-edge:hover { transform: rotate(2deg) translateY(-4px); }
.sd-edge:hover .sd-list-front { box-shadow: 7px 7px 0 var(--cfg-vip-uw); }
.sd-rail-table { font: 600 15px/1.2 var(--cfg-outer); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sd-pill-dice { gap: 8px; justify-content: space-between; align-items: center; display: flex; color: var(--cfg-panel-yd); margin-top: 2px; font-size: 12px; }
.sd-pill-dice > span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sd-tray-mark { align-items: center; font-family: var(--cfg-dice-ei); color: var(--cfg-flag-56); flex: none; display: inline-flex; gap: 6px; }
.sd-card {
  --cfg-top-jr: 34px;
  white-space: nowrap;
  color: var(--cfg-ace-1s);
  display: inline-flex; line-height: 1;
  font-size: var(--cfg-top-jr);
  text-decoration: none; align-items: center; gap: 0.3em;
}
.sd-inner-grid { --cfg-top-jr: 44px; }
.sd-page-star {
  font-family: var(--cfg-outer); letter-spacing: var(--cfg-copy);
  text-transform: var(--cfg-club-s7); line-height: 1;
  font-size: 0.74em; font-weight: var(--cfg-game-8n);
}
.sd-pill-ace { position: relative; flex: none; }
@media (max-width: 720px) { .sd-promo .sd-card { --cfg-top-jr: 28px; } }
.sd-area-panel {
  font-size: 0.82em; line-height: 1;
  font-family: var(--cfg-outer); align-items: baseline; font-weight: var(--cfg-game-8n);
  display: inline-flex;
  text-transform: var(--cfg-club-s7); letter-spacing: var(--cfg-copy);
}
.sd-crown-head .sd-bar-item { margin-left: 0.22em; }
.sd-bar-item {
  color: var(--cfg-vip-uw);
  box-shadow: inset 0 -0.1em 0 color-mix(in srgb, var(--cfg-vip-uw) 30%, transparent);
}
.sd-reel-rail { margin: 0.04em 0 0 0.08em; height: 0.2em;
  width: 0.2em;
  align-self: flex-start;
  border-radius: 50%;
  background: var(--cfg-vip-uw);
}
.sd-promo {
  border-bottom: var(--cfg-game-ah) solid var(--cfg-list);
  backdrop-filter: blur(12px);
  background: color-mix(in srgb, var(--cfg-pill-7a) 88%, transparent);
  padding: 0 var(--cfg-menu-5e) 0 18px;
  height: var(--cfg-grid-3m); gap: 24px; align-items: center;
  display: flex; z-index: 30; top: 0;
  position: sticky;
}
.sd-row-foot { display: flex; align-items: center; margin-left: auto; gap: 10px; }

.sd-shape { padding: 18px 14px 32px; }
.sd-label-chip2 { list-style: none; margin: 0; padding: 0; gap: 4px; display: flex; flex-direction: column; }
.sd-frame-meta { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 18px; }
.sd-note-star {
  display: grid; justify-items: center; gap: 6px;
  padding: 10px 6px 12px;
  background: var(--cfg-grid);
  border: var(--cfg-game-ah) solid var(--cfg-list);
  border-radius: var(--cfg-rear-1z);
  box-shadow: var(--cfg-card);
  font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--cfg-flag-56);
  transition: border-color var(--cfg-wrap), color var(--cfg-wrap), transform var(--cfg-wrap) var(--cfg-view);
}
.sd-crest-base { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 50%; font-size: 28px; color: var(--cfg-note); background: radial-gradient(circle at 35% 30%, var(--cfg-stack), var(--cfg-vip-uw) 70%); box-shadow: 0 6px 16px -8px var(--cfg-vip-uw); }
.sd-note-star:nth-child(2) .sd-crest-base { background: radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--cfg-frame) 70%, #fff), var(--cfg-frame) 70%); box-shadow: 0 6px 16px -8px var(--cfg-frame); }
.sd-note-star:hover { transform: translateY(calc(var(--cfg-crest-0a) * -1)); color: var(--cfg-ace-1s); border-color: var(--cfg-vip-uw); }
.sd-tile-deal {
  color: var(--cfg-panel-yd); text-transform: uppercase; letter-spacing: var(--cfg-bar-wh);
  font-size: var(--cfg-win-vq);
  margin: 22px 10px 8px;
}
.sd-lobby-flag { padding: 0 10px; color: var(--cfg-flag-56);
  border-radius: var(--cfg-crown);
  font-size: 14px; align-items: center;
  height: 40px;
  display: flex;
  position: relative;
  transition: color var(--cfg-wrap), background var(--cfg-wrap); gap: 12px;
}
.sd-lobby-flag .sd-rail { margin-left: auto; }
.sd-lobby-flag:hover { color: var(--cfg-ace-1s); background: var(--cfg-grid); }
.sd-lobby-flag.sd-area { color: var(--cfg-ace-1s); background: var(--cfg-grid); }
.sd-lobby-flag.sd-area .sd-menu { color: var(--cfg-vip-uw); }

.sd-wrap { min-width: 0; }
.sd-zone-hero {
  padding: 28px var(--cfg-menu-5e) var(--cfg-pane-te);
  display: grid; grid-template-columns: minmax(0, 1fr); margin: 0 auto;
  max-width: var(--cfg-label-y6, 1440px); gap: var(--cfg-pane-te);
}
.sd-ace { display: none; }
.sd-chip.sd-crown-row .sd-ace { position: fixed; background: rgba(0, 0, 0, 0.55); display: block; z-index: 35; inset: 0; }
.sd-link { top: 0;
  overflow-y: auto;
  border-right: var(--cfg-game-ah) solid var(--cfg-list);
  position: fixed;
  width: min(300px, 86vw); transition: transform 320ms var(--cfg-view); left: 0; z-index: 40;
  transform: translateX(-102%); bottom: 0;
  background: var(--cfg-pill-7a);
}
.sd-chip.sd-crown-row .sd-link { transform: none; }

@media (max-width: 720px) {
  .sd-promo { gap: 12px; padding: 0 16px 0 12px; }
  .sd-row-foot { min-width: 0; }
  .sd-promo .sd-ring-zone { display: none; }
  .sd-row-foot .sd-pill-crest { display: none; }
}

@media (max-width: 480px) {
  .sd-promo { gap: 8px; padding-right: 10px; }
  .sd-row-foot { gap: 6px; }
  .sd-row-foot .sd-slot { padding: 0 12px; letter-spacing: 0.02em; }
}
.sd-jackpot-bar { grid-template-columns: calc(var(--cfg-tab) + 24px) minmax(0, 1fr); display: grid; min-height: 100vh; }
.sd-jackpot-bar .sd-strip {
  position: sticky; top: 12px;
  display: flex; flex-direction: column;
  height: calc(100vh - 24px); margin: 12px 0 12px 12px;
  overflow-y: auto; scrollbar-width: thin;
  background: var(--cfg-grid);
  border: var(--cfg-game-ah) solid var(--cfg-list);
  border-radius: var(--cfg-rear-1z);
}
.sd-stack-deal { padding: 20px 20px 4px; }
.sd-jackpot-bar .sd-strip .sd-shape { padding-top: 14px; }
.sd-jackpot-bar .sd-strip .sd-lobby-flag:hover:not(.sd-area) { background: var(--cfg-box-qk); }
.sd-dot-hero {
  display: grid; justify-items: start; gap: 8px;
  margin: auto 14px 14px; padding: 16px;
  border-radius: calc(var(--cfg-rear-1z) * 0.7);
  background: var(--cfg-bar), var(--cfg-box-qk);
  border: var(--cfg-game-ah) solid var(--cfg-list);
}
.sd-dot-hero strong { font-size: 22px; font-weight: var(--cfg-game-8n); }

.sd-slot-lobby { min-width: 0; }
.sd-jackpot-bar .sd-promo { border-bottom: 0; backdrop-filter: none; gap: 16px; background: transparent; }
.sd-chip2-shape, .sd-step-note { display: none; }
.sd-win-row { flex: 1; max-width: 560px; }

@media (max-width: 1080px) {
  .sd-jackpot-bar { grid-template-columns: minmax(0, 1fr); }
  .sd-jackpot-bar .sd-strip { z-index: 40; transition: transform 320ms var(--cfg-view); top: 0; left: 0; height: calc(100vh - 24px);
    position: fixed;
    transform: translateX(calc(-100% - 20px));
    width: min(300px, 86vw);
  }
  .sd-jackpot-bar.sd-crown-row .sd-strip { transform: none; }
  .sd-chip2-shape { display: inline-grid; }
  .sd-step-note { display: inline-flex; }
  .sd-jackpot-bar .sd-promo { backdrop-filter: blur(12px); border-bottom: var(--cfg-game-ah) solid var(--cfg-list); position: sticky; background: color-mix(in srgb, var(--cfg-pill-7a) 90%, transparent); }
}
.sd-offer { color: var(--cfg-flag-56); }
.sd-offer p { margin: 0 0 1em; }
.sd-offer p:last-child { margin-bottom: 0; }
.sd-side-field { color: var(--cfg-ace-1s); font-weight: 600; font-size: var(--cfg-line-30); margin: 1.4em 0 0.5em; }
.sd-gold-feature, .sd-cell-front { gap: 0.55em; display: grid; margin: 0 0 1.1em; padding: 0; list-style: none; }
.sd-gold-feature li { position: relative; padding-left: 1.4em; }
.sd-gold-feature li::before { left: 0.1em; position: absolute; border-radius: calc(var(--cfg-crown) * 0.2);
  width: 0.45em;
  transform: rotate(45deg);
  background: var(--cfg-vip-uw);
  content: ""; height: 0.45em; top: 0.62em;
}
.sd-cell-front { counter-reset: step; }
.sd-cell-front li { counter-increment: step; position: relative; padding-left: 2.3em; min-height: 1.7em; }
.sd-cell-front li::before { left: 0; top: -0.05em; color: var(--cfg-note); height: 1.7em; place-items: center; border-radius: 50%; width: 1.7em;
  font: 600 0.8em/1 var(--cfg-dice-ei);
  position: absolute;
  display: grid;
  content: counter(step);
  background: var(--cfg-vip-uw);
}
.sd-offer, .sd-offer > * { min-width: 0; }
.sd-front-box { max-width: 100%; margin: 0 0 1.1em; overflow-x: auto; border: var(--cfg-game-ah) solid var(--cfg-list); border-radius: var(--cfg-crown); }
.sd-front-box table { font-size: var(--cfg-head); border-collapse: collapse; width: 100%; }
.sd-front-box th, .sd-front-box td { white-space: nowrap; border-bottom: var(--cfg-game-ah) solid var(--cfg-list); text-align: left; padding: 10px 14px; }
.sd-front-box tbody tr:last-child > * { border-bottom: 0; }
.sd-front-box thead th { font-size: var(--cfg-win-vq); font-weight: 600; letter-spacing: var(--cfg-bar-wh); text-transform: uppercase; color: var(--cfg-panel-yd); background: var(--cfg-grid); }
.sd-front-box tbody th { font-weight: 600; color: var(--cfg-ace-1s); }
.sd-front-box caption { font-size: var(--cfg-win-vq); caption-side: top; font-weight: 600; border-bottom: var(--cfg-game-ah) solid var(--cfg-list); letter-spacing: var(--cfg-bar-wh); text-align: left; padding: 10px 14px; text-transform: uppercase; color: var(--cfg-vip-uw); }
.sd-front-box tbody tr:nth-child(even) > * { background: color-mix(in srgb, var(--cfg-box-qk) 45%, transparent); }
.sd-view-cell, .sd-meta-slot { font-size: 12px; font-weight: 700; width: 22px; border-radius: 50%; place-items: center; display: inline-grid; height: 22px; }
.sd-view-cell { background: color-mix(in srgb, var(--cfg-frame) 18%, transparent); color: var(--cfg-frame); }
.sd-meta-slot { background: color-mix(in srgb, var(--cfg-mark-l0) 14%, transparent); color: var(--cfg-mark-l0); }
.sd-link-crest tbody th { font-weight: 500; color: var(--cfg-flag-56); white-space: normal; width: 42%; }
.sd-link-crest td { color: var(--cfg-ace-1s); font-weight: 600; white-space: normal; }
.sd-zone-tab td, .sd-zone-tab thead th:not(:first-child) { text-align: center; }
.sd-zone-tab tbody td:nth-child(2), .sd-zone-tab thead th:nth-child(2) { background: var(--cfg-wrap-70) !important; }
.sd-zone-tab thead th:nth-child(2) { color: var(--cfg-vip-uw); }
@media (max-width: 520px) { .sd-block-bar { flex-wrap: wrap; row-gap: 8px; } }
img[src^="img/card/"], img[src^="img/wide/"], img[src^="img/square/"] { background-color: var(--cfg-offer-l8, var(--cfg-box-qk)); }
.sd-win { --cfg-seal-ga: 3 / 4; position: relative; }
.sd-win img {
  object-fit: contain !important; object-position: 50% 0 !important;
  background: linear-gradient(180deg, color-mix(in srgb, var(--cfg-offer-l8, #222) 72%, hsl(240 19% 5%)) 0 50%, color-mix(in srgb, var(--cfg-offer-l8, #222) 38%, hsl(240 19% 5%))) !important;
}
/*  legacy  */
.sd-win::before { content: ""; position: absolute; left: 0; right: 0; top: 49%; height: 24%; z-index: 1; pointer-events: none; background: linear-gradient(rgba(0, 0, 0, 0.28), transparent); }
.sd-slot-jackpot { position: absolute; left: 10px; right: 10px; bottom: 12px; z-index: 2; display: grid; gap: 2px; color: #fff; text-shadow: 0 1px 6px rgba(0, 0, 0, 0.45); pointer-events: none; }
.sd-slab-side { -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; font-family: var(--cfg-outer); letter-spacing: var(--cfg-copy); font-weight: var(--cfg-game-8n); text-transform: var(--cfg-club-s7); -webkit-line-clamp: 2; font-size: 17px; line-height: 1.05; }
.sd-table-table { font-size: 11px; opacity: 0.78; }
.sd-list-front.sd-win + .sd-set-side, .sd-list-front.sd-win + .sd-mark-base { display: none; }
img[src^="img/brand/"] {
  background: none !important; border: 0 !important; border-radius: 0 !important; padding: 0 !important;
  box-shadow: none !important; mask-image: none !important;
}
.sd-game-rail {
  width: 100%;
  pointer-events: none; justify-self: center;
  position: relative; min-height: var(--cfg-win, 340px); align-self: stretch;
}
.sd-game-rail .sd-base {
  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) {
  .sd-game-rail { align-self: auto; min-height: var(--cfg-pane-0f, 260px); }
  .sd-game-rail .sd-base { object-position: 50% 100%; }
}
img[src^="img/providers/"] { border-radius: 0; object-fit: contain; filter: var(--cfg-slot-iq, none); }
.sd-reel-game { display: inline-flex; vertical-align: middle; align-items: center; gap: 0.5em; line-height: 1; }
.sd-reel-game svg { flex: none; width: auto; height: 1.6em; max-width: 3em; }
.sd-stage-label { height: 1px; position: absolute; clip-path: inset(50%); width: 1px; white-space: nowrap; overflow: hidden; }
.sd-area-label { display: inline-flex; gap: 12px; align-items: center; font-size: 12px; letter-spacing: 0.04em; text-transform: uppercase; }
.sd-area-label a { color: var(--cfg-flag-56); text-decoration: none; }
.sd-area-label a:hover { color: var(--cfg-vip-uw); }
.sd-area-label a.sd-area { color: var(--cfg-ace-1s); font-weight: 600; }

.sd-media-race { display: block; }
.sd-inner-lobby { color: var(--cfg-vip-uw); }
.sd-pane-star {
  display: block; margin-top: 0.5em;
  font-family: var(--cfg-star); font-weight: 600; font-size: clamp(12px, 0.22em, 17px); line-height: 1.2;
  letter-spacing: var(--cfg-bar-wh); text-transform: uppercase; color: var(--cfg-flag-56);
}
.sd-nav-vip {
  margin: 0; display: block;
  font-family: var(--cfg-outer); font-weight: var(--cfg-game-8n); text-transform: var(--cfg-club-s7);
  letter-spacing: var(--cfg-copy); line-height: 1.05; font-size: clamp(22px, 2.4vw, 38px);
}
.sd-gold-strip { font-style: normal; color: var(--cfg-vip-uw); }
.sd-step-lobby { display: inline-flex; align-items: baseline; flex-wrap: wrap; gap: 6px; font-size: var(--cfg-win-vq); line-height: 1.3; color: var(--cfg-panel-yd); }
.sd-chip-unit { letter-spacing: var(--cfg-bar-wh); text-transform: uppercase; }
.sd-win-slot { font-weight: 600; color: var(--cfg-ace-1s); }
.sd-dot-grid { color: rgba(255, 255, 255, 0.72); }
.sd-dot-grid .sd-win-slot { color: #fff; }
.sd-label-slab { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.sd-base-chip2 { display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0 10px; font-size: var(--cfg-win-vq); color: var(--cfg-panel-yd); border-radius: var(--cfg-crown); transition: color .15s, border-color .15s, background-color .15s; }
.sd-base-chip2:hover { color: var(--cfg-ace-1s); }
.sd-base-chip2 .sd-menu { font-size: 1.25em; }
.sd-dice-lead .sd-base-chip2 { background: var(--cfg-feature-rd); border-radius: var(--cfg-ace-2t); }
.sd-reel-dot .sd-base-chip2 { border: var(--cfg-game-ah) solid var(--cfg-slot-ws); }
.sd-reel-dot .sd-base-chip2:hover { border-color: var(--cfg-deal-vk); }
.sd-stage-view .sd-base-chip2 { background: var(--cfg-grid); border: var(--cfg-game-ah) solid var(--cfg-list); font-weight: 600; }
.sd-star-copy { gap: 4px 18px; }
.sd-star-copy .sd-base-chip2 { padding: 0; height: auto; text-decoration-color: var(--cfg-deal-vk); text-decoration: underline; text-underline-offset: 3px; }
.sd-front-head .sd-base-chip2 { border-radius: 0; text-transform: uppercase; letter-spacing: 0.08em; padding: 0 8px; border-left: 2px solid var(--cfg-vip-uw); font: 500 11px/1 var(--cfg-dice-ei); }
a[role="button"] { cursor: pointer; }
.sd-promo { background: rgba(255, 241, 246, 0.88); border-bottom: 2.5px solid var(--cfg-ace-1s); }
.sd-core, .sd-copy { background: #fff; border-right: 2.5px solid var(--cfg-ace-1s); }
.sd-lobby-flag { font-size: 15px; border-radius: 999px; padding: 0 14px; font-family: var(--cfg-outer); color: var(--cfg-flag-56); font-weight: 600; }
.sd-lobby-flag .sd-menu { color: var(--cfg-vip-uw); }
.sd-lobby-flag:hover { background: var(--cfg-pill-7a); color: var(--cfg-ace-1s); }
.sd-lobby-flag.sd-area { background: var(--cfg-dice); box-shadow: inset 0 0 0 2.5px var(--cfg-ace-1s), 3px 3px 0 var(--cfg-ace-1s); color: var(--cfg-ace-1s); }
.sd-lobby-flag.sd-area .sd-menu { color: var(--cfg-vip-uw); }
.sd-tile-deal { font-family: var(--cfg-outer); font-weight: 600; letter-spacing: 0; text-transform: none; font-size: 14px; color: var(--cfg-vip-uw); }
.sd-note-star { border: 2.5px solid var(--cfg-ace-1s); border-radius: 22px; box-shadow: 3px 3px 0 var(--cfg-ace-1s); background: var(--cfg-box-qk); color: var(--cfg-ace-1s); font-weight: 600; text-transform: none; font-size: 13px; letter-spacing: 0; }
.sd-note-star:nth-child(2) { background: rgb(233 251 243); }
.sd-note-star img { border-radius: 50%; border: 2px solid var(--cfg-ace-1s); }
.sd-foot-menu.sd-area { background: var(--cfg-dice); box-shadow: inset 0 0 0 2px var(--cfg-ace-1s); }
.sd-live { border-bottom: 2.5px solid var(--cfg-ace-1s); background: rgba(255, 241, 246, 0.94); }
.sd-head-area { color: var(--cfg-ace-1s); border: 2px solid var(--cfg-ace-1s); background: #fff; font-weight: 600; font-family: var(--cfg-outer); }
.sd-head-area.sd-area { box-shadow: 2px 2px 0 var(--cfg-ace-1s); color: #fff; border-color: var(--cfg-ace-1s); background: var(--cfg-vip-uw); }
.sd-inner-nav { font-family: var(--cfg-outer); font-weight: 600; }
.sd-inner-nav.sd-area { background: var(--cfg-dice); box-shadow: inset 0 0 0 2px var(--cfg-ace-1s); }
.sd-panel-wrap { font-family: var(--cfg-outer); font-size: 16px; font-weight: 600; }
.sd-panel-wrap.sd-area::after { height: 5px; background: var(--cfg-vip-uw); }
.sd-jackpot-bar .sd-strip { border: 2.5px solid var(--cfg-ace-1s); box-shadow: 5px 5px 0 var(--cfg-ace-1s); }
.sd-set-tray { gap: 14px; grid-template-columns: minmax(0, 2.2fr) minmax(260px, 1fr); display: grid; }
.sd-label-race { position: relative; overflow: hidden; isolation: isolate; }
.sd-label-race::before { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--cfg-bar), var(--cfg-block); }
.sd-reel-head {
  overflow-x: auto; grid-auto-columns: 100%; grid-auto-flow: column; scroll-snap-type: x mandatory; scrollbar-width: none;
  display: grid;
}
.sd-reel-head::-webkit-scrollbar { display: none; }
.sd-step-grid { padding: 40px 40px 76px clamp(24px, 4vw, 52px);
  min-height: 400px;
  display: grid; align-items: center; gap: 24px;
  scroll-snap-align: start; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
}
.sd-seal-ring { display: grid; justify-items: start; gap: 18px; }
.sd-reel-front { font-size: clamp(36px, 3.6vw, 60px); max-width: 13ch; }
.sd-reel-front em { display: block; }
.sd-feature-pill { max-width: 42ch; color: var(--cfg-flag-56); }
.sd-group-panel {
  justify-self: center; width: min(100%, 320px);
  border-radius: var(--cfg-flag); aspect-ratio: 1;
  transform: rotate(calc(var(--cfg-chip2) * -1));
  box-shadow: var(--cfg-area); object-fit: cover;
}
.sd-nav-outer {
  position: absolute; left: clamp(24px, 4vw, 52px); bottom: 22px;
  display: flex; align-items: center; gap: 12px;
}
.sd-dot-inner { display: flex; gap: 6px; }
.sd-stack-copy { width: 22px; height: 4px; background: var(--cfg-slot-ws); border-radius: var(--cfg-crown); transition: width var(--cfg-wrap) var(--cfg-view), background var(--cfg-wrap); }
.sd-stack-copy.sd-area { width: 44px; background: var(--cfg-vip-uw); }

.sd-offer-wrap { display: grid; grid-template-rows: 1fr 1fr; gap: 14px; }
.sd-top-grid {
  display: grid; grid-template-columns: 112px minmax(0, 1fr); align-items: center; gap: 18px;
  padding: 16px; overflow: hidden;
  transition: transform var(--cfg-wrap) var(--cfg-view), box-shadow var(--cfg-wrap);
}
.sd-top-grid:hover { transform: translateY(calc(var(--cfg-crest-0a) * -1)); box-shadow: var(--cfg-club); }
.sd-top-grid img { width: 112px; height: 112px; object-fit: cover; border-radius: var(--cfg-flag); }
.sd-vip-base { display: grid; gap: 8px; }
.sd-pill-chip2 { font-size: 24px; }
.sd-inner-page { display: inline-flex; align-items: center; gap: 6px; font-size: var(--cfg-win-vq); color: var(--cfg-flag-56); }

@media (max-width: 1180px) {
  .sd-set-tray { grid-template-columns: 1fr; }
  .sd-offer-wrap { grid-template-rows: none; grid-template-columns: 1fr 1fr; }
}
@media (max-width: 720px) {
  .sd-step-grid { min-height: 0; padding: 24px 20px 76px; grid-template-columns: 1fr; }
  .sd-group-panel { order: -1; width: 180px; }
  .sd-nav-outer { left: 20px; }
  .sd-offer-wrap { grid-template-columns: 1fr; }
  .sd-top-grid { grid-template-columns: 84px minmax(0, 1fr); }
  .sd-top-grid img { width: 84px; height: 84px; }
}
.sd-head-hero { --cfg-win: 320px; width: min(100%, 380px); }
@media (max-width: 720px) {
  .sd-head-hero { --cfg-pane-0f: min(64vw, 280px); width: min(78vw, 320px); justify-self: start; order: -1; }
}
.sd-front-stack { justify-content: space-between; display: flex; gap: 14px 24px; margin-bottom: 18px; flex-wrap: wrap; align-items: center; }
.sd-dice-chip2 { font-size: var(--cfg-ace); }
.sd-chip2-menu { gap: 6px; flex-wrap: wrap; display: flex; }
.sd-view-nav {
  height: 34px; display: inline-flex; align-items: center; padding: 0 14px;
  border-radius: var(--cfg-ace-2t); border: var(--cfg-game-ah) solid var(--cfg-slot-ws);
  font-size: var(--cfg-head); color: var(--cfg-flag-56);
  transition: border-color var(--cfg-wrap), color var(--cfg-wrap), background var(--cfg-wrap);
}
.sd-view-nav:hover { color: var(--cfg-ace-1s); border-color: var(--cfg-deal-vk); }
.sd-view-nav.sd-area { background: var(--cfg-ace-1s); border-color: var(--cfg-ace-1s); color: var(--cfg-pill-7a); }
.sd-copy-base { list-style: none; margin: 0; gap: 10px; padding: 0; grid-template-columns: repeat(4, minmax(0, 1fr)); display: grid; }
.sd-core-panel, .sd-club-offer { overflow: hidden;
  position: relative;
  border-radius: var(--cfg-flag); display: block; aspect-ratio: 3 / 2; background: var(--cfg-box-qk);
}
.sd-core-panel img { width: 100%; height: 100%; object-fit: cover; transition: transform 600ms var(--cfg-view), filter var(--cfg-wrap); }
.sd-lobby-nav { top: 8px; z-index: 1; position: absolute; right: 8px; }
.sd-dot-table {
  position: absolute; inset: 0;
  display: grid; align-content: end; gap: 2px; padding: 14px;
  background: linear-gradient(180deg, transparent 35%, rgba(0, 0, 0, 0.9));
  color: #fff;
  opacity: 0; transition: opacity var(--cfg-wrap);
}
.sd-shape-tray { font-weight: 600; font-size: var(--cfg-head); line-height: 1.2; }
.sd-pill-lead { font-size: 11px; opacity: 0.7; }
.sd-feature-page {
  position: absolute; left: 50%; top: 42%; transform: translate(-50%, -50%) scale(0.8);
  display: grid; place-items: center; width: 52px; height: 52px; border-radius: 50%;
  background: var(--cfg-vip-uw); color: var(--cfg-note); font-size: 22px;
  transition: transform var(--cfg-wrap) var(--cfg-view);
}
.sd-core-panel:hover img { transform: scale(1.06); filter: brightness(0.8); }
.sd-core-panel:hover .sd-dot-table { opacity: 1; }
.sd-core-panel:hover .sd-feature-page { transform: translate(-50%, -50%) scale(1); }
.sd-club-offer { background: var(--cfg-grid); gap: 6px; color: var(--cfg-flag-56);
  border: var(--cfg-game-ah) dashed var(--cfg-deal-vk);
  display: grid; text-align: center;
  font-size: var(--cfg-win-vq); padding: 14px; align-content: center; justify-items: center;
}
.sd-label-top { font-size: 40px; color: var(--cfg-vip-uw); }
@media (max-width: 1280px) { .sd-copy-base { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 720px) {
  .sd-copy-base { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sd-dot-table { opacity: 1; }
  .sd-feature-page { display: none; }
}
@media (max-width: 480px) { .sd-copy-base { grid-template-columns: 1fr; } }
.sd-note-strip {
  grid-template-areas: "c1 c1 c2" "c1 c1 c3" "c4 c5 c6"; list-style: none;
  grid-template-rows: repeat(3, clamp(170px, 14vw, 215px)); margin: 0; padding: 0; gap: 12px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.sd-label-vip { grid-area: c1; } .sd-field-club { grid-area: c2; } .sd-chip-mark { grid-area: c3; }
.sd-set-field { grid-area: c4; } .sd-bar-reel { grid-area: c5; } .sd-box-bonus { grid-area: c6; }
.sd-jackpot-frame {
  position: relative; display: block; height: 100%; overflow: hidden;
  border-radius: var(--cfg-rear-1z); border: var(--cfg-game-ah) solid var(--cfg-list); background: var(--cfg-box-qk);
  box-shadow: var(--cfg-card);
}
.sd-jackpot-frame img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 40%; transition: transform 700ms var(--cfg-view); }
.sd-jackpot-frame::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0, 0, 0, 0.78), transparent 70%); }
.sd-jackpot-frame:hover img { transform: scale(1.05); }
.sd-race-label { bottom: 16px; gap: 6px; position: absolute; z-index: 1; display: grid; left: 18px; color: #fff; }
.sd-group-page { font-size: var(--cfg-lobby); }
.sd-label-vip .sd-group-page { font-size: clamp(34px, 3.2vw, 52px); }
.sd-label-vip .sd-race-label { bottom: 72px; left: 24px; }
.sd-tab-win { gap: 6px; color: rgba(255, 255, 255, 0.8); align-items: center; font-size: var(--cfg-win-vq); display: inline-flex; }
.sd-ace-stage { left: 24px; z-index: 1; bottom: 22px; position: absolute; }
@media (max-width: 900px) {
  .sd-note-strip { grid-template-columns: 1fr 1fr; grid-template-rows: 280px repeat(3, 160px); grid-template-areas: "c1 c1" "c2 c3" "c4 c5" "c6 c6"; }
}
.sd-menu-tray { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.sd-front-media { align-items: center; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); overflow: hidden; display: grid; min-height: 280px; isolation: isolate; }
.sd-front-media::before { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--cfg-bar); }
.sd-grid-row::before { background: var(--cfg-rail); opacity: 0.8; }
.sd-link-page { gap: 10px; display: grid; justify-items: start; padding: 28px 0 28px 28px; }
.sd-bonus-lobby { font-size: clamp(24px, 2.2vw, 34px); }
.sd-bar-unit { font-size: var(--cfg-head); color: var(--cfg-flag-56); }
.sd-rail-frame { display: inline-flex; font-size: var(--cfg-win-vq); color: var(--cfg-panel-yd); align-items: center; gap: 6px; }
.sd-body-crown {
  justify-self: end; width: 118%; max-width: none; aspect-ratio: 1; object-fit: cover;
  margin-right: -18%;
  border-radius: 50% 0 0 50%;
  box-shadow: var(--cfg-area);
}
@media (max-width: 1080px) { .sd-menu-tray { grid-template-columns: 1fr; } }
@media (max-width: 560px) {
  .sd-front-media { grid-template-columns: 1fr; }
  .sd-body-crown { order: -1; justify-self: stretch; width: 100%; margin: 0; aspect-ratio: 16 / 9; border-radius: 0; }
  .sd-link-page { padding: 20px; }
}
.sd-chip-nav {
  overflow-x: auto;
  display: grid; grid-auto-flow: column;
  margin: 0; list-style: none; scrollbar-width: none; gap: 14px; grid-auto-columns: minmax(270px, calc((100% - 42px) / 4)); padding: 2px 2px 12px; scroll-snap-type: x mandatory;
}
.sd-chip-nav::-webkit-scrollbar { display: none; }
.sd-chip-nav > li { scroll-snap-align: start; }
.sd-bonus-line {
  position: relative; display: block; height: 420px; overflow: hidden;
  border-radius: var(--cfg-rear-1z); border: var(--cfg-game-ah) solid var(--cfg-list);
  box-shadow: var(--cfg-card); background: var(--cfg-box-qk);
  transition: transform var(--cfg-wrap) var(--cfg-view), box-shadow var(--cfg-wrap);
}
.sd-bonus-line:hover { transform: translateY(calc(var(--cfg-crest-0a) * -1)); box-shadow: var(--cfg-club); }
.sd-bonus-line img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 30%; transition: transform 800ms var(--cfg-view); }
.sd-bonus-line:hover img { transform: scale(1.06); }
.sd-bonus-line::after { content: ""; background: linear-gradient(180deg, transparent 30%, rgba(0, 0, 0, 0.92) 78%); inset: 0; position: absolute; }
.sd-field-menu { z-index: 1; left: 14px; padding: 5px 10px; top: 14px; color: #fff; align-items: center;
  backdrop-filter: blur(6px);
  border-radius: var(--cfg-ace-2t); gap: 6px; background: rgba(0, 0, 0, 0.55);
  display: inline-flex;
  position: absolute; font-size: var(--cfg-win-vq);
}
.sd-ring-hero { position: absolute; left: 20px; right: 20px; bottom: 20px; z-index: 1; display: grid; gap: 8px; color: #fff; }
.sd-core-chip2 { font-size: 28px; }
.sd-unit-live { font-size: var(--cfg-head); color: rgba(255, 255, 255, 0.78); }
.sd-wrap-crown { display: inline-flex; align-items: center; gap: 6px; margin-top: 4px; font-size: var(--cfg-head); font-weight: 600; color: var(--cfg-stack); }
@media (max-width: 720px) { .sd-chip-nav { grid-auto-columns: 78vw; } .sd-bonus-line { height: 380px; } }
.sd-frame-base { display: grid; grid-template-columns: minmax(260px, 0.8fr) minmax(0, 1.4fr); overflow: hidden; }
.sd-stack-dot { display: grid; padding: 32px; gap: 14px; border-right: var(--cfg-game-ah) solid var(--cfg-list); justify-items: start; align-content: center; }
.sd-inner-edge { font-size: clamp(28px, 2.6vw, 40px); }
.sd-tab-race { gap: 14px; width: 100%; margin: 8px 0 0; display: grid; }
.sd-tab-race .sd-label { padding-top: 12px; border-top: var(--cfg-game-ah) solid var(--cfg-list); }
.sd-tab-race dd { margin: 0; }
.sd-slot-slab { overflow: hidden;
  height: 340px;
  mask-image: linear-gradient(transparent, #000 14%, #000 86%, transparent);
}
.sd-offer-seal { display: grid; animation: wins-d-up 40s linear infinite; }
.sd-frame-base:hover .sd-offer-seal { animation-play-state: paused; }
.sd-jackpot-core {
  display: grid;
  padding: 10px 24px; grid-template-columns: 36px minmax(0, 1fr) auto auto; border-bottom: var(--cfg-game-ah) solid var(--cfg-list); align-items: center; gap: 14px;
}
.sd-jackpot-core img { height: 40px; width: 40px; border-radius: calc(var(--cfg-crown) * 0.5); object-fit: cover; }
.sd-pane-slab { min-width: 0; font-size: var(--cfg-head); gap: 2px; display: grid; }
.sd-pane-slab span { font-size: var(--cfg-win-vq); color: var(--cfg-panel-yd); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sd-game-group { font-size: var(--cfg-win-vq); color: var(--cfg-flag-56); }
.sd-meta-edge { color: var(--cfg-frame); text-align: right; min-width: 100px; }
@keyframes wins-d-up { to { transform: translateY(-50%); } }
@media (prefers-reduced-motion: reduce) { .sd-offer-seal { animation: none; } .sd-slot-slab { overflow-y: auto; } }
@media (max-width: 900px) {
  .sd-frame-base { grid-template-columns: 1fr; }
  .sd-stack-dot { border-right: 0; border-bottom: var(--cfg-game-ah) solid var(--cfg-list); }
  .sd-tab-race { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 560px) {
  .sd-tab-race { grid-template-columns: 1fr; }
  .sd-jackpot-core { grid-template-columns: 36px minmax(0, 1fr) auto; padding: 10px 16px; }
  .sd-game-group { display: none; }
}
.sd-nav-mark { gap: clamp(28px, 5vw, 72px); grid-template-columns: minmax(240px, 0.8fr) minmax(0, 2fr); display: grid; }
.sd-head-feature { position: sticky; gap: 16px; top: calc(var(--cfg-grid-3m) + 28px); display: grid; align-self: start; }
.sd-game-block { font-size: clamp(28px, 2.6vw, 40px); }
.sd-race-row { font-size: var(--cfg-win-vq); color: var(--cfg-panel-yd); letter-spacing: 0.04em; }
.sd-note-link { display: grid; gap: 24px; justify-items: start; min-width: 0; }
.sd-note-link > * { max-width: 100%; }
.sd-item-grid { font-size: var(--cfg-line-30); line-height: 1.6; color: var(--cfg-ace-1s); }
/*  components  */
.sd-slot-card { min-width: 0; max-height: 560px; width: 100%; overflow: hidden;
  mask-image: linear-gradient(#000 60%, transparent);
  justify-self: stretch;
}
.sd-deal-main:checked ~ .sd-slot-card { max-height: none; mask-image: none; }
.sd-core-dice {
  display: grid; border-top: var(--cfg-game-ah) solid var(--cfg-list); grid-template-columns: minmax(160px, 0.7fr) minmax(0, 2fr); line-height: 1.7; gap: 12px 40px;
  font-size: var(--cfg-head);
  padding: 26px 0;
}
.sd-front-table { font-size: var(--cfg-jackpot); font-weight: 600; line-height: 1.35; color: var(--cfg-ace-1s); }
.sd-tab-copy, .sd-deal-main:checked ~ .sd-lobby-group .sd-foot-nav { display: none; }
.sd-deal-main:checked ~ .sd-lobby-group .sd-tab-copy { display: inline; }
.sd-deal-main:focus-visible ~ .sd-lobby-group { outline: 2px solid var(--cfg-vip-uw); outline-offset: 3px; }
@media (max-width: 1080px) {
  .sd-nav-mark { grid-template-columns: 1fr; }
  .sd-head-feature { position: static; }
}
@media (max-width: 640px) { .sd-core-dice { grid-template-columns: 1fr; } }
.sd-head-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(32px, 5vw, 80px); }
.sd-strip-pill { align-content: start; gap: 16px; color: var(--cfg-flag-56); display: grid; }
.sd-step-offer { font-size: clamp(28px, 2.6vw, 38px); color: var(--cfg-ace-1s); max-width: 20ch; margin-bottom: 8px; }
.sd-grid-game { border-top: var(--cfg-game-ah) solid var(--cfg-slot-ws); }
.sd-flag-body { border-bottom: var(--cfg-game-ah) solid var(--cfg-slot-ws); }
.sd-flag-body summary { cursor: pointer; list-style: none;
  padding: 20px 0; gap: 16px; justify-content: space-between; align-items: center;
  display: flex;
  font-size: var(--cfg-line-30);
}
.sd-flag-body summary::-webkit-details-marker { display: none; }
.sd-flag-body summary .sd-menu { color: var(--cfg-vip-uw); transition: transform var(--cfg-wrap) var(--cfg-view); }
.sd-flag-body[open] summary .sd-menu { transform: rotate(45deg); }
.sd-flag-body p { padding: 0 48px 22px 0; color: var(--cfg-flag-56); }
@media (max-width: 900px) { .sd-head-grid { grid-template-columns: 1fr; } }
.sd-reel-deal { overflow: hidden; border-top: var(--cfg-game-ah) solid var(--cfg-list); }
.sd-unit-field { display: grid; padding: 48px var(--cfg-menu-5e) 24px; margin: 0 auto; gap: 32px; max-width: 1440px; }
.sd-box-table { display: grid; grid-template-columns: minmax(0, 1.7fr) repeat(4, minmax(0, 1fr)); gap: 32px; }
.sd-note-wrap { min-width: 0; display: grid; align-content: start; gap: 10px; padding: 22px; font-size: var(--cfg-head); color: var(--cfg-flag-56); }
.sd-list-zone { font-size: 26px; color: var(--cfg-ace-1s); }
.sd-page-tab { flex-wrap: wrap; display: flex; margin-top: 6px; gap: 8px; }
.sd-club-feature { flex: 1 1 180px; min-width: 0; }
.sd-page-tab .sd-slot { flex: 0 0 auto; }
.sd-club-step { font-size: var(--cfg-win-vq); margin-bottom: 12px; color: var(--cfg-panel-yd); letter-spacing: var(--cfg-bar-wh); font-weight: 600; text-transform: uppercase; }
.sd-panel-zone ul { display: grid; gap: 9px; font-size: var(--cfg-head); color: var(--cfg-flag-56); }
.sd-panel-zone a:hover { color: var(--cfg-vip-uw); }
.sd-pill-game { gap: 18px 28px; display: flex; border-bottom: var(--cfg-game-ah) solid var(--cfg-list); padding: 20px 0; flex-wrap: wrap; align-items: center; border-top: var(--cfg-game-ah) solid var(--cfg-list); }
.sd-club-frame .sd-reel-game svg { height: 20px; }
.sd-club-frame { font: 500 var(--cfg-win-vq)/1 var(--cfg-dice-ei); align-items: center; flex-wrap: wrap; gap: 10px 18px; text-transform: uppercase; margin-right: auto; display: flex; letter-spacing: 0.08em; color: var(--cfg-panel-yd); }
.sd-table-hero { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; border: calc(var(--cfg-game-ah) * 2) solid var(--cfg-mark-l0); color: var(--cfg-mark-l0); font-size: 13px; }
.sd-tile-inner { max-width: 110ch; color: var(--cfg-panel-yd); line-height: 1.7; font-size: var(--cfg-win-vq); }
@media (max-width: 1320px) { .sd-box-table { grid-template-columns: minmax(0, 1.4fr) repeat(2, minmax(0, 1fr)); } .sd-note-wrap { grid-row: span 2; } }
@media (max-width: 1180px) { .sd-box-table { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sd-note-wrap { grid-column: 1 / -1; grid-row: auto; } }
@media (max-width: 520px) { .sd-page-tab { flex-direction: column; } }
.sd-pill-game .sd-label-slab { flex-basis: 100%; }
:root { --cfg-vip-uw: rgb(175 107 51); --cfg-wrap-70: rgba(175, 107, 51, 0.14); --cfg-stack: hsl(27 55% 36%); --cfg-note: #ffffff; }
:root { --cfg-flag: 10px; --cfg-crown: 7px; --cfg-rear-1z: 14px; --cfg-label-y6: 1520px; --cfg-menu-5e: calc(clamp(16px, 2.6vw, 40px) * 1.22); --cfg-ace-2t: 500px; --cfg-crest-0a: 6px; --cfg-pane-te: calc(clamp(44px, 4.6vw, 70px) * 1.22); }
.sd-promo, .sd-card-step { position: static; }

svg.sd-menu{vertical-align:-0.125em;width:1em;height:1em;display:inline-block;fill:currentColor}