/*! bundle 2026-07-11 */
@font-face {
  font-family: 'Bungee';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/bungee-400-ext.c1a7e66d.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: 'Bungee';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/bungee-400.450cfa39.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: 'Kanit';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/kanit-700-ext.766933f8.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: 'Kanit';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/kanit-700.763109fd.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: 'Kanit';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(fonts/kanit-800-ext.396b2dc4.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: 'Kanit';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(fonts/kanit-800.dbacf633.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: 'Kanit';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/kanit-400-ext.2ce5fee9.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: 'Kanit';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/kanit-400.36882508.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: 'Kanit';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/kanit-500-ext.7a21c383.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: 'Kanit';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/kanit-500.b156e02a.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: 'Kanit';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/kanit-600-ext.128a6cc7.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: 'Kanit';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/kanit-600.d0f9874f.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 {

  --group-side:#FF4F8B;--block-nav:#ff8a3d;--meta-pane:rgba(255,79,139,0.14);--zone-mark:#1A0418;

  --core-shape: 14px;
  --page-pane: 10px;
  --card-dot: 999px;
  --body-lead: 8px;
  --media-media: 0 0 0 1px var(--page-top), 0 0 30px -6px rgba(61, 224, 255, 0.6);
  --strip-dot: 3px;
  --dot-gold: clamp(16px, 2.4vw, 36px);
  --copy-copy: clamp(46px, 4.8vw, 72px);
  --deck-card: 172px;
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scrollbar-color: #2A1F63 transparent; }
body {
  margin: 0;
  color: #FFF3F8;
  font: 400 16px/1.55 "Kanit", "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
  background:
    radial-gradient(1000px 420px at 50% -120px, rgba(255, 79, 139, 0.28), transparent 70%),
    linear-gradient(180deg, #0A0822, #120A30 60%, #1a0b33);
  background-attachment: fixed;
}
body::before {
  content: ""; position: fixed; left: -50%; right: -50%; bottom: -10vh; height: 55vh; z-index: -1; pointer-events: none;
  background:
    linear-gradient(90deg, rgba(255, 79, 139, 0.22) 1px, transparent 1px) 50% 0 / 60px 60px,
    linear-gradient(0deg, rgba(255, 79, 139, 0.22) 1px, transparent 1px) 50% 0 / 60px 60px;
  transform: perspective(500px) rotateX(62deg);
  transform-origin: 50% 100%;
  mask-image: linear-gradient(transparent, #000 60%);
}
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
button { border: 0; font: inherit; padding: 0; color: inherit; background: none; cursor: pointer; }
h1, h2, h3, h4, p { margin: 0; }
ul { margin: 0; padding: 0; list-style: none; }
::selection { background: var(--group-side); color: #fff; }
:focus-visible { outline: 2px solid #3de0ff; outline-offset: 3px; border-radius: 6px; }
.cs-race { font-size: 1.2em; line-height: 1; flex: none; }
.cs-media { font-variant-numeric: tabular-nums; font-weight: 400; letter-spacing: 0.02em; font-family: "Bungee", "Kanit", sans-serif; }
.cs-strip { height: 1px; position: absolute; width: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.cs-link {
  --frame-item: 46px;
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  height: var(--frame-item); padding: 0 26px;
  border-radius: 999px;
  font: 700 15px/1 "Kanit", "Segoe UI", sans-serif; font-style: italic; letter-spacing: 0.04em; text-transform: uppercase;
  white-space: nowrap;
  transition: filter 220ms, box-shadow 220ms, transform 220ms cubic-bezier(0.2, 0.9, 0.3, 1);
}
[data-cs-front-lead] { padding: 0 18px; --frame-item: 38px; font-size: 13px; }
[data-cs-vip-slab] { font-size: 17px; padding: 0 34px; --frame-item: 58px; }
.cs-live-tile { background: linear-gradient(90deg,#ffb13d,#FF6A4D 40%,#FF3D8B 75%,#C23DFF); color: #fff; text-shadow: 0 1px 2px rgba(80, 0, 40, 0.5); box-shadow: 0 8px 26px -8px rgba(255, 79, 139, 0.8), inset 0 1px 0 rgba(255, 255, 255, 0.4); }
.cs-live-tile:hover { filter: brightness(1.1) saturate(1.1); transform: translateY(-2px); }
.cs-note-crown { box-shadow: inset 0 0 0 1.5px rgba(61, 224, 255, 0.6), 0 0 18px -6px rgba(61, 224, 255, 0.6); color: #3de0ff; background: rgba(61, 224, 255, 0.06); }
.cs-note-crown:hover { background: rgba(61, 224, 255, 0.14); }
.cs-seal-front{display:inline-grid;background:rgba(255,255,255,0.05);place-items:center;height:42px;width:42px;box-shadow:inset 0 0 0 1px rgba(255,90,140,0.3);color:#FFF3F8;transition:color 220ms,box-shadow 220ms;border-radius:50%}
.cs-seal-front:hover{color:#3de0ff;box-shadow:inset 0 0 0 1px #3de0ff,0 0 14px -4px #3de0ff}
.cs-dot{height:46px;background:rgba(10,8,34,0.75);gap:10px;border-radius:999px;align-items:center;color:#8878B2;display:flex;box-shadow:inset 0 0 0 1px rgba(255,90,140,0.3);padding:0 10px 0 18px}
.cs-dot:focus-within{box-shadow:inset 0 0 0 1.5px #3de0ff,0 0 20px -8px #3de0ff;color:#3de0ff}
.cs-dot input{flex:1;min-width:0;height:100%;background:none;border:0;outline:0;color:#FFF3F8;font:inherit;font-size:14px}
.cs-dot input::placeholder{color:#8878B2}
.cs-dot kbd{padding:5px 9px;border-radius:999px;background:rgba(255,79,139,0.12);color:var(--group-side);font:400 11px/1 "Bungee", "Kanit", sans-serif}
.cs-panel{display:inline-flex;align-items:center;gap:10px;font:600 12px/1 "Kanit", "Segoe UI", sans-serif;letter-spacing:0.2em;text-transform:uppercase;background:linear-gradient(90deg,#ffb13d,#FF6A4D 40%,#FF3D8B 75%,#C23DFF);-webkit-background-clip:text;background-clip:text;color:transparent}
.cs-panel::before{content:"";width:26px;height:3px;border-radius:2px;background:linear-gradient(90deg,#ffb13d,#FF6A4D 40%,#FF3D8B 75%,#C23DFF)}
[data-cs-star]{font-family:"Kanit", "Arial Black", sans-serif;font-weight:800;font-style:italic;text-transform:uppercase;letter-spacing:-0.01em;line-height:0.95}
[data-cs-star] em{font-style:italic;background:linear-gradient(180deg,#E9F7FF 0%,#8FD8FF 40%,#1d2b64 48%,#ffd1a8 52%,#FF5F9E 90%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 14px rgba(255,79,139,0.45))}
.cs-hero{padding:0 9px;border-radius:999px;display:inline-flex;text-transform:uppercase;color:#fff;letter-spacing:0.06em;align-items:center;height:22px;font:400 10px/1 "Bungee", "Kanit", sans-serif;background:linear-gradient(90deg,#ffb13d,#FF6A4D 40%,#FF3D8B 75%,#C23DFF)}
[data-cs-pane-seal]{background:linear-gradient(90deg,#ff3d6e,#FF8A3D)}
.cs-tile-pane{background:linear-gradient(90deg,#3DE0FF,#7a6bff);color:#06102A}
[data-cs-ace]{position:relative;background:linear-gradient(180deg,rgba(255,255,255,0.05),transparent 30%),#140F38;border:1px solid transparent;border-radius:var(--core-shape);background-clip:padding-box;box-shadow:0 0 0 1px rgba(255,79,139,0.28),inset 0 1px 0 rgba(255,255,255,0.08),0 0 0 1px rgba(255, 255, 255, 0.04), 0 20px 40px -24px rgba(255, 79, 139, 0.45)}
.cs-gold{position:relative;overflow:hidden;border-radius:50%;padding:6px;background:linear-gradient(90deg,#ffb13d,#FF6A4D 40%,#FF3D8B 75%,#C23DFF);box-shadow:0 0 60px -10px rgba(255,79,139,0.7)}
.cs-gold::after{left:6px;height:40%;pointer-events:none;right:6px;position:absolute;content:"";background:repeating-linear-gradient(0deg,transparent 0 7px,rgba(10,8,34,0.55) 7px 11px);bottom:6px;border-radius:0 0 999px 999px}
.cs-gold img{width:100%;height:100%;object-fit:cover;border-radius:50%}
[data-cs-note-gold] { flex: none; border-radius: 50%; display: inline-block; width: 8px; background: #3de0ff; height: 8px; box-shadow: 0 0 10px #3de0ff, 0 0 2px #fff; }
.cs-crown{display:grid;gap:6px}
.cs-slab-crest{font:500 11px/1 "Kanit", "Segoe UI", sans-serif;letter-spacing:0.16em;text-transform:uppercase;color:#8878B2}
.cs-view-tile{text-shadow:0 0 12px rgba(61,224,255,0.5);color:#3de0ff;font:400 22px/1 "Bungee", "Kanit", sans-serif}
.cs-list-shape { display: inline-flex; align-items: center; gap: 6px; height: 34px; padding: 0 14px; border-radius: 999px; background: rgba(255, 255, 255, 0.05); box-shadow: inset 0 0 0 1px rgba(255,90,140,0.3); font: 600 12px/1 "Kanit", "Segoe UI", sans-serif; letter-spacing: 0.1em; text-transform: uppercase; color: #FFF3F8; transition: box-shadow 220ms, color 220ms; }
.cs-list-shape .cs-media { color: var(--block-nav); }
.cs-list-shape:hover { color: #3de0ff; box-shadow: inset 0 0 0 1px #3de0ff; }
[data-cs-label-page] { display: flex; align-items: center; gap: 14px; margin-bottom: 20px; }
[data-cs-note-mark] { display: none; }
.cs-spin-pill { position: relative; display: flex; align-items: center; gap: 12px; margin-right: auto; padding-left: 18px; font: italic 800 36px/1 "Kanit", "Arial Black", sans-serif; text-transform: uppercase; white-space: nowrap; }
.cs-spin-pill::before { box-shadow: 0 0 12px rgba(255, 79, 139, 0.8); top: 10%; bottom: 10%; position: absolute; content: ""; background: linear-gradient(180deg, #ffb13d, #FF3D8B); width: 5px; left: 0; border-radius: 3px; }
.cs-spin-pill .cs-race { color: #3de0ff; filter: drop-shadow(0 0 8px #3de0ff); }
.cs-outer-chip2 { display: none; }
.cs-top-game { display: flex; gap: 6px; }
[data-cs-label-page] .cs-list-shape { white-space: nowrap; }
.cs-crest { transition: color 220ms, box-shadow 220ms, opacity 220ms; place-items: center; border-radius: 50%; display: grid; color: #FFF3F8; width: 36px; box-shadow: inset 0 0 0 1px rgba(255,90,140,0.3); background: rgba(255, 255, 255, 0.05); height: 36px; }
.cs-crest:hover { color: #3de0ff; box-shadow: inset 0 0 0 1px #3de0ff; }
.cs-crest[disabled] { opacity: 0.3; pointer-events: none; }
@media (max-width: 720px) {
  .cs-spin-pill { font-size: 26px; white-space: normal; min-width: 0; }
  .cs-top-game { display: none; }
  [data-cs-label-page] .cs-list-shape { flex: none; }
}
.cs-stage { overscroll-behavior-x: contain; display: grid; grid-auto-flow: column; overflow-x: auto; grid-auto-columns: var(--deck-card); gap: 14px; scrollbar-width: none; padding: 4px 2px 14px; scroll-snap-type: x mandatory; }
.cs-stage::-webkit-scrollbar { display: none; }
.cs-stage > * { scroll-snap-align: start; }
.cs-item { display: grid; min-width: 0; gap: 10px; grid-template-columns: minmax(0, 1fr); }
.cs-reel-head { transition: box-shadow 220ms, transform 220ms cubic-bezier(0.2, 0.9, 0.3, 1); background: #1c1548; border-radius: var(--page-pane); box-shadow: 0 0 0 1px rgba(255, 79, 139, 0.25); overflow: hidden; aspect-ratio: var(--front-line, 3 / 2); position: relative; }
.cs-reel-head::after { content: ""; background: linear-gradient(180deg, transparent 55%, rgba(255, 79, 139, 0.35)); position: absolute; inset: 0; opacity: 0; transition: opacity 220ms; }
.cs-reel-head img { height: 100%; width: 100%; object-fit: cover; }
.cs-frame-tab { left: 8px; z-index: 1; top: 8px; position: absolute; }
.cs-item:hover .cs-reel-head { transform: translateY(-4px); box-shadow: 0 0 0 1.5px #3de0ff, 0 14px 30px -10px rgba(61, 224, 255, 0.55); }
.cs-item:hover .cs-reel-head::after { opacity: 1; }
.cs-frame-bonus { font: 600 14px/1.2 "Kanit", "Segoe UI", sans-serif; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.cs-set-tab { margin-top: 2px; font-size: 12px; gap: 8px; justify-content: space-between; align-items: center; display: flex; color: #8878B2; }
.cs-set-tab > span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cs-race-page { color: #3de0ff; font: 400 11px/1 "Bungee", "Kanit", sans-serif; gap: 6px; align-items: center; display: inline-flex; flex: none; }
.cs-wrap {
  font-size: var(--side-race);
  display: inline-flex;
  text-decoration: none;
  --side-race: 34px; gap: 0.3em; line-height: 1; align-items: center;
  color: #FFF3F8;
  white-space: nowrap;
}
.cs-nav-main { --side-race: 44px; }
.cs-copy-unit {
  font-family: "Kanit", "Arial Black", sans-serif; font-weight: 800;
  text-transform: uppercase;
  font-size: 0.74em; letter-spacing: -0.01em; line-height: 1;
}
.cs-lead-rail { position: relative; flex: none; }
@media (max-width: 720px) { .cs-meta .cs-wrap { --side-race: 28px; } }
[data-cs-main-base] { border-radius: 50%;
  display: grid;
  background: repeating-conic-gradient(from 11deg, var(--zone-mark) 0 16deg, var(--group-side) 16deg 45deg); height: 1em; place-items: center;
  width: 1em;
  box-shadow: 0 0 0 0.04em var(--group-side);
}
[data-cs-main-base]::before {
  content: ""; position: absolute; inset: 0.15em; border-radius: 50%;
  background: var(--group-side);
  box-shadow: inset 0 0 0 0.035em var(--zone-mark), inset 0 0 0 0.075em var(--group-side);
}
[data-cs-main-base] span {
  transform: translateY(0.02em);
  color: var(--zone-mark);
  font: 800 0.46em/1 "Kanit", "Arial Black", sans-serif;
  position: relative;
}
.cs-feature { overflow-x: clip; }
[data-cs-outer-line] { margin: 0 auto; max-width: 1440px; padding-right: var(--dot-gold); padding-left: var(--dot-gold); width: 100%; }
.cs-tray-view { gap: var(--copy-copy); grid-template-columns: minmax(0, 1fr); padding-bottom: var(--copy-copy); padding-top: 24px; display: grid; }
.cs-tray-view > * { min-width: 0; }
.cs-meta {
  background: color-mix(in srgb, #0a0822 90%, transparent); z-index: 30;
  border-bottom: 1px solid rgba(255,138,61,0.14);
  backdrop-filter: blur(12px); top: 0;
  position: sticky;
}
.cs-area-media { display: flex; align-items: center; gap: 20px; height: 70px; }
.cs-page-main { gap: 10px; margin-left: auto; display: flex; align-items: center; }
.cs-nav-slot { display: none; }
.cs-nav { display: none; }
.cs-feature.cs-rear-meta .cs-nav { inset: 0; z-index: 45; display: block; position: fixed; background: rgba(0, 0, 0, 0.55); }
.cs-area-row { flex-direction: column; transition: transform 320ms cubic-bezier(0.2, 0.9, 0.3, 1);
  transform: translateX(-102%); bottom: 0; top: 0; left: 0;
  display: flex; background: #0a0822; gap: 18px;
  position: fixed; padding: 16px;
  width: min(320px, 88vw); z-index: 50;
  overflow-y: auto; border-right: 1px solid rgba(255,138,61,0.14);
}
.cs-feature.cs-rear-meta .cs-area-row { transform: none; }
.cs-copy-ace { display: flex; align-items: center; justify-content: space-between; }
.cs-frame-bar { display: grid; gap: 4px; }
.cs-label-note { display: flex; align-items: center; gap: 12px; height: 46px; padding: 0 12px; border-radius: var(--body-lead); color: #c6b6e4; }
.cs-label-note.cs-rear, .cs-label-note:hover { background: #140F38; color: #FFF3F8; }
.cs-label-note .cs-race { color: var(--group-side); }
.cs-body-block { display: grid; gap: 8px; }
.cs-cell-head { display: grid; gap: 10px; margin-top: auto; font-size: 14px; color: #8878B2; }
@media (max-width:1080px){.cs-nav-slot{display:inline-grid}}
@media (max-width:640px){.cs-page-main .cs-note-crown{display:none}.cs-area-media{gap:12px}}
.cs-crown-item{justify-content:center;background:var(--group-side);display:flex;padding:0 16px;text-align:center;gap:10px;align-items:center;font-size:14px;height:38px;color:var(--zone-mark)}
.cs-crown-item span{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.cs-crown-item:hover:is(strong,b){text-decoration:underline}
.cs-main-strip{height:calc(70px + 8px);grid-template-columns:1fr auto 1fr;display:grid}
.cs-menu-feature{display:flex;align-items:center;gap:6px;min-width:0}
[data-cs-dice-strip]{justify-content:flex-end}
[data-cs-tile-win]{padding:0 20px;justify-content:center;display:flex}
.cs-reel-dot{display:flex;gap:2px;flex:0 1 auto;min-width:0;flex-wrap:wrap;height:38px;overflow:hidden}
.cs-menu-feature>:not(nav){flex-shrink:0}
.cs-mark-zone{display:inline-flex;align-items:center;height:38px;padding:0 12px;border-radius:var(--card-dot);font-size:14px;font-weight:500;letter-spacing:0.02em;color:#c6b6e4;white-space:nowrap;transition:color 220ms,background 220ms}
.cs-mark-zone:hover{color:#FFF3F8}
.cs-mark-zone.cs-rear{color:#FFF3F8;background:#1c1548}
.cs-area-view{height:24px;width:1px;background:rgba(255,90,140,0.3);margin:0 8px}
.cs-slot-offer{display:inline-flex;padding:0 10px;font-weight:600;align-items:center;font-size:14px;gap:6px;white-space:nowrap;color:#FFF3F8}
@media (max-width:1280px){.cs-reel-dot{display:none}.cs-area-view{display:none}.cs-main-strip .cs-nav-slot{display:inline-grid}}
@media (max-width:1080px){.cs-main-strip{grid-template-columns:auto 1fr auto}[data-cs-tile-win]{justify-content:flex-start;padding:0 8px}}
@media (max-width:640px){.cs-slot-offer span{display:none}.cs-crown-item{font-size:12px}}
.cs-base{color:#c6b6e4}
.cs-base p{margin:0 0 1em}
.cs-base p:last-child{margin-bottom:0}
.cs-rail-row{color:#FFF3F8;font-size:19px;margin:1.4em 0 0.5em;font-weight:600}
.cs-block-top,.cs-tray-body{gap:0.55em;display:grid;list-style:none;padding:0;margin:0 0 1.1em}
.cs-block-top li{position:relative;padding-left:1.4em}
.cs-block-top li::before{top:0.62em;left:0.1em;background:var(--group-side);width:0.45em;position:absolute;transform:rotate(45deg);content:"";border-radius:calc(var(--body-lead) * 0.2);height:0.45em}
.cs-tray-body{counter-reset:step}
.cs-tray-body li{counter-increment:step;position:relative;padding-left:2.3em;min-height:1.7em}
.cs-tray-body 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 "Bungee", "Kanit", sans-serif;color:var(--zone-mark);background:var(--group-side);border-radius:50%}
.cs-base,.cs-base>*{min-width:0}
.cs-dock-gold{max-width:100%;margin:0 0 1.1em;overflow-x:auto;border:1px solid rgba(255,138,61,0.14);border-radius:var(--body-lead)}
.cs-dock-gold table{width:100%;border-collapse:collapse;font-size:14px}
.cs-dock-gold th,.cs-dock-gold td{padding:10px 14px;text-align:left;border-bottom:1px solid rgba(255,138,61,0.14);white-space:nowrap}
.cs-dock-gold tbody tr:last-child>*{border-bottom:0}
.cs-dock-gold thead th{font-weight:600;text-transform:uppercase;background:#140F38;font-size:12px;color:#8878B2;letter-spacing:0.2em}
.cs-dock-gold tbody th{font-weight:600;color:#FFF3F8}
.cs-dock-gold caption{text-align:left;letter-spacing:0.2em;caption-side:top;padding:10px 14px;font-size:12px;font-weight:600;color:var(--group-side);text-transform:uppercase;border-bottom:1px solid rgba(255,138,61,0.14)}
.cs-dock-gold tbody tr:nth-child(even)>*{background:color-mix(in srgb,#1c1548 45%,transparent)}