:root {
  --color-primary: #fc4203;
  --color-secondary: #1392b9;
  --color-bg: #022d5b;
  --color-header: #003266;
  --color-panel: #073969;
  --color-panel-light: #0a447c;
  --color-text: #f4f8ff;
  --color-muted: #b6c9df;
  --color-line: rgba(255,255,255,.14);
  --font-main: 'Roboto Condensed', Arial, sans-serif;
  --radius: 14px;
  --shadow: 0 14px 38px rgba(0,14,36,.27);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; background: var(--color-bg); color: var(--color-text); font-family: var(--font-main); font-size: 16px; line-height: 1.6; }
img { max-width: 100%; height: auto; }
a { color: #62d2f3; text-decoration: none; transition: color .2s ease; }
a:hover { color: #fff; }
button, input, textarea, select { font: inherit; }
button { cursor: pointer; }
.wx-wrapper { min-height: 100vh; overflow: hidden; }
.wx-container { width: min(1180px, calc(100% - 32px)); margin-inline: auto; }
.wx-header-wrap { position: relative; z-index: 20; }
.wx-header { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 14px; padding: 14px 0; }
.wx-brand { display: inline-flex; align-items: center; max-width: 160px; }
.wx-brand img { display: block; width: 160px; height: 50px; object-fit: contain; }
.wx-online { display: none; align-items: center; gap: 8px; color: var(--color-muted); font-size: 14px; }
.wx-live-dot { width: 9px; height: 9px; border-radius: 50%; background: #63dc79; box-shadow: 0 0 0 4px rgba(99,220,121,.13); }
.wx-auth { display: flex; align-items: center; justify-content: flex-end; gap: 7px; }
.wx-auth .wx-button { min-height: 38px; padding: 8px 11px; font-size: 13px; }
.wx-burger { display: flex; grid-column: 1; grid-row: 2; flex-direction: column; justify-content: center; gap: 5px; width: 42px; height: 40px; padding: 8px; color: #fff; background: transparent; border: 1px solid var(--color-line); border-radius: 8px; }
.wx-burger span { display: block; width: 100%; height: 2px; background: currentColor; transition: transform .2s ease, opacity .2s ease; }
.wx-burger[aria-expanded="true"] span:first-child { transform: translateY(7px) rotate(45deg); }
.wx-burger[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.wx-burger[aria-expanded="true"] span:last-child { transform: translateY(-7px) rotate(-45deg); }
.wx-nav-wrap { display: none; grid-column: 1 / -1; grid-row: 3; background: var(--color-header); border-radius: 10px; }
.wx-nav-wrap.is-open { display: block; animation: slideIn .22s ease both; }
.wx-nav { display: grid; grid-template-columns: 1fr 1fr; gap: 2px; padding: 8px; }
.wx-nav a { padding: 10px 8px; color: #fff; font-size: 15px; border-radius: 6px; }
.wx-nav a:hover, .wx-nav a:focus-visible { background: rgba(255,255,255,.12); color: #fff; }
.wx-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 10px 18px; color: #fff; font-weight: 700; text-align: center; border: 0; border-radius: 8px; box-shadow: 0 5px 13px rgba(0,0,0,.14); transition: transform .18s ease, filter .18s ease; }
.wx-button:hover { color: #fff; filter: brightness(1.08); transform: translateY(-2px); }
.wx-button:focus-visible, .wx-burger:focus-visible, a:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible { outline: 3px solid #ffcc5c; outline-offset: 3px; }
.wx-button-primary { background: var(--color-primary); }
.wx-button-secondary { background: var(--color-secondary); }
.wx-button-row { display: flex; flex-wrap: wrap; gap: 12px; margin-block: 22px; }
.wx-hero { position: relative; }
.wx-hero-slider { position: relative; min-height: 385px; background: var(--color-header); }
.wx-slide { display: none; min-height: 385px; padding: 56px 0 76px; background-position: center; background-size: cover; animation: fadeIn .55s ease; }
.wx-slide.is-active { display: flex; align-items: center; }
.wx-slide-content { position: relative; z-index: 1; }
.wx-slide-content h1, .wx-slide-content h2 { max-width: 720px; margin: 8px 0 14px; font-size: clamp(2rem, 8vw, 3.4rem); line-height: 1.08; }
.wx-slide-content p { max-width: 610px; margin: 0 0 23px; color: #e2edf9; font-size: 18px; }
.wx-eyebrow { display: inline-block; color: #7fe3ff; font-size: 13px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.wx-slider-controls { position: absolute; right: max(16px, calc((100vw - 1180px) / 2)); bottom: 16px; display: flex; align-items: center; gap: 10px; color: #fff; font-size: 13px; }
.wx-slider-controls button { width: 36px; height: 36px; color: #fff; background: rgba(0,0,0,.35); border: 1px solid rgba(255,255,255,.3); border-radius: 50%; font-size: 24px; line-height: 1; }
.wx-main { display: grid; gap: 26px; padding-block: 30px 80px; }
.wx-section { min-width: 0; padding-block: 8px; }
.wx-panel { padding: 23px; background: linear-gradient(145deg, #073969, #052f5c); border: 1px solid var(--color-line); border-radius: var(--radius); box-shadow: var(--shadow); }
.wx-section-head { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: 12px; margin-bottom: 17px; }
.wx-section-head h2, .wx-panel h2, .wx-content-block h2 { margin: 4px 0 10px; font-size: clamp(1.5rem, 4vw, 2.2rem); line-height: 1.2; }
.wx-text-link { font-weight: 700; }
.wx-slot-game { display: grid; grid-template-columns: 1fr; gap: 14px; align-items: center; }
.wx-slot-copy p { max-width: 510px; margin: 5px 0; color: var(--color-muted); }
.wx-reels { display: flex; justify-content: center; gap: 8px; }
.wx-reels span { display: grid; place-items: center; width: 62px; height: 70px; color: #092c4f; background: #fff; border: 4px solid #e9b44f; border-radius: 10px; font-size: 34px; box-shadow: inset 0 0 12px rgba(0,0,0,.12); }
.wx-spin-result { min-height: 28px; margin: 0; color: #ffe27a; font-weight: 700; }
.wx-game-grid { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(78%, 1fr); grid-template-columns: none; gap: 12px; overflow-x: auto; padding-bottom: 8px; scroll-snap-type: x mandatory; }
.wx-game-card { overflow: hidden; min-width: 0; background: var(--color-panel); border: 1px solid var(--color-line); border-radius: 12px; box-shadow: var(--shadow); scroll-snap-align: start; }
.wx-game-card > img { display: block; width: 100%; height: 120px; object-fit: cover; }
.wx-game-info { padding: 12px; }
.wx-game-info h3 { margin: 0 0 1px; font-size: 17px; }
.wx-game-info p { margin: 0 0 10px; color: var(--color-muted); font-size: 14px; }
.wx-game-info .wx-button { width: 100%; min-height: 38px; padding: 7px 10px; }
.wx-feature-grid { display: grid; grid-template-columns: 1fr; gap: 13px; }
.wx-feature-card { padding: 17px; background: var(--color-panel); border: 1px solid var(--color-line); border-radius: 11px; }
.wx-feature-card > span { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; color: white; background: var(--color-secondary); border-radius: 50%; font-size: 19px; }
.wx-feature-card h3 { margin: 7px 0 5px; font-size: 19px; }
.wx-feature-card p { margin: 0; color: var(--color-muted); }
.wx-feature-grid-compact .wx-feature-card { text-align: center; }
.wx-table-wrap { max-width: 100%; margin: 17px 0; overflow-x: auto; border: 1px solid var(--color-line); border-radius: 10px; scrollbar-color: var(--color-secondary) var(--color-header); }
table { width: 100%; min-width: 620px; border-collapse: collapse; background: rgba(0,0,0,.08); }
th, td { padding: 12px 14px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--color-line); }
th { color: #fff; background: var(--color-header); font-weight: 700; }
td { color: #dce9f6; }
tr:last-child td { border-bottom: 0; }
tbody tr:nth-child(even) { background: rgba(255,255,255,.035); }
.wx-video { display: grid; gap: 17px; align-items: center; }
.wx-video-frame { position: relative; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; background: #001c39; border-radius: 12px; }
.wx-video-frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.wx-content-block { padding: 24px; background: #062f5a; border: 1px solid var(--color-line); border-radius: var(--radius); }
.wx-content-block > :first-child { margin-top: 0; }
.wx-content-block > :last-child { margin-bottom: 0; }
.wx-content-block h1 { margin: 0 0 17px; font-size: clamp(1.9rem, 5vw, 2.8rem); line-height: 1.15; }
.wx-content-block h2 { margin-top: 27px; }
.wx-content-block h3 { margin: 22px 0 8px; }
.wx-content-block p, .wx-content-block li { color: #dce9f6; }
.wx-content-block ul, .wx-content-block ol { padding-left: 24px; }
.wx-content-block li { margin-block: 7px; }
.wx-lead { color: #bdd2e8 !important; font-size: 18px; }
.wx-breadcrumb { display: flex; gap: 9px; align-items: center; color: var(--color-muted); font-size: 14px; }
.wx-article-layout { gap: 17px; }
.wx-toc { display: grid; gap: 6px; padding: 17px; background: rgba(19,146,185,.13); border-left: 4px solid var(--color-secondary); border-radius: 8px; }
.wx-toc h2 { margin: 0 0 4px; font-size: 20px; }
.wx-code-card { display: flex; flex-wrap: wrap; align-items: center; gap: 13px; padding: 18px; background: #003266; border: 2px dashed #55cef0; border-radius: 12px; }
.wx-code-card p { flex-basis: 100%; margin: 0; color: var(--color-muted); }
.wx-code-card strong { font-size: clamp(1.5rem, 6vw, 2.2rem); letter-spacing: .08em; }
.wx-code-card span { flex-basis: 100%; color: #9df0a7; }
.wx-notice, .wx-disclaimer { margin-block: 21px; padding: 16px 18px; color: #f4e6b6; background: rgba(252,66,3,.12); border: 1px solid rgba(255,190,96,.45); border-radius: 9px; }
.wx-pros-cons { display: grid; gap: 14px; }
.wx-pros, .wx-cons { padding: 17px; border-radius: 10px; }
.wx-pros { background: rgba(37,173,105,.13); border: 1px solid rgba(91,230,157,.32); }
.wx-cons { background: rgba(252,66,3,.12); border: 1px solid rgba(252,120,72,.35); }
.wx-pros h3, .wx-cons h3 { margin-top: 0; }
.wx-review-grid { display: grid; gap: 13px; }
.wx-review-card { padding: 18px; background: var(--color-panel); border: 1px solid var(--color-line); border-radius: 11px; }
.wx-review-card h3 { margin: 6px 0; }
.wx-review-card p { margin-bottom: 0; color: var(--color-muted); }
.wx-review-stars { color: #ffd461; font-size: 20px; letter-spacing: .08em; }
.wx-review-form { display: grid; gap: 9px; max-width: 650px; margin-top: 23px; padding: 20px; background: rgba(0,0,0,.13); border: 1px solid var(--color-line); border-radius: 12px; }
.wx-review-form h3 { margin: 0 0 5px; }
.wx-review-form label { margin-top: 5px; font-weight: 700; }
.wx-review-form input, .wx-review-form textarea, .wx-review-form select { width: 100%; min-height: 44px; padding: 10px 12px; color: #10283e; background: #fff; border: 1px solid #bed1e2; border-radius: 7px; }
.wx-review-form textarea { min-height: 120px; resize: vertical; }
.wx-review-form [data-review-message] { min-height: 24px; margin: 0; color: #9df0a7; }
.wx-score-grid { display: grid; gap: 12px; }
.wx-score { display: grid; gap: 5px; padding: 18px; background: var(--color-panel); border-radius: 10px; }
.wx-score strong { color: #ffcf54; font-size: 36px; }
.wx-score span { color: var(--color-muted); }
.wx-footer { padding: 38px 0 80px; background: var(--color-header); border-top: 1px solid rgba(255,255,255,.13); }
.wx-footer-grid { display: grid; gap: 25px; }
.wx-footer h3 { margin: 0 0 11px; font-size: 19px; }
.wx-footer p { color: #c0d1e3; }
.wx-footer-brand img { object-fit: contain; }
.wx-footer-links { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 12px; }
.wx-footer-links a { color: #dce9f6; }
.wx-tags { display: flex; flex-wrap: wrap; gap: 7px; }
.wx-tags span { padding: 5px 9px; color: #e8f4ff; background: rgba(255,255,255,.1); border-radius: 5px; font-size: 13px; }
.wx-footer-bottom { display: grid; gap: 3px; margin-top: 25px; padding-top: 14px; border-top: 1px solid var(--color-line); }
.wx-footer-bottom p { margin: 4px 0; font-size: 13px; }
.wx-sticky-widget { position: fixed; z-index: 30; right: 12px; bottom: 12px; left: 12px; display: flex; justify-content: center; pointer-events: none; }
.wx-widget-btn { max-width: 100%; padding: 12px 20px; color: #fff; background: var(--color-primary); border-radius: 999px; box-shadow: 0 7px 25px rgba(0,0,0,.4); font-weight: 700; text-align: center; pointer-events: auto; }
.wx-widget-btn:hover { color: #fff; transform: translateY(-2px); }
.wx4f2a { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 15px; }
.mb9k3 { padding: clamp(16px, 3vw, 28px); background: rgba(255,255,255,.035); border-radius: 12px; }
.r7xp1 { max-width: 72ch; margin-inline: auto; }
.wp-block { box-sizing: border-box; }
.entry-content { line-height: 1.75; }
.site-header { position: relative; z-index: 10; }
.wp-caption { max-width: 100%; }
.alignwide { width: 100%; }
.has-text-align-center { text-align: center; }
.fade-in { animation: fadeIn .6s ease both; }
.slide-in { animation: slideIn .35s ease both; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes slideIn { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } }
@media (min-width: 600px) {
  .wx-online { display: flex; }
  .wx-game-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .wx-game-grid { grid-auto-flow: row; grid-auto-columns: auto; overflow: visible; }
  .wx-feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wx-review-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wx-footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wx-score-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 768px) {
  .wx-container { width: min(1180px, calc(100% - 48px)); }
  .wx-header { grid-template-columns: 160px 1fr auto; gap: 18px; }
  .wx-online { grid-column: 2; justify-self: end; }
  .wx-auth { grid-column: 3; grid-row: 1; }
  .wx-auth .wx-button { min-height: 42px; padding-inline: 15px; font-size: 14px; }
  .wx-burger { display: none; }
  .wx-nav-wrap { display: block; grid-column: 1 / -1; grid-row: 2; margin-top: 4px; }
  .wx-nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 2px; }
  .wx-nav a { padding: 9px 11px; }
  .wx-hero-slider, .wx-slide { min-height: 445px; }
  .wx-slide { padding-block: 70px 80px; }
  .wx-main { gap: 35px; padding-block: 40px 90px; }
  .wx-slot-game { grid-template-columns: 1fr auto auto; gap: 22px; padding: 28px; }
  .wx-slot-game > .wx-button { grid-column: 3; }
  .wx-spin-result { grid-column: 1 / -1; }
  .wx-game-card > img { height: 155px; }
  .wx-feature-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .wx-feature-grid-compact { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .wx-video { grid-template-columns: .8fr 1.2fr; padding: 28px; }
  .wx-review-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wx-pros-cons { grid-template-columns: 1fr 1fr; display: grid; }
  .wx-footer-grid { grid-template-columns: 1.2fr 1fr 1fr 1fr; gap: 26px; }
  .wx-footer-bottom { grid-template-columns: 1fr 1fr; align-items: center; }
  .wx-sticky-widget { right: 20px; bottom: 18px; left: auto; }
  .wx-widget-btn { padding: 13px 21px; }
  .wx-content-block { padding: 34px; }
}
@media (min-width: 1024px) {
  .wx-header { grid-template-columns: 160px 1fr auto; }
  .wx-nav { gap: 7px; }
  .wx-nav a { padding-inline: 13px; }
  .wx-hero-slider, .wx-slide { min-height: 490px; }
  .wx-game-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
  .wx-game-card > img { height: 180px; }
  .wx-feature-grid { gap: 17px; }
  .wx-review-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .wx-main { gap: 40px; }
  .wx-panel { padding: 29px; }
  .wx-footer { padding-bottom: 36px; }
}
@media (max-width: 420px) {
  .wx-container { width: min(100% - 24px, 1180px); }
  .wx-header { gap: 8px; }
  .wx-brand, .wx-brand img { width: 112px; height: 42px; }
  .wx-auth { gap: 5px; }
  .wx-auth .wx-button { min-height: 35px; padding: 6px 8px; font-size: 12px; }
  .wx-nav { grid-template-columns: 1fr; }
  .wx-game-info { padding: 9px; }
  .wx-game-info h3 { font-size: 15px; }
  .wx-game-card > img { height: 100px; }
  .wx-panel, .wx-content-block { padding: 17px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}
.wx-gap-1 { gap: 5px; }

.wx-pad-1 { padding: 5px; }

.wx-radius-1 { border-radius: 5px; }

.wx-width-1 { max-width: 29ch; }

.wx-gap-2 { gap: 6px; }

.wx-pad-2 { padding: 6px; }

.wx-radius-2 { border-radius: 6px; }

.wx-width-2 { max-width: 30ch; }

.wx-gap-3 { gap: 7px; }

.wx-pad-3 { padding: 7px; }

.wx-radius-3 { border-radius: 7px; }

.wx-width-3 { max-width: 31ch; }

.wx-gap-4 { gap: 8px; }

.wx-pad-4 { padding: 8px; }

.wx-radius-4 { border-radius: 8px; }

.wx-width-4 { max-width: 32ch; }

.wx-gap-5 { gap: 9px; }

.wx-pad-5 { padding: 9px; }

.wx-radius-5 { border-radius: 9px; }

.wx-width-5 { max-width: 33ch; }

.wx-gap-6 { gap: 10px; }

.wx-pad-6 { padding: 10px; }

.wx-radius-6 { border-radius: 10px; }

.wx-width-6 { max-width: 34ch; }

.wx-gap-7 { gap: 11px; }

.wx-pad-7 { padding: 11px; }

.wx-radius-7 { border-radius: 11px; }

.wx-width-7 { max-width: 35ch; }

.wx-gap-8 { gap: 12px; }

.wx-pad-8 { padding: 12px; }

.wx-radius-8 { border-radius: 12px; }

.wx-width-8 { max-width: 36ch; }

.wx-gap-9 { gap: 13px; }

.wx-pad-9 { padding: 13px; }

.wx-radius-9 { border-radius: 13px; }

.wx-width-9 { max-width: 37ch; }

.wx-gap-10 { gap: 14px; }

.wx-pad-10 { padding: 14px; }

.wx-radius-10 { border-radius: 14px; }

.wx-width-10 { max-width: 38ch; }

.wx-gap-11 { gap: 15px; }

.wx-pad-11 { padding: 15px; }

.wx-radius-11 { border-radius: 15px; }

.wx-width-11 { max-width: 39ch; }

.wx-gap-12 { gap: 16px; }

.wx-pad-12 { padding: 16px; }

.wx-radius-12 { border-radius: 16px; }

.wx-width-12 { max-width: 40ch; }

.wx-gap-13 { gap: 17px; }

.wx-pad-13 { padding: 17px; }

.wx-radius-13 { border-radius: 17px; }

.wx-width-13 { max-width: 41ch; }

.wx-gap-14 { gap: 18px; }

.wx-pad-14 { padding: 18px; }

.wx-radius-14 { border-radius: 18px; }

.wx-width-14 { max-width: 42ch; }

.wx-gap-15 { gap: 19px; }

.wx-pad-15 { padding: 19px; }

.wx-radius-15 { border-radius: 19px; }

.wx-width-15 { max-width: 43ch; }

.wx-gap-16 { gap: 20px; }

.wx-pad-16 { padding: 20px; }

.wx-radius-16 { border-radius: 20px; }

.wx-width-16 { max-width: 44ch; }

.wx-gap-17 { gap: 21px; }

.wx-pad-17 { padding: 21px; }

.wx-radius-17 { border-radius: 21px; }

.wx-width-17 { max-width: 45ch; }

.wx-gap-18 { gap: 22px; }

.wx-pad-18 { padding: 22px; }

.wx-radius-18 { border-radius: 4px; }

.wx-width-18 { max-width: 46ch; }

.wx-gap-19 { gap: 23px; }

.wx-pad-19 { padding: 23px; }

.wx-radius-19 { border-radius: 5px; }

.wx-width-19 { max-width: 47ch; }

.wx-gap-20 { gap: 24px; }

.wx-pad-20 { padding: 24px; }

.wx-radius-20 { border-radius: 6px; }

.wx-width-20 { max-width: 48ch; }

.wx-gap-21 { gap: 25px; }

.wx-pad-21 { padding: 25px; }

.wx-radius-21 { border-radius: 7px; }

.wx-width-21 { max-width: 49ch; }

.wx-gap-22 { gap: 26px; }

.wx-pad-22 { padding: 26px; }

.wx-radius-22 { border-radius: 8px; }

.wx-width-22 { max-width: 50ch; }

.wx-gap-23 { gap: 27px; }

.wx-pad-23 { padding: 27px; }

.wx-radius-23 { border-radius: 9px; }

.wx-width-23 { max-width: 51ch; }

.wx-gap-24 { gap: 28px; }

.wx-pad-24 { padding: 28px; }

.wx-radius-24 { border-radius: 10px; }

.wx-width-24 { max-width: 52ch; }

.wx-gap-25 { gap: 29px; }

.wx-pad-25 { padding: 29px; }

.wx-radius-25 { border-radius: 11px; }

.wx-width-25 { max-width: 53ch; }

.wx-gap-26 { gap: 30px; }

.wx-pad-26 { padding: 30px; }

.wx-radius-26 { border-radius: 12px; }

.wx-width-26 { max-width: 54ch; }

.wx-gap-27 { gap: 31px; }

.wx-pad-27 { padding: 31px; }

.wx-radius-27 { border-radius: 13px; }

.wx-width-27 { max-width: 55ch; }

.wx-gap-28 { gap: 32px; }

.wx-pad-28 { padding: 32px; }

.wx-radius-28 { border-radius: 14px; }

.wx-width-28 { max-width: 56ch; }

.wx-gap-29 { gap: 33px; }

.wx-pad-29 { padding: 33px; }

.wx-radius-29 { border-radius: 15px; }

.wx-width-29 { max-width: 57ch; }

.wx-gap-30 { gap: 34px; }

.wx-pad-30 { padding: 34px; }

.wx-radius-30 { border-radius: 16px; }

.wx-width-30 { max-width: 58ch; }

.wx-gap-31 { gap: 35px; }

.wx-pad-31 { padding: 35px; }

.wx-radius-31 { border-radius: 17px; }

.wx-width-31 { max-width: 59ch; }

.wx-gap-32 { gap: 36px; }

.wx-pad-32 { padding: 36px; }

.wx-radius-32 { border-radius: 18px; }

.wx-width-32 { max-width: 60ch; }

.wx-gap-33 { gap: 37px; }

.wx-pad-33 { padding: 37px; }

.wx-radius-33 { border-radius: 19px; }

.wx-width-33 { max-width: 61ch; }

.wx-gap-34 { gap: 38px; }

.wx-pad-34 { padding: 38px; }

.wx-radius-34 { border-radius: 20px; }

.wx-width-34 { max-width: 62ch; }

.wx-gap-35 { gap: 39px; }

.wx-pad-35 { padding: 39px; }

.wx-radius-35 { border-radius: 21px; }

.wx-width-35 { max-width: 63ch; }

.wx-gap-36 { gap: 40px; }

.wx-pad-36 { padding: 40px; }

.wx-radius-36 { border-radius: 4px; }

.wx-width-36 { max-width: 64ch; }

.wx-gap-37 { gap: 41px; }

.wx-pad-37 { padding: 41px; }

.wx-radius-37 { border-radius: 5px; }

.wx-width-37 { max-width: 65ch; }

.wx-gap-38 { gap: 42px; }

.wx-pad-38 { padding: 42px; }

.wx-radius-38 { border-radius: 6px; }

.wx-width-38 { max-width: 66ch; }

.wx-gap-39 { gap: 43px; }

.wx-pad-39 { padding: 43px; }

.wx-radius-39 { border-radius: 7px; }

.wx-width-39 { max-width: 67ch; }

.wx-gap-40 { gap: 44px; }

.wx-pad-40 { padding: 44px; }

.wx-radius-40 { border-radius: 8px; }

.wx-width-40 { max-width: 68ch; }

.wx-gap-41 { gap: 45px; }

.wx-pad-41 { padding: 45px; }

.wx-radius-41 { border-radius: 9px; }

.wx-width-41 { max-width: 69ch; }

.wx-gap-42 { gap: 46px; }

.wx-pad-42 { padding: 46px; }

.wx-radius-42 { border-radius: 10px; }

.wx-width-42 { max-width: 28ch; }

.wx-gap-43 { gap: 47px; }

.wx-pad-43 { padding: 47px; }

.wx-radius-43 { border-radius: 11px; }

.wx-width-43 { max-width: 29ch; }

.wx-gap-44 { gap: 48px; }

.wx-pad-44 { padding: 48px; }

.wx-radius-44 { border-radius: 12px; }

.wx-width-44 { max-width: 30ch; }

.wx-gap-45 { gap: 49px; }

.wx-pad-45 { padding: 49px; }

.wx-radius-45 { border-radius: 13px; }

.wx-width-45 { max-width: 31ch; }

.wx-gap-46 { gap: 50px; }

.wx-pad-46 { padding: 50px; }

.wx-radius-46 { border-radius: 14px; }

.wx-width-46 { max-width: 32ch; }

.wx-gap-47 { gap: 51px; }

.wx-pad-47 { padding: 51px; }

.wx-radius-47 { border-radius: 15px; }

.wx-width-47 { max-width: 33ch; }

.wx-gap-48 { gap: 4px; }

.wx-pad-48 { padding: 4px; }

.wx-radius-48 { border-radius: 16px; }

.wx-width-48 { max-width: 34ch; }

.wx-gap-49 { gap: 5px; }

.wx-pad-49 { padding: 5px; }

.wx-radius-49 { border-radius: 17px; }

.wx-width-49 { max-width: 35ch; }

.wx-gap-50 { gap: 6px; }

.wx-pad-50 { padding: 6px; }

.wx-radius-50 { border-radius: 18px; }

.wx-width-50 { max-width: 36ch; }

.wx-gap-51 { gap: 7px; }

.wx-pad-51 { padding: 7px; }

.wx-radius-51 { border-radius: 19px; }

.wx-width-51 { max-width: 37ch; }

.wx-gap-52 { gap: 8px; }

.wx-pad-52 { padding: 8px; }

.wx-radius-52 { border-radius: 20px; }

.wx-width-52 { max-width: 38ch; }

.wx-gap-53 { gap: 9px; }

.wx-pad-53 { padding: 9px; }

.wx-radius-53 { border-radius: 21px; }

.wx-width-53 { max-width: 39ch; }

.wx-gap-54 { gap: 10px; }

.wx-pad-54 { padding: 10px; }

.wx-radius-54 { border-radius: 4px; }

.wx-width-54 { max-width: 40ch; }

.wx-gap-55 { gap: 11px; }

.wx-pad-55 { padding: 11px; }

.wx-radius-55 { border-radius: 5px; }

.wx-width-55 { max-width: 41ch; }

.wx-gap-56 { gap: 12px; }

.wx-pad-56 { padding: 12px; }

.wx-radius-56 { border-radius: 6px; }

.wx-width-56 { max-width: 42ch; }

.wx-gap-57 { gap: 13px; }

.wx-pad-57 { padding: 13px; }

.wx-radius-57 { border-radius: 7px; }

.wx-width-57 { max-width: 43ch; }

.wx-gap-58 { gap: 14px; }

.wx-pad-58 { padding: 14px; }

.wx-radius-58 { border-radius: 8px; }

.wx-width-58 { max-width: 44ch; }

.wx-gap-59 { gap: 15px; }

.wx-pad-59 { padding: 15px; }

.wx-radius-59 { border-radius: 9px; }

.wx-width-59 { max-width: 45ch; }

.wx-gap-60 { gap: 16px; }

.wx-pad-60 { padding: 16px; }

.wx-radius-60 { border-radius: 10px; }

.wx-width-60 { max-width: 46ch; }

.wx-gap-61 { gap: 17px; }

.wx-pad-61 { padding: 17px; }

.wx-radius-61 { border-radius: 11px; }

.wx-width-61 { max-width: 47ch; }

.wx-gap-62 { gap: 18px; }

.wx-pad-62 { padding: 18px; }

.wx-radius-62 { border-radius: 12px; }

.wx-width-62 { max-width: 48ch; }

.wx-gap-63 { gap: 19px; }

.wx-pad-63 { padding: 19px; }

.wx-radius-63 { border-radius: 13px; }

.wx-width-63 { max-width: 49ch; }

.wx-gap-64 { gap: 20px; }

.wx-pad-64 { padding: 20px; }

.wx-radius-64 { border-radius: 14px; }

.wx-width-64 { max-width: 50ch; }

.wx-gap-65 { gap: 21px; }

.wx-pad-65 { padding: 21px; }

.wx-radius-65 { border-radius: 15px; }

.wx-width-65 { max-width: 51ch; }

.wx-gap-66 { gap: 22px; }

.wx-pad-66 { padding: 22px; }

.wx-radius-66 { border-radius: 16px; }

.wx-width-66 { max-width: 52ch; }

.wx-gap-67 { gap: 23px; }

.wx-pad-67 { padding: 23px; }

.wx-radius-67 { border-radius: 17px; }

.wx-width-67 { max-width: 53ch; }

.wx-gap-68 { gap: 24px; }

.wx-pad-68 { padding: 24px; }

.wx-radius-68 { border-radius: 18px; }

.wx-width-68 { max-width: 54ch; }

.wx-gap-69 { gap: 25px; }

.wx-pad-69 { padding: 25px; }

.wx-radius-69 { border-radius: 19px; }

.wx-width-69 { max-width: 55ch; }

.wx-gap-70 { gap: 26px; }

.wx-pad-70 { padding: 26px; }

.wx-radius-70 { border-radius: 20px; }

.wx-width-70 { max-width: 56ch; }

.wx-gap-71 { gap: 27px; }

.wx-pad-71 { padding: 27px; }

.wx-radius-71 { border-radius: 21px; }

.wx-width-71 { max-width: 57ch; }

.wx-gap-72 { gap: 28px; }

.wx-pad-72 { padding: 28px; }

.wx-radius-72 { border-radius: 4px; }

.wx-width-72 { max-width: 58ch; }

.wx-gap-73 { gap: 29px; }

.wx-pad-73 { padding: 29px; }

.wx-radius-73 { border-radius: 5px; }

.wx-width-73 { max-width: 59ch; }

.wx-gap-74 { gap: 30px; }

.wx-pad-74 { padding: 30px; }

.wx-radius-74 { border-radius: 6px; }

.wx-width-74 { max-width: 60ch; }

.wx-gap-75 { gap: 31px; }

.wx-pad-75 { padding: 31px; }

.wx-radius-75 { border-radius: 7px; }

.wx-width-75 { max-width: 61ch; }

.wx-gap-76 { gap: 32px; }

.wx-pad-76 { padding: 32px; }

.wx-radius-76 { border-radius: 8px; }

.wx-width-76 { max-width: 62ch; }

.wx-gap-77 { gap: 33px; }

.wx-pad-77 { padding: 33px; }

.wx-radius-77 { border-radius: 9px; }

.wx-width-77 { max-width: 63ch; }

.wx-gap-78 { gap: 34px; }

.wx-pad-78 { padding: 34px; }

.wx-radius-78 { border-radius: 10px; }

.wx-width-78 { max-width: 64ch; }

.wx-gap-79 { gap: 35px; }

.wx-pad-79 { padding: 35px; }

.wx-radius-79 { border-radius: 11px; }

.wx-width-79 { max-width: 65ch; }

.wx-gap-80 { gap: 36px; }

.wx-pad-80 { padding: 36px; }

.wx-radius-80 { border-radius: 12px; }

.wx-width-80 { max-width: 66ch; }

.wx-gap-81 { gap: 37px; }

.wx-pad-81 { padding: 37px; }

.wx-radius-81 { border-radius: 13px; }

.wx-width-81 { max-width: 67ch; }

.wx-gap-82 { gap: 38px; }

.wx-pad-82 { padding: 38px; }

.wx-radius-82 { border-radius: 14px; }

.wx-width-82 { max-width: 68ch; }

.wx-gap-83 { gap: 39px; }

.wx-pad-83 { padding: 39px; }

.wx-radius-83 { border-radius: 15px; }

.wx-width-83 { max-width: 69ch; }

.wx-gap-84 { gap: 40px; }

.wx-pad-84 { padding: 40px; }

.wx-radius-84 { border-radius: 16px; }

.wx-width-84 { max-width: 28ch; }

.wx-gap-85 { gap: 41px; }

.wx-pad-85 { padding: 41px; }

.wx-radius-85 { border-radius: 17px; }

.wx-width-85 { max-width: 29ch; }

.wx-gap-86 { gap: 42px; }

.wx-pad-86 { padding: 42px; }

.wx-radius-86 { border-radius: 18px; }

.wx-width-86 { max-width: 30ch; }

.wx-gap-87 { gap: 43px; }

.wx-pad-87 { padding: 43px; }

.wx-radius-87 { border-radius: 19px; }

.wx-width-87 { max-width: 31ch; }

.wx-gap-88 { gap: 44px; }

.wx-pad-88 { padding: 44px; }

.wx-radius-88 { border-radius: 20px; }

.wx-width-88 { max-width: 32ch; }

.wx-gap-89 { gap: 45px; }

.wx-pad-89 { padding: 45px; }

.wx-radius-89 { border-radius: 21px; }

.wx-width-89 { max-width: 33ch; }

.wx-gap-90 { gap: 46px; }

.wx-pad-90 { padding: 46px; }

.wx-radius-90 { border-radius: 4px; }

.wx-width-90 { max-width: 34ch; }

.wx-gap-91 { gap: 47px; }

.wx-pad-91 { padding: 47px; }

.wx-radius-91 { border-radius: 5px; }

.wx-width-91 { max-width: 35ch; }

.wx-gap-92 { gap: 48px; }

.wx-pad-92 { padding: 48px; }

.wx-radius-92 { border-radius: 6px; }

.wx-width-92 { max-width: 36ch; }

.wx-gap-93 { gap: 49px; }

.wx-pad-93 { padding: 49px; }

.wx-radius-93 { border-radius: 7px; }

.wx-width-93 { max-width: 37ch; }

.wx-gap-94 { gap: 50px; }

.wx-pad-94 { padding: 50px; }

.wx-radius-94 { border-radius: 8px; }

.wx-width-94 { max-width: 38ch; }

.wx-gap-95 { gap: 51px; }

.wx-pad-95 { padding: 51px; }

.wx-radius-95 { border-radius: 9px; }

.wx-width-95 { max-width: 39ch; }

.wx-gap-96 { gap: 4px; }

.wx-pad-96 { padding: 4px; }

.wx-radius-96 { border-radius: 10px; }

.wx-width-96 { max-width: 40ch; }

.wx-gap-97 { gap: 5px; }

.wx-pad-97 { padding: 5px; }

.wx-radius-97 { border-radius: 11px; }

.wx-width-97 { max-width: 41ch; }

.wx-gap-98 { gap: 6px; }

.wx-pad-98 { padding: 6px; }

.wx-radius-98 { border-radius: 12px; }

.wx-width-98 { max-width: 42ch; }

.wx-gap-99 { gap: 7px; }

.wx-pad-99 { padding: 7px; }

.wx-radius-99 { border-radius: 13px; }

.wx-width-99 { max-width: 43ch; }

.wx-gap-100 { gap: 8px; }

.wx-pad-100 { padding: 8px; }

.wx-radius-100 { border-radius: 14px; }

.wx-width-100 { max-width: 44ch; }



html,
body {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: hidden;
}

body {
  min-width: 0;
}

.wx-wrapper,
.wx-main,
.wx-section,
.wx-panel,
.wx-content-block,
.wx-cms-content,
.wx-feature-card,
.wx-review-card,
.wx-game-card,
.wx-footer-grid > *,
.wx-header > * {
  min-width: 0;
  max-width: 100%;
}

.wx-container {
  width: 100%;
  max-width: 1228px;
  margin-inline: auto;
  padding-inline: 24px;
}

.wx-header-wrap {
  position: relative;
  z-index: 50;
}

.wx-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  grid-template-areas: "brand auth burger";
  align-items: center;
  gap: 10px;
  padding: 12px 0;
}

.wx-brand {
  grid-area: brand;
  width: min(150px, 100%);
  max-width: 150px;
}

.wx-brand img {
  width: 100%;
  max-width: 150px;
  height: auto;
}

.wx-auth {
  grid-area: auth;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

.wx-auth .wx-button-secondary {
  display: none;
}

.wx-auth .wx-button {
  min-height: 38px;
  padding: 8px 12px;
  font-size: 13px;
  white-space: nowrap;
}

.wx-burger {
  grid-area: burger;
  display: flex;
  width: 42px;
  height: 40px;
  padding: 8px;
}

.wx-nav-wrap {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  display: none;
  margin-top: 2px;
  background: var(--color-header);
  border: 1px solid var(--color-line);
  border-radius: 10px;
  box-shadow: var(--shadow);
}

.wx-nav-wrap.is-open {
  display: block;
}

.wx-nav {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2px;
  padding: 8px;
}

.wx-nav a {
  width: 100%;
  padding: 10px 12px;
  overflow-wrap: anywhere;
}

.wx-hero,
.wx-hero-slider,
.wx-slide {
  width: 100%;
  max-width: 100%;
}

.wx-slide-content h1,
.wx-slide-content h2,
.wx-slide-content p,
.wx-content-block h1,
.wx-content-block h2,
.wx-content-block h3,
.wx-content-block p,
.wx-content-block li,
.wx-content-block a,
.wx-panel h1,
.wx-panel h2,
.wx-panel h3,
.wx-panel p {
  overflow-wrap: anywhere;
  word-break: normal;
}

.wx-content-block {
  overflow: hidden;
}

.wx-cms-content {
  margin-bottom: 28px;
}

.wx-cms-content:empty {
  display: none;
}

.wx-cms-content > h1:first-child {
  display: none;
}

.wx-content-block img,
.wx-content-block video,
.wx-content-block iframe,
.wx-content-block embed,
.wx-content-block object {
  max-width: 100%;
}

.wx-content-block img,
.wx-content-block video {
  height: auto;
}

.wx-content-block iframe {
  width: 100%;
}

.wx-content-block pre {
  max-width: 100%;
  overflow-x: auto;
}

.wx-content-block table {
  max-width: 100%;
}

.wx-table-wrap {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.wx-table-wrap table {
  width: 100%;
  min-width: 620px;
}

.wx-breadcrumb {
  flex-wrap: wrap;
  min-width: 0;
}

.wx-code-card,
.wx-button-row,
.wx-section-head,
.wx-reels {
  max-width: 100%;
}

.wx-code-card strong,
.wx-code-card span {
  max-width: 100%;
  overflow-wrap: anywhere;
}

.wx-button,
.wx-widget-btn {
  max-width: 100%;
  white-space: normal;
}

.wx-game-grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-flow: row;
  grid-auto-columns: auto;
  gap: 14px;
  overflow: visible;
  padding-bottom: 0;
}

.wx-game-card > img {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.wx-feature-grid,
.wx-review-grid,
.wx-score-grid,
.wx-pros-cons,
.wx-footer-grid {
  grid-template-columns: 1fr;
}

.wx-footer-links {
  grid-template-columns: 1fr;
}

.wx-footer-brand img {
  width: min(150px, 100%);
  height: auto;
}

.wx-sticky-widget {
  right: 12px;
  left: 12px;
}

@media (max-width: 599px) {
  .wx-container {
    padding-inline: 14px;
  }

  .wx-header {
    gap: 8px;
    padding: 10px 0;
  }

  .wx-brand {
    width: min(118px, 100%);
  }

  .wx-brand img {
    max-width: 118px;
  }

  .wx-auth .wx-button {
    min-height: 36px;
    padding: 7px 9px;
    font-size: 12px;
  }

  .wx-hero-slider,
  .wx-slide {
    min-height: 360px;
  }

  .wx-slide {
    padding: 42px 0 72px;
  }

  .wx-slide-content h1,
  .wx-slide-content h2 {
    font-size: clamp(1.8rem, 9vw, 2.45rem);
  }

  .wx-slide-content p {
    font-size: 16px;
  }

  .wx-slider-controls {
    right: 14px;
    bottom: 14px;
  }

  .wx-main {
    gap: 22px;
    padding-block: 24px 84px;
  }

  .wx-section {
    padding-block: 4px;
  }

  .wx-panel,
  .wx-content-block {
    padding: 18px;
    border-radius: 12px;
  }

  .wx-slot-game {
    grid-template-columns: 1fr;
  }

  .wx-reels {
    justify-content: flex-start;
  }

  .wx-reels span {
    width: 56px;
    height: 64px;
    font-size: 30px;
  }

  .wx-button-row {
    display: grid;
    grid-template-columns: 1fr;
  }

  .wx-button-row .wx-button,
  .wx-review-form .wx-button {
    width: 100%;
  }

  .wx-review-form {
    width: 100%;
    max-width: 100%;
    padding: 16px;
  }

  .wx-code-card {
    align-items: stretch;
  }

  .wx-code-card .wx-button {
    width: 100%;
  }

  .wx-footer {
    padding: 32px 0 88px;
  }

  .wx-footer-grid {
    gap: 22px;
  }

  .wx-footer-bottom {
    text-align: left;
  }

  .wx-widget-btn {
    width: 100%;
    padding: 11px 15px;
  }
}

@media (min-width: 600px) and (max-width: 1179px) {
  .wx-game-grid,
  .wx-feature-grid,
  .wx-review-grid,
  .wx-score-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .wx-footer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .wx-nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 900px) and (max-width: 1179px) {
  .wx-feature-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .wx-game-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 1180px) {
  .wx-header {
    grid-template-columns: 150px minmax(0, 1fr) auto;
    grid-template-areas: "brand nav auth";
    gap: 14px;
    padding: 14px 0;
  }

  .wx-brand {
    max-width: 150px;
  }

  .wx-auth {
    grid-area: auth;
  }

  .wx-auth .wx-button-secondary {
    display: inline-flex;
  }

  .wx-auth .wx-button {
    min-height: 40px;
    padding: 8px 12px;
    font-size: 13px;
  }

  .wx-burger {
    display: none;
  }

  .wx-nav-wrap,
  .wx-nav-wrap.is-open {
    grid-area: nav;
    position: static;
    display: block;
    margin: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
  }

  .wx-nav {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 1px;
    padding: 0;
  }

  .wx-nav a {
    width: auto;
    padding: 8px 7px;
    font-size: 13px;
    white-space: nowrap;
  }

  .wx-game-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
  }

  .wx-feature-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .wx-review-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .wx-score-grid,
  .wx-pros-cons {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .wx-footer-grid {
    grid-template-columns: 1.2fr 1fr 1fr 1fr;
  }

  .wx-footer-links {
    grid-template-columns: 1fr 1fr;
  }

  .wx-sticky-widget {
    right: 20px;
    left: auto;
  }
}

.wx-content-block > table,
.wx-cms-content > table {
  display: block;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

@media (min-width: 768px) and (max-width: 1179px) {
  .wx-header {
    grid-template-columns: 150px minmax(0, 1fr) auto;
    grid-template-areas:
      "brand spacer auth"
      "nav nav nav";
    gap: 10px 16px;
  }

  .wx-brand {
    grid-area: brand;
    width: 150px;
    max-width: 150px;
  }

  .wx-auth {
    grid-area: auth;
  }

  .wx-auth .wx-button-secondary {
    display: inline-flex;
  }

  .wx-burger {
    display: none;
  }

  .wx-nav-wrap,
  .wx-nav-wrap.is-open {
    grid-area: nav;
    position: static;
    display: block;
    margin: 0;
    background: var(--color-header);
    border: 1px solid var(--color-line);
    border-radius: 10px;
    box-shadow: none;
  }

  .wx-nav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 2px;
    padding: 7px;
  }

  .wx-nav a {
    width: auto;
    padding: 8px 9px;
    font-size: 14px;
  }
}