@font-face { font-family: Roboto; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/roboto/roboto-400.ttf") format("truetype"); }
html, body { max-width: 100%; overflow-x: clip; }
@media (max-width: 900px) {
body .hero { justify-content: center; text-align: center; }
body .hero-copy { box-sizing: border-box; width: min(600px, 100%); margin-inline: auto; text-align: center; }
body .hero p { margin-inline: auto; }
body .hero .hero-actions { display: flex; justify-content: center; }
}
@media (max-width: 620px) {
body .hero { padding: 24px 10px; }
body .hero-copy { box-sizing: border-box; width: 100%; }
body .hero .hero-actions { width: 100%; }
body .hero .hero-actions a { box-sizing: border-box; width: 100%; min-width: 0px; }
}
@keyframes blau-curtain-reveal {
  0% { opacity: 0; transform: translateY(-8px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes blau-betting-row-in {
  0% { opacity: 0; transform: translateY(4px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes blau-odd-pulse {
  0% { box-shadow: currentcolor 0px 0px 0px 0px; transform: translateY(0px); }
  45% { box-shadow: transparent 0px 0px 0px 3px; transform: translateY(-1px); }
  100% { box-shadow: none; transform: translateY(0px); }
}
@font-face { font-family: Roboto; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/roboto/roboto-500.ttf") format("truetype"); }
@font-face { font-family: Roboto; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/roboto/roboto-600.ttf") format("truetype"); }
@font-face { font-family: Roboto; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/roboto/roboto-700.ttf") format("truetype"); }
@font-face { font-family: Roboto; font-style: normal; font-weight: 800; font-display: swap; src: url("../fonts/roboto/roboto-800.ttf") format("truetype"); }
:root { --page-bg: #061f14; --header-bg: #082b1b; --panel-bg: #0c3120; --panel-soft: #12402b; --heading-bg: #175137; --control-bg: #072618; --light-bg: #e7f5ef; --white: #fff; --text: #f6f7f5; --muted: #b8c7c5; --dark-text: #071a11; --accent: #47dc98; --accent-hover: #69e2ab; --accent-soft: #9fecc9; --accent-bright: #77e5b3; --accent-highlight: #9eedc9; --accent-pale: #d4f7e7; --signal-blue: #27a76d; --signal-blue-hover: #54c893; --signal-blue-soft: #cbf0df; --brand-green: #238558; --brand-green-hover: #31a06d; --brand-green-active: #155e3d; --line: #286046; --radius: 10px; --shadow: 0 12px 28px rgba(2,10,6,28); --header-height: 70px; --page-gutter: 20px; --left-column: 250px; --right-column: 250px; --content-flow-gap: 20px; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: calc(var(--header-height) + 16px); background: var(--page-bg); }
body { min-width: 320px; margin: 0px; padding-top: var(--header-height); color: var(--text); background: rgb(0, 0, 0); font-family: Roboto, Arial, sans-serif; font-size: 16px; line-height: 1.45; }
body, button, input, select { font-family: Roboto, Arial, sans-serif; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
button, a { -webkit-tap-highlight-color: transparent; }
button:focus-visible, a:focus-visible, summary:focus-visible, [tabindex]:focus-visible { outline: rgba(61,218,146,0.62) solid 3px; outline-offset: 3px; }
.skip { position: fixed; top: -80px; left: 16px; z-index: 50; padding: 10px 14px; color: var(--white); background: var(--accent); border-radius: 6px; }
.skip:focus { top: 10px; }
.site-header { position: fixed; top: 0px; right: 0px; left: 0px; z-index: 30; height: var(--header-height); background: var(--header-bg); box-shadow: rgba(18, 19, 23, 0.5) 0px 0px 10px; }
.page-progress { --page-progress: 0%; position: absolute; right: 0px; bottom: -4px; left: 0px; z-index: 4; height: 14px; pointer-events: none; }
.page-progress::before, .page-progress-fill { position: absolute; right: 0px; bottom: 0px; left: 0px; height: 4px; }
.page-progress::before { content: ""; background: repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.09) 0px, rgba(255, 255, 255, 0.09) 18px, transparent 18px, transparent 24px), rgb(11, 14, 12); border-top: 1px solid rgba(255, 255, 255, 0.05); }
.site-nav { display: flex; align-items: center; width: 100%; max-width: 1440px; height: 100%; margin: 0px auto; padding: 0 var(--page-gutter); gap: 26px; }
.brand { flex: 0 0 224px; align-self: stretch; display: flex; align-items: center; min-width: 0px; }
.brand-logo { width: 224px; max-height: 52px; object-fit: contain; object-position: left center; }
.nav-links { display: flex; align-items: center; gap: 12px; margin-right: auto; }
.nav-links a { position: relative; display: inline-flex; align-items: center; min-height: 42px; padding: 9px 11px; gap: 7px; color: rgb(244, 244, 244); background: transparent; border: 1px solid transparent; border-radius: 8px; font-size: 14px; font-weight: 700; letter-spacing: 0.01em; line-height: 18px; text-transform: uppercase; transition: color 180ms, background-color 180ms, border-color 180ms, transform 180ms; }
.nav-links a:hover { color: var(--signal-blue-hover); background: rgba(72,220,153,0.09); border-color: rgba(72,220,153,0.2); transform: translateY(-1px); }
.nav-links .state-active { color: var(--signal-blue-hover); background: transparent; border-color: transparent; }
.nav-links .state-active::after { content: ""; position: absolute; right: 10px; bottom: -9px; left: 10px; height: 2px; background: var(--signal-blue); border-radius: 2px 2px 0px 0px; }
.nav-links a:hover .nav-link-icon, .nav-links .state-active .nav-link-icon { color: rgb(255, 255, 255); background: radial-gradient(circle at 28% 18%, rgba(255, 255, 255, 0.18), transparent 36%), linear-gradient(145deg, rgb(16,58,39), rgb(11, 14, 12) 72%); border-color: rgba(72,220,153,0.62); box-shadow: rgba(255, 255, 255, 0.13) 0px 1px 0px inset, rgba(0, 0, 0, 0.34) 0px -1px 0px inset, rgba(31,143,92,0.34) 0px 7px 18px, rgba(72,220,153,0.11) 0px 0px 0px 3px; transform: translateY(-1px) rotate(-2deg) scale(1.06); }
.nav-links a:hover .nav-icon-accent, .nav-links .state-active .nav-icon-accent { fill: var(--signal-blue); stroke: var(--signal-blue-soft); filter: drop-shadow(rgba(72,220,153,0.86) 0px 0px 4px); }
@keyframes blau-nav-icon-pulse {
  0%, 100% { box-shadow: rgba(255, 255, 255, 0.13) 0px 1px 0px inset, rgba(31,143,92,0.3) 0px 7px 18px, rgba(72,220,153,0.09) 0px 0px 0px 2px; }
  50% { box-shadow: rgba(255, 255, 255, 0.16) 0px 1px 0px inset, rgba(31,143,92,0.42) 0px 8px 20px, rgba(72,220,153,0.14) 0px 0px 0px 4px; }
}
@media (max-width: 620px) {
body { overflow-x: hidden; }
body .hero-copy { min-width: 0px; }
body .hero h1 { max-width: 100%; font-size: clamp(26px, 7.5vw, 30px); line-height: 1.08; overflow-wrap: anywhere; hyphens: auto; }
}
@media (prefers-reduced-motion: reduce) {
.nav-link-icon, .nav-links .state-active .nav-link-icon { animation: auto ease 0s 1 normal none running none; transition-duration: 0.01ms; }
}
.site-header, .game-strip, .main, .footer { background-color: var(--page-bg); }
.sidebar, .sports-sidebar, .right-panel, .bet-slip, .registration-card, .content-section, .article-content, .review-card, .faq-item, .device-banner, .cookie, .dropdown-menu { border-color: var(--line); }
.game-strip-card:hover, .game-strip-card:focus-within { border-color: rgba(196,180,73,0.72); box-shadow: rgba(0, 0, 0, 0.45) 0px 8px 20px, rgba(196,180,73,0.24) 0px 0px 15px; }
.fortune-tab { background: linear-gradient(105deg, rgba(196,180,73,0.2), transparent 54%), rgb(11, 14, 12); border-color: rgba(196,180,73,0.64); box-shadow: 0 16px 36px rgb(0 0 0 / 48%),
    inset 4px 0 0 var(--accent),
    inset 0 1px 0 rgb(255 255 255 / 9%); }
.fortune-tab-handle { background: linear-gradient(rgb(196,180,73), rgb(35,138,91)); }
.fortune-panel { background: radial-gradient(circle at 85% 8%, rgba(196,180,73,0.2), transparent 32%), linear-gradient(155deg, rgb(13,23,18), rgb(4,7,6) 68%); border-color: rgba(196,180,73,0.52); }
.fortune-eyebrow { color: rgb(213,201,123); }
.fortune-wheel { background: conic-gradient(rgb(169,154,53) 0deg, rgb(169,154,53) 45deg, rgb(247,246,242) 45deg, rgb(247,246,242) 90deg, rgb(35,138,91) 90deg, rgb(35,138,91) 135deg, rgb(11, 14, 12) 135deg, rgb(11, 14, 12) 180deg, rgb(169,154,53) 180deg, rgb(169,154,53) 225deg, rgb(247,246,242) 225deg, rgb(247,246,242) 270deg, rgb(35,138,91) 270deg, rgb(35,138,91) 315deg, rgb(11, 14, 12) 315deg); border-color: rgb(246,245,239); box-shadow: 0 0 0 3px var(--accent),
    0 0 0 7px #050907,
    0 14px 34px rgb(0 0 0 / 52%),
    inset 0 0 24px rgba(14,76,48,48); }
.fortune-wheel > span:nth-child(2), .fortune-wheel > span:nth-child(6) { color: rgb(11, 14, 12); }
.fortune-hub { color: var(--accent); background: linear-gradient(145deg, rgb(255, 255, 255), rgb(238,237,228)); border-color: rgb(11, 14, 12); box-shadow: 0 0 0 2px var(--accent),
    0 7px 18px rgb(0 0 0 / 34%); }
.fortune-result { background: radial-gradient(circle at 50% 32%, rgba(196,180,73,0.28), transparent 50%), rgba(7,34,22,0.96); border-color: rgb(241,240,230); box-shadow: rgba(169,154,53,0.52) 0px 0px 42px, rgba(169,154,53,0.26) 0px 0px 35px inset; }
.header-tools, .auth { display: flex; align-items: center; gap: 10px; }
.btn, .pin-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 32px; padding: 8px 16px; color: var(--white); background: var(--control-bg); border: 0px; border-radius: var(--radius); font-size: 14px; line-height: 17px; text-align: center; transition: transform 180ms, background 180ms; }
.btn:hover, .pin-btn:hover { transform: translateY(-1px); }
.btn:active, .pin-btn:active { transform: translateY(1px); }
.hot { background: var(--accent); }
.hot:hover { background: var(--accent-hover); }
.ghost { background: var(--control-bg); }
.header-time { padding-left: 12px; color: rgb(231, 232, 234); border-left: 1px solid rgb(43, 46, 52); font-size: 13px; font-variant-numeric: tabular-nums; }
.mobile-burger, .mobile-menu { display: none; }
.game-strip { position: relative; overflow: hidden; background: rgb(16,23,20); border-top: 1px solid rgb(32,42,37); border-bottom: 1px solid rgb(39, 42, 49); }
.game-strip-shell { position: relative; width: 100%; max-width: 1440px; margin: 0px auto; padding: 14px calc(var(--page-gutter) + 42px) 7px var(--page-gutter); }
.slot-viewport { overflow: hidden; mask-image: linear-gradient(90deg, transparent, rgb(0, 0, 0) 12px, rgb(0, 0, 0) calc(100% - 20px), transparent); }
.game-strip-track, .game-strip-group { display: flex; flex: 0 0 auto; gap: 8px; }
.game-strip-track { width: max-content; animation: 72s linear 0s infinite normal none running slots-carousel-scroll; will-change: transform; }
.game-strip-group { margin: 0px; padding: 0px; list-style: none; }
.game-strip-card { flex: 0 0 clamp(104px, 8vw, 122px); width: clamp(104px, 8vw, 122px); overflow: hidden; color: rgb(231, 232, 234); background: rgb(27,36,32); border: 1px solid rgb(41, 45, 53); border-radius: 7px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 9px; }
.game-strip-link { display: block; color: inherit; }
.game-strip-card img { width: 100%; height: auto; aspect-ratio: 301 / 180; object-fit: cover; background: rgb(36, 39, 46); }
.game-strip-name { display: block; overflow: hidden; padding: 4px 7px 5px; font-size: 11px; font-weight: 500; line-height: 15px; text-overflow: ellipsis; white-space: nowrap; }
.game-strip:hover .game-strip-track { animation-play-state: paused; }
.main-slots-strip { width: 100%; max-width: 100%; min-width: 0px; margin: 8px 0px 18px; border: 1px solid rgba(49,210,137,0.24); border-radius: 9px; box-shadow: rgba(0, 0, 0, 0.18) 0px 8px 22px; }
.main-slots-strip .game-strip-shell { max-width: none; padding: 7px 8px; }
.slot-strip-alt .game-strip-track { animation-delay: -36s; }
@keyframes slots-carousel-scroll {
  100% { transform: translateX(calc(-50% - 4px)); }
}
.page-shell { display: grid; grid-template-columns: var(--left-column) minmax(0, 860px) var(--right-column); align-items: start; justify-content: center; gap: 20px; width: 100%; max-width: 1440px; margin: 0px auto; padding: 18px var(--page-gutter) 42px; }
.page-shell.is-left-sidebar-collapsed { grid-template-columns: 42px minmax(0, 1fr) var(--right-column); }
.page-shell.is-right-sidebar-collapsed { grid-template-columns: var(--left-column) minmax(0, 1fr) 42px; }
.page-shell.is-left-sidebar-collapsed.is-right-sidebar-collapsed { grid-template-columns: 42px minmax(0px, 1fr) 42px; }
.page-content { min-width: 0px; }
.sports-sidebar { position: sticky; top: calc(var(--header-height) + 18px); display: grid; gap: 12px; max-height: calc(100dvh - var(--header-height) - 30px); overflow: auto; scrollbar-width: thin; scrollbar-color: rgb(87, 92, 101) transparent; }
.article-nav { overflow: hidden; background: linear-gradient(180deg, #282127 0%, var(--panel-bg) 100%); border: 1px solid rgba(49,210,137,0.22); border-radius: var(--radius); box-shadow: rgba(0, 0, 0, 0.16) 0px 8px 20px; }
.sport-panel { display: grid; gap: 8px; }
.sport-panel button { font: inherit; }
.sports-sidebar.state-collapsed { max-height: none; overflow: visible; }
.sports-sidebar.state-collapsed .sport-panel-body, .sports-sidebar.state-collapsed .article-nav, .right-panel.state-collapsed .right-panel-body { display: none; }
.sports-sidebar.state-collapsed .sport-panel { width: 42px; }
.sports-sidebar.state-collapsed .sport-side-toggle, .right-panel.state-collapsed .sport-side-toggle { width: 42px; min-height: 42px; padding: 0px; }
.sports-sidebar.state-collapsed .side-toggle-label, .right-panel.state-collapsed .side-toggle-label { display: none; }
.sidebar-collapse-icon { flex: 0 0 auto; font-size: 16px; line-height: 1; }
.right-panel .side-toggle-label { order: 1; }
.right-panel .sidebar-collapse-icon { order: 2; }
.sports-quick-row { display: flex; align-items: center; width: 100%; min-height: 32px; padding: 0px 0px 0px 8px; gap: 8px; color: var(--white); background: var(--panel-bg); border: 1px solid transparent; border-radius: 9px; font-size: 14px; text-align: left; overflow: hidden; cursor: pointer; }
.sports-quick-row:hover, .sports-quick-row.state-open { background: rgb(44, 48, 56); border-color: rgba(49,210,137,0.34); }
.sports-quick-icon { display: grid; place-items: center; flex: 0 0 18px; color: var(--white); font-size: 17px; line-height: 1; }
.aside-icon { display: block; width: 20px; height: 20px; overflow: visible; color: currentcolor; fill: currentcolor; }
.sports-quick-icon .aside-icon { width: 19px; height: 19px; }
.top-game-header .aside-icon { width: 18px; height: 18px; }
.match-league .aside-icon { width: 18px; height: 18px; }
.match-favorite .aside-icon { width: 21px; height: 21px; }
.sports-tabs .aside-icon { display: inline-block; width: 10px; height: 10px; margin-right: 4px; vertical-align: -1px; }
.sports-summary-stat { display: inline-flex; align-items: center; gap: 5px; }
.sports-summary-stat .aside-icon { width: 17px; height: 17px; color: rgb(77, 83, 88); }
.sports-summary > span:last-child .aside-icon { width: 20px; height: 20px; color: rgb(5, 5, 5); }
.sport-row-icon .aside-icon { width: 19px; height: 19px; }
.top-game-card, .sports-catalog { overflow: hidden; border-radius: 9px; }
.top-game-header { display: flex; align-items: center; min-height: 32px; padding-left: 8px; gap: 8px; color: var(--white); background: var(--panel-bg); font-size: 14px; }
.top-game-header strong { font-weight: 500; white-space: nowrap; }
.top-game-body { position: relative; padding: 8px 8px 2px; color: rgb(20,42,32); background: var(--white); }
.top-game-link { position: absolute; z-index: 5; inset: 0px; border-radius: 0px 0px 9px 9px; }
.top-game-link::after { position: absolute; inset: 0px; content: ""; pointer-events: none; border: 2px solid transparent; border-radius: inherit; transition: border-color 180ms, box-shadow 180ms, background-color 180ms; }
.top-game-link:hover::after, .top-game-link:focus-visible::after { border-color: var(--accent); background: rgba(54,201,134,0.035); box-shadow: rgba(54,201,134,0.14) 0px 0px 16px inset, rgba(54,201,134,0.22) 0px 0px 0px 2px; }
.match-league { display: grid; grid-template-columns: 18px 1fr 18px; align-items: center; gap: 6px; font-size: 12px; }
.match-league > span:first-child { color: rgb(27,76,54); font-size: 17px; }
.match-favorite { color: var(--accent); font-size: 21px; line-height: 1; }
.match-status { display: flex; align-items: center; margin: 1px 0px 4px; gap: 4px; color: rgb(169,154,53); font-size: 11px; }
.match-status::before { content: "● LIVE"; color: rgb(169,155,60); font-size: 9px; font-weight: 800; letter-spacing: 0.03em; }
.match-team { display: grid; grid-template-columns: 18px 1fr auto; align-items: center; min-height: 21px; gap: 6px; color: rgb(17, 17, 17); font-size: 12px; }
.team-mark { display: grid; place-items: center; width: 16px; height: 16px; color: var(--white); border-radius: 50%; font-size: 8px; font-weight: 700; }
.match-odds { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px; }
.match-odds a { display: flex; align-items: center; justify-content: space-between; min-width: 0px; min-height: 25px; padding: 3px 5px; color: rgb(17, 17, 17); background: rgb(242,241,234); border: 0px; border-radius: 12px; font-size: 11px; cursor: pointer; }
.match-odds a:hover { background: rgb(231,229,216); }
.match-odds strong { font-size: 12px; font-weight: 500; }
.sports-tabs { display: grid; grid-template-columns: 1fr 1fr; min-height: 32px; background: var(--header-bg); }
.sports-tabs a { display: flex; align-items: center; justify-content: center; color: rgb(200, 203, 208); background: transparent; border: 0px; font-size: 14px; line-height: 1; text-align: center; cursor: pointer; }
.sports-tabs a > span[aria-hidden="true"] { display: none; }
.sports-tabs a.state-active { color: var(--white); background: var(--panel-bg); }
.sports-tabs a.state-active span { color: var(--signal-blue); }
.sports-summary { display: grid; grid-template-columns: auto 1fr auto; align-items: center; min-height: 32px; padding: 0px 8px; gap: 6px; color: rgb(17, 17, 17); background: var(--light-bg); font-size: 12px; }
.sports-summary > span:last-child { font-size: 16px; }
.sports-summary-tv { display: none; }
.sport-row { display: grid; grid-template-columns: 24px 1fr 32px; align-items: center; width: 100%; min-height: 32px; padding: 0px 0px 0px 8px; color: rgb(10, 10, 10); background: var(--white); border-width: 1px 0px 0px; border-style: solid none none; border-color: rgb(229, 233, 228) currentcolor currentcolor; border-image: none; font-size: 14px; text-align: left; cursor: pointer; }
.sport-row:hover { background: rgb(243,242,235); }
.sport-row-icon { font-size: 17px; line-height: 1; }
.pin-side-nav-toggle { position: relative; width: 100%; padding: 9px 12px; color: var(--white); background: var(--control-bg); border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(76, 80, 88); border-image: none; text-align: left; }
.pin-side-nav-toggle span { position: absolute; top: 50%; right: 13px; width: 7px; height: 7px; border-top: 1px solid; border-left: 1px solid; transform: rotate(45deg); }
.article-links { display: none; max-height: 310px; padding: 8px; overflow: auto; color: var(--dark-text); background: var(--white); }
.article-nav.state-open .article-links { display: grid; }
.article-links a { padding: 5px 0px; font-size: 13px; line-height: 1.35; }
.article-links a:hover { color: var(--accent); }
.right-panel { position: sticky; top: calc(var(--header-height) + 18px); display: grid; gap: 8px; }
.hero { position: relative; display: flex; align-items: center; min-height: 426px; margin-bottom: 20px; padding: 50px 60px; overflow: hidden; background: rgb(9,14,12); border-radius: var(--radius); }
.hero::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(90deg, rgba(10,15,13,0.78) 0%, rgba(10,15,13,0.61) 58%, rgba(10,15,13,0.14) 100%); }
.hero-img { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; border-radius: calc(var(--radius) - 2px); }
.hero-scene-image { object-position: center center; }
.hero-copy { position: relative; z-index: 1; width: min(600px, 74%); }
.hero h1 { margin: 0px; color: var(--white); font-size: clamp(27px, 2.1vw, 30px); font-weight: 800; line-height: 1.32; text-transform: uppercase; text-wrap: balance; }
.hero p { max-width: 62ch; margin: 12px 0px 0px; color: rgb(240, 241, 242); font-size: 15px; line-height: 1.45; }
.hero-actions { margin-top: 18px; }
.hero-actions .pin-btn { min-width: 220px; min-height: 46px; text-transform: uppercase; }
.section-cta-row { display: flex; align-items: center; justify-content: flex-start; margin-top: 18px; }
.section-cta-link { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; min-width: 220px; min-height: 46px; font-weight: 700; text-transform: uppercase; }
.section-cta-row .section-cta-link { min-height: 46px; }
.article-content { display: grid; min-width: 0px; gap: var(--content-flow-gap); }
.article-content > * { min-width: 0px; margin: 0px; }
.offer-banner-card { position: relative; isolation: isolate; display: flex; align-items: center; height: clamp(350px, 28vw, 420px); min-height: 350px; max-height: 350px; padding: 26px 34px; overflow: hidden; color: var(--white); background: rgb(9,14,12); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: rgba(0, 0, 0, 0.24) 0px 12px 28px; }
.offer-banner-card::after { content: ""; position: absolute; z-index: -1; inset: 0px; background: linear-gradient(90deg, rgba(4,8,6,0.68) 0%, rgba(4,8,6,0.52) 30%, rgba(4,8,6,0.2) 52%, rgba(4,8,6,0.04) 72%, transparent 100%); }
.offer-banner-cta, .section-bonus-cta { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 9px 18px; color: var(--white); background: var(--accent); border-radius: var(--radius); font-size: 13px; font-weight: 700; line-height: 1; text-decoration: none; text-transform: uppercase; transition: background-color 160ms, transform 160ms; }
.offer-banner-cta:hover, .section-bonus-cta:hover { color: var(--white); background: var(--accent-hover); }
.offer-banner-cta:active, .section-bonus-cta:active { transform: translateY(1px); }
.content-section, .story-block, .reviews-section, .home-app-banner, .bonus-banner-section, .bonus-final-cta { margin-bottom: 20px; padding: 20px; background: var(--panel-bg); border-radius: var(--radius); }
.content-section h2, .story-block h2, .reviews-section > h2 { position: relative; margin: 0px 0px 20px; padding: 8px 14px 8px 32px; color: var(--white); background: var(--heading-bg); border-radius: var(--radius); box-shadow: var(--shadow); font-size: 24px; font-weight: 700; line-height: 1.3; }
.content-section h2::before, .story-block h2::before, .reviews-section > h2::before { content: ""; position: absolute; top: 50%; left: 12px; width: 0px; height: 0px; border-top: 16px solid transparent; border-bottom: 16px solid transparent; border-left: 9px solid var(--signal-blue); transform: translateY(-50%); }
.content-section h3, .story-block h3 { margin: 24px 0px 12px; color: var(--white); font-size: 20px; line-height: 1.35; }
.content-section p, .story-block p, .content-section li, .story-block li { color: rgb(241, 242, 243); font-size: 15px; line-height: 1.5; }
.content-section p, .story-block p { margin: 0px 0px 16px; }
.article-source-block table p, .article-source-block th p, .article-source-block td p, .review-card p { margin: 0px; }
.article-source-block em, .review-card em { color: rgb(247,249,248); }
.review-card em { display: block; margin-bottom: 12px; }
.article-scene-media { width: 100%; margin: 20px 0px; overflow: hidden; border: 1px solid rgba(196,180,73,0.58); border-radius: var(--radius); background: rgb(11,17,14); }
.article-scene-image { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; }
.responsible-media { position: relative; }
.safe-play-logo { position: absolute; top: clamp(10px, 2vw, 18px); left: clamp(10px, 2vw, 18px); width: clamp(96px, 18%, 180px); height: auto; padding: 8px 10px; border: 1px solid rgba(255, 255, 255, 0.09); border-radius: 8px; background: rgba(11,17,14,0.78); box-shadow: rgba(0, 0, 0, 0.28) 0px 8px 22px; backdrop-filter: blur(6px); }
.section-visual, .payment-visual, .vip-program-visual { width: 100%; max-height: 420px; margin: 0px 0px 20px; object-fit: cover; border: 1px solid rgba(196,180,73,0.58); border-radius: var(--radius); }
.table-wrap, .table-scroll { width: 100%; margin-top: 0px; margin-bottom: 20px; overflow-x: auto; border-radius: var(--radius); box-shadow: var(--shadow); }
.table-scroll { margin-bottom: 0px; }
table { width: 100%; border-collapse: collapse; color: var(--white); background: rgb(46, 50, 58); font-size: 14px; }
th, td { padding: 12px 14px; border: 1px solid rgb(80, 85, 94); text-align: left; vertical-align: top; }
th { background: var(--heading-bg); font-weight: 700; }
tr:nth-child(2n) td { background: rgb(53, 58, 67); }
.offer-banner, .bonus-banner-section, .home-app-banner, .bonus-final-cta { position: relative; min-height: 250px; overflow: hidden; border: 1px solid rgba(196,180,73,0.58); background: rgb(25,33,29); }
.offer-banner img, .home-app-banner-media { width: 100%; max-height: 360px; object-fit: cover; border-radius: var(--radius); }
.review-card { flex: 0 0 calc(50% - 7px); padding: 16px; color: var(--white); background: var(--heading-bg); border-radius: var(--radius); }
.review-quote { display: block; flex: 1 1 0%; max-width: 43ch; padding-right: 28px; }
.review-author { position: relative; display: flex; align-items: center; min-height: 50px; margin-top: 20px; padding: 14px 92px 0px 48px; color: rgb(246, 247, 245); border-top: 1px solid rgba(213,201,123,0.16); font-size: 12px; font-weight: 800; line-height: 1.35; }
.review-author::before { content: attr(data-initials); position: absolute; bottom: -1px; left: 0px; display: grid; width: 36px; height: 36px; place-items: center; color: rgb(255, 255, 255); background: radial-gradient(circle at 32% 24%, rgba(255, 255, 255, 0.2), transparent 28%), linear-gradient(145deg, rgb(196,180,73), rgb(35,138,91)); border: 1px solid rgba(214,210,184,0.45); border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.3) 0px 7px 16px; font-size: 11px; letter-spacing: 0.04em; }
.review-author::after { content: "★★★★★"; position: absolute; right: 0px; bottom: 8px; color: rgb(217,204,117); font-size: 11px; letter-spacing: 0.12em; text-shadow: rgba(196,180,73,0.32) 0px 0px 10px; }
#pontuacoes ~ .reviews-track > .review-card::before, #pontuacoes ~ .reviews-track > .review-card::after { content: none; }
.table-wrap, .table-scroll { overflow: auto hidden; overscroll-behavior-x: contain; }
.table-wrap, .table-scroll { overflow: auto hidden; overscroll-behavior-x: contain; }
.hot, .registration-card .signup-button, .bet-slip .signup-button, .offer-banner-cta, .section-cta-link { background: var(--brand-green); }
.hot:hover, .registration-card .signup-button:hover, .bet-slip .signup-button:hover, .offer-banner-cta:hover, .section-cta-link:hover { background: var(--brand-green-hover); }
.age-badge, .hero-rating strong, .offer-banner-kicker { color: var(--accent-pale); }
.review-card-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.review-stars { color: rgb(213,201,123); }
.faq-item { overflow: hidden; margin: 0px 0px 10px; background: var(--heading-bg); border-radius: var(--radius); }
.faq-item summary { position: relative; padding: 15px 48px 15px 16px; cursor: pointer; font-weight: 600; list-style: none; }
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary::after { content: "+"; position: absolute; top: 50%; right: 17px; color: var(--accent-hover); font-size: 24px; transform: translateY(-50%); }
.faq-item[open] summary::after { content: "–"; }
.faq-item > p, .faq-panel { padding: 0px 16px 15px; }
.faq-item > p { margin: 0px; }
.faq-item summary em { color: inherit; font-style: normal; }
.faq-panel { overflow: hidden; transition: max-height 360ms; }
.footer { padding: 0 var(--page-gutter) 16px; background: var(--page-bg); }
.footer-inner { max-width: 1400px; margin: 0px auto; }
.footer-columns { display: grid; grid-template-columns: repeat(6, minmax(0px, 1fr)); gap: 28px; padding: 18px; background: var(--header-bg); border-radius: var(--radius); }
.footer-column { display: grid; align-content: start; gap: 7px; }
.footer-column h3 { margin: 0px 0px 3px; color: var(--white); font-size: 14px; text-transform: uppercase; }
.footer-column a { display: inline-flex; align-items: center; gap: 6px; color: rgb(207, 209, 213); font-size: 12px; }
.footer-column a:hover { color: var(--accent-hover); }
.footer-notice, .footer-legal-row, .footer-payments { margin-top: 8px; padding: 16px; background: var(--header-bg); border-radius: var(--radius); }
.footer-notice, .footer-legal-row { color: rgb(174, 178, 184); font-size: 12px; }
.footer-legal-row { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 18px; }
.footer-legal-row p { margin: 0px; }
.age-badge { min-width: 110px; padding: 8px 18px; color: var(--white); background: var(--control-bg); border-radius: var(--radius); font-size: 20px; text-align: center; }
.footer-payments { display: flex; align-items: center; justify-content: space-around; min-height: 58px; gap: 26px; }
.footer-payments img { width: auto; max-width: 92px; height: 26px; object-fit: contain; }
.cookie { position: fixed; right: 18px; bottom: 18px; z-index: 40; display: none; align-items: center; max-width: 420px; min-height: 58px; padding: 12px 14px; gap: 14px; color: var(--text); background: var(--panel-bg); border-left: 3px solid var(--accent); border-radius: var(--radius); box-shadow: rgba(0, 0, 0, 0.42) 0px 16px 40px; }
.cookie.state-visible { display: flex; }
.cookies-copy { flex: 1 1 0%; margin: 0px; color: var(--text); font-size: 13px; line-height: 1.45; }
.cookies-policy-link { color: var(--accent-hover); text-decoration: underline; text-underline-offset: 2px; }
.cookie button { min-height: 38px; padding: 9px 15px; color: var(--white); background: var(--accent); border: 0px; border-radius: var(--radius); font-size: 13px; font-weight: 700; white-space: nowrap; cursor: pointer; transition: background-color 160ms, transform 160ms; }
.cookie button:hover { background: var(--accent-hover); }
.cookie button:active { transform: translateY(1px); }
.scroll-top { position: fixed; right: 24px; bottom: 24px; z-index: 20; width: 44px; height: 44px; opacity: 0; pointer-events: none; background: var(--accent); border: 0px; border-radius: 50%; transition: opacity 180ms, transform 180ms; }
.scroll-top::before { content: "↑"; color: var(--white); font-size: 24px; }
.scroll-top.state-visible { opacity: 1; pointer-events: auto; }
.scroll-top:hover { transform: translateY(-2px); }
@media (max-width: 1180px) {
:root { --left-column: 230px; }
.page-shell { grid-template-columns: var(--left-column) minmax(0, 1fr); }
.right-panel { display: none; }
.header-time { display: none; }
.nav-links { gap: 20px; }
}
@media (max-width: 900px) {
:root { --header-height: 70px; --page-gutter: 10px; }
body { padding-top: var(--header-height); }
.site-header { position: fixed; right: 0px; left: 0px; height: var(--header-height); }
.site-nav { padding: 0px 10px; gap: 10px; }
.brand { flex-basis: 118px; margin-right: auto; }
.brand-logo { width: 110px; max-height: 36px; }
.nav-links, .auth, .header-time { display: none; }
.header-tools { display: flex; margin-left: auto; }
.mobile-burger { display: grid; width: 34px; height: 34px; padding: 5px 2px; align-content: space-around; background: transparent; border: 0px; }
.mobile-burger span { display: block; width: 30px; height: 2px; background: var(--white); }
.mobile-menu { position: absolute; top: var(--header-height); right: 0px; left: 0px; display: grid; max-height: 0px; padding: 0px 10px; overflow: hidden; opacity: 0; background: var(--header-bg); box-shadow: rgba(0, 0, 0, 0.35) 0px 12px 30px; transition: max-height 220ms, opacity 180ms, padding 220ms; }
.mobile-menu-open .mobile-menu { max-height: min(560px, calc(100dvh - var(--header-height) - 12px)); padding-top: 10px; padding-bottom: 14px; opacity: 1; }
.mobile-menu a { display: flex; align-items: center; min-height: 48px; padding: 12px 14px; color: rgb(235,251,244); background: linear-gradient(90deg, rgba(16,52,36,0.94), rgba(8,32,21,0.94)); border: 1px solid rgba(75,205,146,0.22); border-radius: 9px; box-shadow: rgba(255, 255, 255, 0.03) 0px 1px 0px inset; font-weight: 750; text-decoration: none; }
.mobile-menu > a + a { margin-top: 7px; }
.mobile-menu > a:not(.btn):hover, .mobile-menu > a:not(.btn):focus-visible { background: linear-gradient(90deg, rgba(26,90,61,0.96), rgba(12,47,31,0.96)); border-color: rgba(94,224,165,0.56); }
.mobile-menu > a.state-active { background: linear-gradient(90deg, rgba(45,167,111,0.5), rgba(12,52,34,0.96)); border-color: rgba(105,226,171,0.7); box-shadow: inset 4px 0 0 var(--accent), 0 0 18px rgba(58,198,134,16); }
.mobile-menu > .btn { justify-content: center; min-height: 46px; margin-top: 10px; border-radius: 10px; text-align: center; }
.mobile-menu > .btn.hot { background: linear-gradient(rgb(196,180,73), rgb(45,165,110)); border-color: rgb(216,204,121); color: rgb(6,19,13); }
.mobile-menu > .btn.ghost { background: linear-gradient(rgb(24,73,51), rgb(13,43,29)); border-color: rgba(105,226,171,0.58); color: rgb(241,252,247); }
.game-strip-shell { padding: 6px 50px 6px var(--page-gutter); }
.slot-viewport { mask-image: linear-gradient(90deg, transparent, rgb(0, 0, 0) 8px, rgb(0, 0, 0) calc(100% - 14px), transparent); }
.game-strip-card { flex-basis: 104px; width: 104px; }
.page-shell { display: block; padding: 16px var(--page-gutter) 30px; }
.sports-sidebar, .right-panel { display: none; }
.hero { min-height: 543px; margin-bottom: 20px; padding: 48px 20px; text-align: center; }
.hero::after { background: linear-gradient(rgba(9,14,12,0.45) 0%, rgba(9,14,12,0.8) 65%, rgba(9,14,12,0.58) 100%); }
.hero-scene-image { object-position: 70% center; }
.hero-copy { box-sizing: border-box; width: min(100%, 680px); margin-inline: auto; padding: 20px 16px; text-align: center; background: rgba(5,10,8,0.68); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 14px; box-shadow: rgba(0, 0, 0, 0.22) 0px 12px 30px; backdrop-filter: blur(5px); }
.hero h1 { font-size: clamp(27px, 8vw, 34px); line-height: 1.25; }
.hero p { margin-inline: auto; font-size: 15px; }
.hero-actions .pin-btn { min-width: 220px; }
.offer-banner-card { height: 350px; min-height: 350px; padding: 22px; }
.article-nav.mobile-nav-mounted { display: block; margin: 0px 0px 20px; }
.content-section, .story-block, .reviews-section, .home-app-banner, .bonus-banner-section, .bonus-final-cta { padding: 10px; }
.content-section h2, .story-block h2, .reviews-section > h2 { padding: 10px 12px 10px 32px; font-size: 21px; line-height: 1.38; }
.content-section p, .story-block p, .content-section li, .story-block li { font-size: 16px; }
.review-author { padding-right: 0px; }
.review-author::after { display: none; }
.footer { padding: 0px 10px 12px; }
.footer-columns { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 22px 18px; }
.footer-legal-row { grid-template-columns: 1fr; }
.footer-payments { flex-wrap: wrap; }
.cookie { right: 10px; bottom: 10px; left: 10px; max-width: none; }
}
@media (max-width: 420px) {
.site-nav { gap: 6px; }
.brand { flex-basis: 100px; }
.brand-logo { width: 100px; }
.header-tools { display: flex; gap: 6px; }
}
@media (max-width: 520px) {
:root { --content-flow-gap: 12px; }
.section-cta-row { margin-top: 14px; }
.section-cta-link { width: 100%; min-width: 0px; }
.hero { min-height: 520px; padding: 42px 12px; }
.hero-img { inset: 0px; height: 100%; }
.offer-banner-card { height: 350px; min-height: 350px; padding: 18px; }
.offer-banner-card::after { background: linear-gradient(90deg, rgba(4,8,6,0.72) 0%, rgba(4,8,6,0.56) 44%, rgba(4,8,6,0.24) 70%, rgba(4,8,6,0.03) 100%); }
img[src*="bl-home-promo-volleyball.webp"] { object-position: 82% center; }
img[src*="bl-home-promo-basketball.webp"] { object-position: 84% center; }
img[src*="bl-casino-promo-esports.webp"] { object-position: 82% center; }
img[src*="bl-casino-promo-football.webp"] { object-position: 82% center; }
img[src*="bl-bonus-promo-tennis.webp"] { object-position: 82% center; }
img[src*="bl-bonus-promo-ice-hockey.webp"] { object-position: 82% center; }
img[src*="bl-bonus-promo-cycling.webp"] { object-position: 84% center; }
.offer-banner-cta, .section-bonus-cta { min-height: 38px; padding: 8px 13px; font-size: 11px; }
.hero h1 { font-size: 27px; }
.hero p { font-size: 14px; }
.footer-columns { grid-template-columns: 1fr; }
.footer-payments img { max-width: 72px; height: 22px; }
}
.slot-library-grid { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); margin-top: 22px; gap: 12px; }
.live-casino-grid { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); margin-top: 22px; gap: 10px; }
.live-casino-card .slot-library-name { font-size: 11px; }
@property --slot-border-angle { syntax: "<angle>"; inherits: false; initial-value: 0deg; }
.slot-library-card { --slot-border-angle: 0deg; position: relative; isolation: isolate; min-width: 0px; overflow: hidden; aspect-ratio: 301 / 180; background: rgb(22,29,26); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: var(--radius); box-shadow: rgba(0, 0, 0, 0.24) 0px 8px 18px; }
.slot-library-card::before { content: ""; position: absolute; z-index: 4; inset: 0px; padding: 2px; pointer-events: none; background: conic-gradient(
    from var(--slot-border-angle),
    transparent 0deg 205deg,
    rgba(196,180,73,20) 225deg,
    var(--accent-hover) 250deg,
    #f6f5ed 270deg,
    var(--accent-hover) 290deg,
    rgba(196,180,73,20) 315deg,
    transparent 338deg 360deg
  ); border-radius: inherit; opacity: 0.9; mask: linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px) content-box exclude, linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px); animation: 3.2s linear 0s infinite normal none running slot-border-orbit; transition: opacity 180ms, padding 180ms; }
.slot-library-card:nth-child(4n+2)::before { animation-delay: -0.8s; }
.slot-library-card:nth-child(4n+3)::before { animation-delay: -1.6s; }
.slot-library-card:nth-child(4n+4)::before { animation-delay: -2.4s; }
.slot-library-card:hover::before, .slot-library-card:focus-visible::before { padding: 3px; opacity: 1; animation-duration: 1.65s; }
.slot-library-card img { width: 100%; height: 100%; object-fit: cover; transition: transform 260ms, filter 260ms; }
.slot-library-name { position: absolute; right: 0px; bottom: 0px; left: 0px; z-index: 1; overflow: hidden; padding: 22px 10px 8px; color: var(--white); background: linear-gradient(transparent, rgba(0, 0, 0, 0.88)); font-size: 12px; font-weight: 700; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; }
.slot-library-hover { position: absolute; inset: 0px; z-index: 2; display: flex; flex-direction: column; align-items: center; justify-content: center; color: var(--white); background: rgba(10,15,13,0.78); opacity: 0; transform: translateY(6px); transition: opacity 220ms, transform 220ms; }
.slot-library-hover strong { font-size: 15px; letter-spacing: 0.02em; }
.slot-library-play { display: inline-flex; align-items: center; justify-content: center; min-width: 82px; min-height: 34px; margin-top: 10px; padding: 7px 18px; color: var(--white); background: var(--accent); border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.32) 0px 5px 14px; font-size: 12px; font-weight: 800; text-transform: uppercase; }
.live-casino-card .slot-library-play { min-width: 54px; min-height: 24px; margin-top: 6px; padding: 4px 9px; font-size: 9px; }
.slot-library-card:hover img, .slot-library-card:focus-visible img { filter: brightness(0.6); transform: scale(1.045); }
.slot-library-card:hover .slot-library-hover, .slot-library-card:focus-visible .slot-library-hover { opacity: 1; transform: translateY(0px); }
.slot-library-card:hover .slot-library-play { background: var(--accent-hover); }
@keyframes slot-border-orbit {
  100% { --slot-border-angle: 360deg; }
}
@media (max-width: 1180px) {
.live-casino-grid { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
}
@media (max-width: 720px) {
.slot-library-grid, .live-casino-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
}
@media (max-width: 420px) {
.slot-library-grid, .live-casino-grid { grid-template-columns: 1fr; }
}
@media (hover: none) {
.slot-library-hover { align-items: flex-start; justify-content: flex-end; padding: 10px; background: linear-gradient(transparent 30%, rgba(10,15,13,0.92)); opacity: 1; transform: none; }
.slot-library-hover strong { font-size: 12px; }
.slot-library-play { min-width: 68px; min-height: 30px; margin-top: 6px; padding: 5px 12px; font-size: 10px; }
.slot-library-name { display: none; }
}
@media (prefers-reduced-motion: reduce) {
*, ::before, ::after { scroll-behavior: auto !important; transition-duration: 0.01ms !important; }
.slot-viewport { overflow-x: auto; mask-image: none; scrollbar-width: none; }
.slot-viewport::-webkit-scrollbar { display: none; }
.game-strip-track { animation: auto ease 0s 1 normal none running none; transform: none; }
.game-strip-group[aria-hidden="true"] { display: none; }
.slot-library-card::before { background: var(--accent); opacity: 0.8; animation: auto ease 0s 1 normal none running none; }
}
.floating-actions { --widget-green: var(--accent); --widget-lime: var(--accent-soft); --widget-red: var(--accent-bright); --widget-gold: var(--accent-pale); --widget-ink: var(--header-bg); position: relative; z-index: 1200; }
.floating-chat, .fortune-tab, .fortune-close { -webkit-tap-highlight-color: transparent; }
.floating-chat { position: fixed; left: 22px; right: auto; bottom: 86px; z-index: 1202; display: grid; width: 58px; height: 58px; place-items: center; color: rgb(255, 255, 255); background: radial-gradient(circle at 32% 22%, rgb(237,228,165) 0px, rgb(237,228,165) 5%, transparent 27%), linear-gradient(145deg, rgb(189,173,63), rgb(34,115,78)); border: 1px solid rgba(251,231,100,0.55); border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.48) 0px 12px 32px, rgba(33,174,110,0.11) 0px 0px 0px 5px; text-decoration: none; transition: transform 180ms, box-shadow 180ms; }
.floating-chat svg { width: 27px; fill: none; stroke: currentcolor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
.floating-chat span { position: absolute; left: 64px; right: auto; padding: 5px 9px; color: rgb(255, 255, 255); background: rgb(30,43,37); border: 1px solid rgba(255, 255, 255, 0.13); border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.3) 0px 6px 18px; font-size: 11px; font-weight: 800; letter-spacing: 0.04em; opacity: 0; pointer-events: none; transform: translateX(-7px); transition: opacity 160ms, transform 160ms; }
.floating-chat:hover, .floating-chat:focus-visible { box-shadow: rgba(0, 0, 0, 0.54) 0px 15px 38px, rgba(163,153,86,0.18) 0px 0px 0px 7px; transform: translateY(-3px); }
.floating-chat:hover span, .floating-chat:focus-visible span { opacity: 1; transform: translateX(0px); }
.fortune-tab { --fortune-handle: 42px; position: fixed; top: auto; right: 0px; bottom: 86px; z-index: 1202; display: flex; align-items: center; width: 158px; min-height: 58px; padding: 0px; gap: 0px; overflow: hidden; color: rgb(255, 255, 255); background: linear-gradient(105deg, rgba(196,180,73,0.2), transparent 54%), rgb(11, 14, 12); border-width: 1px 0px 1px 1px; border-style: solid none solid solid; border-color: rgba(196,180,73,0.64) currentcolor rgba(196,180,73,0.64) rgba(196,180,73,0.64); border-image: none; border-radius: 12px 0px 0px 12px; box-shadow: 0 16px 36px rgb(0 0 0 / 48%),
    inset 4px 0 0 var(--accent),
    inset 0 1px 0 rgb(255 255 255 / 9%); font-style: inherit; font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 9px; font-weight: 800; letter-spacing: 0.05em; line-height: 1.25; text-align: left; cursor: pointer; transform: translateX(calc(100% - var(--fortune-handle))); animation: 5.2s cubic-bezier(0.22, 1, 0.36, 1) 0s infinite normal none running fortune-tab-invite; }
.fortune-tab:hover, .fortune-tab:focus-visible { animation-play-state: paused; transform: translateX(0px); }
.fortune-tab[aria-expanded="true"] { animation: auto ease 0s 1 normal none running none; opacity: 0; pointer-events: none; transform: translateX(100%); }
.fortune-tab-handle { position: relative; display: grid; place-items: center; align-self: stretch; flex: 0 0 var(--fortune-handle); width: var(--fortune-handle); background: linear-gradient(rgb(196,180,73), rgb(35,138,91)); box-shadow: rgba(255, 255, 255, 0.18) -1px 0px inset, rgba(0, 0, 0, 0.2) 7px 0px 18px; }
.fortune-tab-handle::after { content: ""; position: absolute; top: 8px; bottom: 8px; left: 5px; width: 2px; background: rgba(255, 255, 255, 0.72); border-radius: 999px; }
.fortune-tab-copy { display: grid; min-width: 0px; padding: 9px 12px 9px 10px; gap: 2px; }
.fortune-tab-copy small { color: rgb(215, 205, 208); font-size: 8px; font-weight: 800; letter-spacing: 0.18em; }
.fortune-tab strong { color: rgb(255, 255, 255); font-size: 11px; white-space: nowrap; }
.fortune-tab-spark { display: grid; place-items: center; width: 28px; height: 28px; margin: 0px; color: rgb(255, 255, 255); background: radial-gradient(circle, rgba(255, 255, 255, 0.18), transparent 68%), rgba(16,32,25,0.48); border: 1px solid rgba(255, 255, 255, 0.48); border-radius: 50%; box-shadow: rgba(255, 255, 255, 0.07) 0px 0px 0px 3px, rgba(0, 0, 0, 0.28) 0px 5px 12px, rgba(190,243,219,0.26) 0px 0px 16px; line-height: 1; animation: 4.2s linear 0s infinite normal none running fortune-spark; }
.fortune-tab-spark svg { width: 23px; height: 23px; overflow: visible; }
.fortune-star-orbit { fill: none; stroke: rgba(255, 255, 255, 0.35); stroke-dasharray: 3, 5; stroke-width: 1; }
.fortune-star-core { fill: rgb(255, 255, 255); filter: drop-shadow(rgba(255, 255, 255, 0.78) 0px 0px 5px); transform-origin: center center; animation: 1.35s ease-in-out 0s infinite normal none running fortune-star-breathe; }
.fortune-star-dot { fill: rgb(255, 255, 255); transform-origin: center center; animation: 1.15s ease-in-out 0s infinite normal none running fortune-star-twinkle; }
.star-dot-two { animation-delay: -0.58s; }
.fortune-panel { position: fixed; top: auto; right: 18px; bottom: 18px; z-index: 1201; width: min(328px, -36px + 100vw); margin: 0px; padding: 23px 22px 20px; color: rgb(255, 255, 255); background: radial-gradient(circle at 85% 8%, rgba(196,180,73,0.2), transparent 32%), linear-gradient(155deg, rgb(13,23,18), rgb(4,7,6) 68%); border: 1px solid rgba(196,180,73,0.52); border-radius: 22px 7px 22px 22px; box-shadow: rgba(0, 0, 0, 0.68) 0px 24px 70px, rgba(255, 255, 255, 0.07) 0px 1px inset; opacity: 0; pointer-events: none; transform: translateX(115%) scale(0.96); transform-origin: right bottom; transition: opacity 260ms, transform 420ms cubic-bezier(0.22, 1, 0.36, 1); }
.fortune-panel.state-open { opacity: 1; pointer-events: auto; transform: translateX(0px) scale(1); }
.fortune-panel.state-won { animation: 620ms cubic-bezier(0.34, 1.56, 0.64, 1) 0s 1 normal none running fortune-panel-win; }
.fortune-close { position: absolute; top: 9px; right: 11px; width: 32px; height: 32px; padding: 0px; color: rgb(226,225,215); background: rgba(255, 255, 255, 0.07); border: 0px; border-radius: 50%; font-size: 23px; line-height: 1; cursor: pointer; }
.fortune-eyebrow { margin: 0px 0px 3px; color: rgb(213,201,123); font-size: 10px; font-weight: 900; letter-spacing: 0.16em; text-transform: uppercase; }
.fortune-panel h2 { margin: 0px 0px 17px; color: rgb(255, 255, 255); font-size: 25px; line-height: 1.05; text-transform: uppercase; }
.fortune-wheel-wrap { position: relative; width: 238px; height: 238px; margin: 0px auto; }
.fortune-wheel-wrap::before { content: ""; position: absolute; z-index: 0; inset: -34px; background: repeating-conic-gradient(from 8deg, rgba(196,180,73,0) 0deg, rgba(196,180,73,0) 8deg, rgba(196,180,73,0.42) 9deg, rgba(196,180,73,0.42) 11deg, rgba(255, 255, 255, 0) 12deg, rgba(255, 255, 255, 0) 18deg); border-radius: 50%; opacity: 0; pointer-events: none; transform: scale(0.45) rotate(-18deg); }
.fortune-panel.state-won .fortune-wheel-wrap::before { animation: 1.3s ease-out 0s 1 normal forwards running fortune-rays; }
.fortune-wheel { position: absolute; inset: 0px; overflow: hidden; background: conic-gradient(rgb(169,154,53) 0deg, rgb(169,154,53) 45deg, rgb(247,246,242) 45deg, rgb(247,246,242) 90deg, rgb(35,138,91) 90deg, rgb(35,138,91) 135deg, rgb(11, 14, 12) 135deg, rgb(11, 14, 12) 180deg, rgb(169,154,53) 180deg, rgb(169,154,53) 225deg, rgb(247,246,242) 225deg, rgb(247,246,242) 270deg, rgb(35,138,91) 270deg, rgb(35,138,91) 315deg, rgb(11, 14, 12) 315deg); border: 8px solid rgb(246,245,239); border-radius: 50%; box-shadow: 0 0 0 3px var(--accent),
    0 0 0 7px #050907,
    0 14px 34px rgb(0 0 0 / 52%),
    inset 0 0 24px rgba(14,76,48,48); }
.fortune-wheel::after { content: ""; position: absolute; inset: 10px; border: 1px dashed rgba(255, 255, 255, 0.38); border-radius: 50%; }
.fortune-wheel.state-spinning { animation: 3.6s cubic-bezier(0.12, 0.67, 0.04, 1) 0s 1 normal forwards running fortune-spin; }
.fortune-wheel > span { position: absolute; top: 50%; left: 50%; width: 84px; color: rgb(255, 255, 255); font-size: 10px; font-weight: 900; line-height: 1; text-align: right; text-shadow: rgb(0, 0, 0) 0px 1px 3px; transform: translate(-100%, -50%)
    rotate(calc(var(--i) * 45deg + 22.5deg))
    translateX(45px); transform-origin: 100% 50%; }
.fortune-wheel > span:nth-child(2), .fortune-wheel > span:nth-child(6) { color: rgb(11, 14, 12); text-shadow: none; }
.fortune-pointer { position: absolute; top: -11px; left: 50%; z-index: 3; width: 0px; height: 0px; border-top: 25px solid rgb(255, 255, 255); border-right: 13px solid transparent; border-left: 13px solid transparent; filter: drop-shadow(rgba(0, 0, 0, 0.55) 0px 3px 3px); transform: translateX(-50%); }
.fortune-hub { position: absolute; top: 50%; left: 50%; z-index: 3; display: grid; width: 54px; height: 54px; place-items: center; color: var(--accent); background: linear-gradient(145deg, rgb(255, 255, 255), rgb(238,237,228)); border: 5px solid rgb(11, 14, 12); border-radius: 50%; box-shadow: 0 0 0 2px var(--accent),
    0 7px 18px rgb(0 0 0 / 34%); font-size: 23px; font-weight: 900; font-style: italic; transform: translate(-50%, -50%); }
.fortune-result { position: absolute; inset: 24px; z-index: 4; display: flex; flex-direction: column; align-items: center; justify-content: center; color: rgb(255, 255, 255); background: rgba(7,34,22,0.96); border: 2px solid rgb(241,240,230); border-radius: 50%; box-shadow: rgba(169,154,53,0.52) 0px 0px 42px, rgba(169,154,53,0.26) 0px 0px 35px inset; opacity: 0; pointer-events: none; text-align: center; text-decoration: none; transform: scale(0.72); transition: opacity 300ms, transform 430ms cubic-bezier(0.34, 1.56, 0.64, 1); }
.fortune-result strong { color: rgb(255, 255, 255); font-size: 44px; font-weight: 900; letter-spacing: 0.04em; line-height: 1; text-shadow: rgba(196,180,73,0.76) 0px 0px 18px; }
.fortune-result span { max-width: 135px; margin-top: 9px; font-size: 11px; font-weight: 800; line-height: 1.25; }
.fortune-result em { display: inline-flex; align-items: center; min-height: 27px; margin-top: 10px; padding: 5px 12px; color: rgb(255, 255, 255); background: linear-gradient(
    180deg,
    var(--accent-highlight),
    var(--accent-bright)
  ); border-radius: 999px; box-shadow: rgba(0, 0, 0, 0.35) 0px 6px 16px; font-size: 9px; font-weight: 900; font-style: normal; letter-spacing: 0.06em; text-transform: uppercase; }
.fortune-panel.state-won .fortune-result { opacity: 1; pointer-events: auto; transform: scale(1); animation: 700ms cubic-bezier(0.34, 1.56, 0.64, 1) 0s 1 normal none running fortune-result-pop; }
.fortune-panel.state-won .fortune-result strong { animation: 760ms ease-in-out 180ms 2 normal none running fortune-win-beat; }
.fortune-panel.state-won .fortune-result:hover, .fortune-panel.state-won .fortune-result:focus-visible { box-shadow: rgba(169,154,53,0.72) 0px 0px 62px, rgba(169,154,53,0.3) 0px 0px 38px inset; transform: scale(1.035); }
.fortune-confetti { position: absolute; top: 52%; left: 50%; z-index: 8; width: 1px; height: 1px; pointer-events: none; }
.fortune-confetti i { position: absolute; width: 7px; height: 13px; background: var(--confetti-color); border-radius: 2px; box-shadow: 0 0 8px var(--confetti-color); opacity: 0; transform: translate(-50%, -50%) scale(0.2); }
.fortune-panel.state-won .fortune-confetti i { animation: fortune-confetti-burst 1.55s cubic-bezier(0.16, 0.74, 0.31, 1)
    var(--delay) forwards; }
.fortune-status { min-height: 18px; margin: 16px 0px 0px; color: rgb(203, 208, 200); font-size: 12px; font-weight: 700; text-align: center; }
.fortune-panel.state-won .fortune-status { color: var(--widget-gold); text-shadow: rgba(94,210,157,0.48) 0px 0px 15px; animation: 560ms cubic-bezier(0.34, 1.56, 0.64, 1) 180ms 1 normal both running fortune-status-pop; }
@keyframes fortune-spin {
  100% { transform: rotate(1902deg); }
}
@keyframes fortune-panel-win {
  0%, 100% { transform: translateX(0px) scale(1); }
  34% { transform: translateX(0px) scale(1.045) rotate(-0.8deg); }
  68% { transform: translateX(0px) scale(0.985) rotate(0.45deg); }
}
@keyframes fortune-rays {
  0% { opacity: 0; transform: scale(0.45) rotate(-18deg); }
  35% { opacity: 1; }
  100% { opacity: 0.22; transform: scale(1.08) rotate(16deg); }
}
@keyframes fortune-result-pop {
  0% { opacity: 0; transform: scale(0.3) rotate(-8deg); }
  70% { opacity: 1; transform: scale(1.08) rotate(1deg); }
  100% { opacity: 1; transform: scale(1) rotate(0deg); }
}
@keyframes fortune-win-beat {
  0%, 100% { filter: brightness(1); transform: scale(1); }
  50% { filter: brightness(1.35); transform: scale(1.16); }
}
@keyframes fortune-status-pop {
  0% { opacity: 0; transform: translateY(7px) scale(0.8); }
  100% { opacity: 1; transform: translateY(0px) scale(1); }
}
@keyframes fortune-confetti-burst {
  0% { opacity: 0; transform: translate(-50%, -50%) scale(0.2) rotate(0deg); }
  14% { opacity: 1; }
  78% { opacity: 1; }
  100% { opacity: 0; transform: translate(calc(-50% + var(--x)), calc(-50% + var(--y)))
      scale(1)
      rotate(var(--r)); }
}
@keyframes fortune-tab-invite {
  0%, 12%, 88%, 100% { filter: brightness(1); transform: translateX(calc(100% - var(--fortune-handle))); }
  24%, 70% { filter: brightness(1); transform: translateX(0px); }
  34%, 44% { filter: brightness(1.16); transform: translateX(0px); }
}
@keyframes fortune-spark {
  100% { transform: rotate(360deg); }
}
@keyframes fortune-star-breathe {
  0%, 100% { opacity: 0.72; transform: scale(0.78) rotate(-5deg); }
  50% { opacity: 1; transform: scale(1.08) rotate(5deg); }
}
@keyframes fortune-star-twinkle {
  0%, 100% { opacity: 0.28; transform: scale(0.65); }
  50% { opacity: 1; transform: scale(1.25); }
}
@media (max-width: 620px) {
.floating-chat { left: 12px; right: auto; bottom: 76px; width: 46px; height: 46px; }
.floating-chat svg { width: 22px; }
.floating-chat span { display: none; }
.fortune-tab { --fortune-handle: 38px; top: auto; bottom: 76px; width: 140px; min-height: 54px; padding: 0px; border-radius: 11px 0px 0px 11px; font-size: 8px; }
.fortune-tab strong { font-size: 10px; }
.fortune-tab-spark { width: 25px; height: 25px; margin: 0px; font-size: 16px; }
.fortune-tab-copy { padding: 8px 10px 8px 9px; }
.fortune-panel { right: 8px; bottom: 8px; width: min(274px, -16px + 100vw); padding: 18px 17px 15px; }
.fortune-panel h2 { margin-bottom: 14px; font-size: 20px; }
.fortune-wheel-wrap { width: 202px; height: 202px; }
.fortune-wheel > span { width: 73px; font-size: 8px; transform: translate(-100%, -50%)
      rotate(calc(var(--i) * 45deg + 22.5deg))
      translateX(38px); }
.fortune-result strong { font-size: 36px; }
}
@media (prefers-reduced-motion: reduce) {
.fortune-tab, .fortune-tab-spark, .fortune-wheel.state-spinning, .fortune-panel.state-won, .fortune-panel.state-won .fortune-result, .fortune-panel.state-won .fortune-result strong, .fortune-panel.state-won .fortune-status, .fortune-panel.state-won .fortune-wheel-wrap::before, .fortune-panel.state-won .fortune-confetti i { animation-duration: 0.01ms; animation-iteration-count: 1; }
}
.game-strip { background: linear-gradient(rgba(255, 255, 255, 0.02), transparent), rgb(13,20,17); }
.game-strip-shell { padding-right: var(--page-gutter); }
.game-strip-card { position: relative; isolation: isolate; border-color: rgb(36, 42, 39); box-shadow: rgba(0, 0, 0, 0.32) 0px 4px 12px, rgba(255, 255, 255, 0.02) 0px 0px 0px 1px inset; transition: border-color 190ms, box-shadow 190ms, transform 190ms; }
.game-strip-card::before { content: ""; position: absolute; z-index: 6; inset: 0px; padding: 1px; pointer-events: none; background: conic-gradient(
    from var(--slot-border-angle),
    transparent 0deg 210deg,
    rgba(196,180,73,16) 228deg,
    var(--accent-hover) 255deg,
    #f6f5ed 272deg,
    var(--accent-hover) 290deg,
    transparent 330deg 360deg
  ); border-radius: inherit; opacity: 0.66; mask: linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px) content-box exclude, linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px); animation: 3.8s linear 0s infinite normal none running slot-border-orbit; }
.game-strip-card:nth-child(4n+2)::before { animation-delay: -0.95s; }
.game-strip-card:nth-child(4n+3)::before { animation-delay: -1.9s; }
.game-strip-card:nth-child(4n+4)::before { animation-delay: -2.85s; }
.game-strip-link { position: relative; overflow: hidden; border-radius: inherit; text-decoration: none; }
.game-strip-card img { filter: brightness(0.78) saturate(0.9); transition: filter 240ms, transform 260ms; }
.game-strip-name { position: relative; z-index: 2; color: rgb(229, 232, 228); background: linear-gradient(rgb(25,34,30), rgb(20,27,24)); }
.game-strip-card:hover, .game-strip-card:focus-within { border-color: rgba(196,180,73,0.72); box-shadow: rgba(0, 0, 0, 0.45) 0px 8px 20px, rgba(196,180,73,0.24) 0px 0px 15px; transform: translateY(-1px); }
.game-strip-card:hover::before, .game-strip-card:focus-within::before { padding: 2px; opacity: 1; animation-duration: 1.7s; }
.game-strip-card:hover img, .game-strip-card:focus-within img { filter: brightness(0.46) saturate(1); transform: scale(1.07); }
.game-strip-card:hover .game-strip-hover, .game-strip-card:focus-within .game-strip-hover { opacity: 1; transform: translateY(0px); }
@media (max-width: 620px) {
.game-strip-shell { padding-top: 14px; padding-right: var(--page-gutter); }
}
@media (prefers-reduced-motion: reduce) {
.game-strip-card::before { background: var(--accent); opacity: 0.62; animation: auto ease 0s 1 normal none running none; }
}
.skip, .hot, .registration-card .signup-button, .bet-slip .signup-button, .offer-banner-cta, .section-bonus-cta, .section-cta-link, .app-banner-btn, .app-download-btn, .cookie button, .scroll-top, .slot-library-play, .game-strip-play, .fortune-result em { color: var(--white); background: linear-gradient(145deg, var(--brand-green-hover), var(--brand-green)); border-color: rgba(214,196,77,0.42); box-shadow: rgba(255, 255, 255, 0.2) 0px 1px 0px inset, rgba(23,118,75,0.25) 0px 7px 18px; transition: background 180ms, border-color 180ms, box-shadow 180ms, transform 180ms; }
.hot:hover, .registration-card .signup-button:hover, .bet-slip .signup-button:hover, .offer-banner-cta:hover, .section-bonus-cta:hover, .section-cta-link:hover, .app-banner-btn:hover, .app-download-btn:hover, .cookie button:hover, .scroll-top:hover, .slot-library-card:hover .slot-library-play, .game-strip-card:hover .game-strip-play, .fortune-result:hover em { color: var(--white); background: linear-gradient(145deg, #d8c964, var(--brand-green-hover)); border-color: rgba(231,215,105,0.62); box-shadow: rgba(255, 255, 255, 0.26) 0px 1px 0px inset, rgba(27,139,88,0.34) 0px 9px 22px; }
.hot:active, .registration-card .signup-button:active, .bet-slip .signup-button:active, .offer-banner-cta:active, .section-bonus-cta:active, .section-cta-link:active, .app-banner-btn:active, .app-download-btn:active, .cookie button:active, .scroll-top:active { background: var(--brand-green-active); box-shadow: rgba(0, 0, 0, 0.22) 0px 2px 4px inset, rgba(23,118,75,0.22) 0px 3px 9px; transform: translateY(1px) scale(0.985); }
.hot:focus-visible, .registration-card .signup-button:focus-visible, .bet-slip .signup-button:focus-visible, .offer-banner-cta:focus-visible, .section-bonus-cta:focus-visible, .section-cta-link:focus-visible, .app-banner-btn:focus-visible, .app-download-btn:focus-visible, .cookie button:focus-visible, .scroll-top:focus-visible { outline-color: rgba(210,191,66,0.48); }
.fortune-tab { background: linear-gradient(105deg, rgba(196,180,73,0.2), transparent 54%), rgb(11, 14, 12); border-color: rgba(196,180,73,0.64); box-shadow: 0 16px 36px rgb(0 0 0 / 48%),
    inset 4px 0 0 var(--accent),
    inset 0 1px 0 rgb(255 255 255 / 9%); }
.fortune-tab-handle { background: linear-gradient(rgb(196,180,73), rgb(35,138,91)); }
.fortune-result { background: radial-gradient(circle at 50% 32%, rgba(196,180,73,0.28), transparent 50%), rgba(7,34,22,0.96); border-color: rgb(241,240,230); box-shadow: rgba(169,154,53,0.52) 0px 0px 42px, rgba(169,154,53,0.26) 0px 0px 35px inset; }
.scratch-card:hover:not(.state-revealed) .scratch-tool:not(.state-active) { --scratch-x: calc(100% - 23px); --scratch-y: 19px; opacity: 0.7; animation: 1.2s ease-in-out 0s infinite normal none running blau-scratch-tool-invite; }
@keyframes blau-coupon-pulse {
  0%, 100% { border-color: rgba(196,180,73,0.42); box-shadow: rgba(255, 255, 255, 0.66) 0px 0px 0px 2px inset, rgba(0, 0, 0, 0.22) 0px 5px 13px; transform: scale(1); }
  50% { border-color: rgba(213,201,123,0.88); box-shadow: rgba(255, 255, 255, 0.78) 0px 0px 0px 2px inset, rgba(196,180,73,0.14) 0px 0px 0px 4px, rgba(35,138,91,0.38) 0px 8px 22px; transform: scale(1.018); }
}
@keyframes blau-coupon-status-pulse {
  70% { box-shadow: rgba(196,180,73,0) 0px 0px 0px 6px; }
  100% { box-shadow: rgba(196,180,73,0) 0px 0px 0px 0px; }
}
@keyframes blau-scratch-tool-invite {
  0%, 100% { transform: translate(calc(var(--scratch-x) - 15px), calc(var(--scratch-y) - 15px)) rotate(-22deg) scale(0.78); }
  50% { transform: translate(calc(var(--scratch-x) - 20px), calc(var(--scratch-y) - 12px)) rotate(-8deg) scale(0.88); }
}
@keyframes blau-scratch-debris-fall {
  0% { opacity: 0.95; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(var(--debris-drift), 24px) rotate(210deg) scale(0.45); }
}
.coupon-register { display: flex; align-items: center; justify-content: center; min-height: 38px; margin-top: 10px; padding: 8px 10px; background: linear-gradient(145deg, var(--brand-green-hover), var(--brand-green)); border: 1px solid rgba(225,209,99,0.42); border-radius: 7px; box-shadow: rgba(255, 255, 255, 0.19) 0px 1px inset, rgba(23,118,75,0.22) 0px 7px 15px; font-size: 11px; font-weight: 900; text-align: center; text-transform: uppercase; }
.mega-prize { --mega-green: #dbc63a; --mega-green-bright: #f2da3a; --mega-yellow: #f6d918; --mega-white: #fff; --mega-muted: #c2cabf; --mega-panel: #09110d; --mega-line: rgba(219,198,58,55); }
.mega-prize-close:focus-visible, .mega-prize-continue:focus-visible { outline: 3px solid var(--mega-yellow); outline-offset: 3px; }
.mega-prize-continue { position: relative; z-index: 1; min-width: 230px; padding: 14px 24px; border: 1px solid var(--mega-yellow); border-radius: 10px; background: linear-gradient(180deg,var(--mega-yellow),var(--mega-green)); box-shadow: rgba(219,198,58,0.26) 0px 12px 28px, rgba(255, 255, 255, 0.32) 0px 1px 0px inset; font-size: 14px; font-weight: 950; letter-spacing: 0.06em; text-transform: uppercase; transition: transform 0.18s, filter 0.18s; color: rgb(4,16,11) !important; text-decoration: none !important; }
.mega-prize-continue:hover { transform: translateY(-2px); filter: brightness(1.08); }
.mega-prize-continue:active { transform: translateY(0px) scale(0.98); }
@keyframes blau-mega-counter-roll {
  0% { transform: translateY(0px); }
  100% { transform: translateY(calc(var(--final-index) * -1em)); }
}
@media (max-width: 640px) {
.mega-prize-continue { width: min(270px, 100%); }
}
@media (prefers-reduced-motion: reduce) {
.mega-prize-popup, .mega-prize-ticket, .mega-prize-continue { transition: none; }
}
@media (max-width: 900px) {
html, body { max-width: 100%; overflow-x: hidden; }
.page-shell, .page-content, .content-flow, .article-flow, .hero { width: 100%; max-width: 100%; min-width: 0px; }
body .hero-copy { width: calc(100vw - (var(--page-gutter) * 2) - 20px); max-width: 680px; min-width: 0px; }
.hero h1, .hero p, .hero-breadcrumbs, .hero-rating { max-width: 100%; overflow-wrap: anywhere; }
}
@media (max-width: 520px) {
body .hero-copy { width: calc(-40px + 100vw); padding: 20px 14px; }
.hero h1 { font-size: clamp(23px, 7.2vw, 28px); }
}
:root { --hr-red: #23b572; --hr-blue: #1c945d; --hr-white: #f7fcfa; }
.site-header::after { content: none; }
.hero { border: 1px solid rgba(28,148,93,0.38); box-shadow: rgba(35,181,114,0.55) 0px -2px 0px inset; }
.content-section, .story-block, .reviews-section, .home-app-banner, .bonus-banner-section, .bonus-final-cta { border: 1px solid rgba(255, 255, 255, 0.07); box-shadow: rgba(35,181,114,0.58) 2px 0px 0px inset, rgba(28,148,93,0.58) -2px 0px 0px inset; }
.content-section h2, .story-block h2, .reviews-section > h2 { background: linear-gradient(90deg, rgba(35,181,114,0.2), transparent 30%, transparent 70%, rgba(28,148,93,0.22)), rgb(7,31,20); border: 1px solid rgba(255, 255, 255, 0.08); }
.content-section h2::before, .story-block h2::before, .reviews-section > h2::before { top: 8px; bottom: 8px; left: 11px; width: 10px; height: auto; border: 0px; background: conic-gradient(from 90deg, var(--hr-red) 25%, var(--hr-white) 0 50%, var(--hr-red) 0 75%, var(--hr-white) 0) 0 0 / 8px 8px; border-radius: 2px; transform: none; opacity: 0.9; }
.nav-links .state-active, .nav-links a:hover { box-shadow: inset 0 -2px 0 var(--brand-green), inset 0 -4px 0 rgba(28,148,93,55); }
.review-card:nth-child(2n+1) { border-top-color: var(--hr-red); }
.review-card:nth-child(2n) { border-top-color: var(--hr-blue); }
.footer { border-top: 2px solid transparent; border-image: linear-gradient(90deg, var(--hr-red), var(--hr-white), var(--hr-blue)) 1; }
@media (max-width: 900px) {
body .hero-copy { flex: 0 1 auto; width: calc(100% - 20px); max-width: 100%; min-width: 0px; margin-inline: auto; }
.hero-actions, .hero-actions .pin-btn { max-width: 100%; }
}
.hero::after { background: linear-gradient(90deg, rgba(0, 0, 0, 0.68) 0%, rgba(0, 0, 0, 0.52) 38%, rgba(0, 0, 0, 0.2) 66%, transparent 100%); }
.offer-banner-card::after { background: linear-gradient(90deg, rgba(0, 0, 0, 0.64) 0%, rgba(0, 0, 0, 0.46) 32%, rgba(0, 0, 0, 0.15) 56%, transparent 78%); }
.content-section h2, .story-block h2, .reviews-section > h2 { background: rgb(7,31,20); }
@media (max-width: 900px) {
.hero::after { background: linear-gradient(rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.62) 48%, rgba(0, 0, 0, 0.74) 100%); }
}
.section-cta-row { justify-content: center; margin: 12px 0px 6px; }
.section-cta-link { width: min(100%, 250px); min-height: 48px; padding-inline: 26px; box-shadow: rgba(199,181,57,0.2) 0px 9px 22px; }
@media (max-width: 620px) {
.section-cta-row, .section-cta-link { width: 100%; }
}
.legal-intro { margin: 0px; padding: 18px 20px; border-top: 1px solid rgba(255, 255, 255, 0.08); border-right: 1px solid rgba(255, 255, 255, 0.08); border-bottom: 1px solid rgba(255, 255, 255, 0.08); border-image: none; border-left: 4px solid var(--accent-bright, #32d38a); border-radius: 8px; background: rgb(32, 36, 35); color: rgb(242, 244, 243); line-height: 1.65; }
@media (max-width: 860px) {
.legal-intro { padding: 15px 16px; }
}
.offer-banner-card, .offer-banner-card.promo-copy-opposite { background: rgb(8,12,10); }
.offer-banner-card::after, .offer-banner-card.promo-copy-opposite::after { content: none; background: none; opacity: 0; }
.offer-banner-image, .offer-banner-card.promo-img-right .offer-banner-image { inset: 0px; width: 100%; height: 100%; object-fit: cover; object-position: center center; filter: none; opacity: 1; mix-blend-mode: normal; transform: none; }
.offer-banner-copy, .offer-banner-card.promo-copy-opposite .offer-banner-copy { position: relative; z-index: 1; width: min(42%, 470px); margin-right: auto; margin-left: 0px; padding: 0px; background: transparent; border: 0px; box-shadow: none; backdrop-filter: none; text-align: left; text-shadow: rgba(0, 0, 0, 0.92) 0px 2px 12px; }
@media (max-width: 900px) {
.offer-banner-card { padding: 18px; }
.offer-banner-copy, .offer-banner-card.promo-copy-opposite .offer-banner-copy { width: min(48%, 360px); margin-right: auto; margin-left: 0px; padding: 16px; align-items: center; background: rgba(5,9,7,0.76); border: 1px solid rgba(255, 255, 255, 0.13); border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.26) 0px 10px 24px; backdrop-filter: blur(5px); text-align: center; text-shadow: rgba(0, 0, 0, 0.86) 0px 2px 8px; }
}
@media (max-width: 600px) {
.offer-banner-card { align-items: flex-end; min-height: 350px; padding: 12px; }
.offer-banner-copy, .offer-banner-card.promo-copy-opposite .offer-banner-copy { width: min(78%, 300px); padding: 13px 14px; }
}
.race-progress { --page-progress: 0%; position: absolute; right: 0px; bottom: -15px; left: 0px; z-index: 6; height: 30px; overflow: hidden; pointer-events: none; }
.race-progress::before { position: absolute; right: 0px; bottom: 5px; left: 0px; height: 16px; content: ""; background: repeating-linear-gradient(90deg, transparent 0 28px, rgb(255 255 255 / 72%) 28px 48px, transparent 48px 76px) center / auto 2px no-repeat,
    linear-gradient(90deg, rgba(68,219,150,58) 0 var(--page-progress), transparent var(--page-progress) 100%),
    linear-gradient(180deg, #575453 0 2px, #222120 2px 14px, #5f5b59 14px 16px); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.62) 0px 3px 10px; }
.race-progress::after { position: absolute; bottom: 1px; left: clamp(32px, var(--page-progress), calc(100% - 32px)); width: 64px; height: 26px; content: ""; background: url("../img/guide/ui/green-formula-progress.webp") center center / contain no-repeat; filter: hue-rotate(240deg) saturate(1.45) brightness(1.05) drop-shadow(rgba(0, 0, 0, 0.78) 0px 2px 2px) drop-shadow(rgba(68,219,150,0.62) 0px 0px 6px); transform: translateX(-50%); transition: none; }
@media (max-width: 1024px) {
.race-progress::after { left: clamp(28px, var(--page-progress), calc(100% - 28px)); width: 56px; height: 23px; }
}
@media (max-width: 600px) {
.race-progress::after { left: clamp(24px, var(--page-progress), calc(100% - 24px)); width: 48px; height: 25px; }
}
@media (prefers-reduced-motion: reduce) {
.race-progress::after { transition: none; }
}
:is(.story-block, .content-section) :where(ul, ol) { display: grid; gap: 10px; margin: 18px 0px 22px; padding: 0px; list-style: none; counter-reset: article-step 0; }
:is(.story-block, .content-section) :where(ul, ol) > li { position: relative; min-height: 46px; margin: 0px; padding: 11px 14px 11px 52px; overflow: hidden; background: linear-gradient(105deg, rgba(255, 255, 255, 0.04), transparent 62%), rgba(12, 12, 12, 0.34); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 11px; box-shadow: rgba(255, 255, 255, 0.03) 0px 1px 0px inset; }
:is(.story-block, .content-section) :where(ul, ol) > li::before { position: absolute; top: 13px; left: 17px; display: grid; width: 21px; height: 21px; padding: 0px; place-items: center; border-radius: 7px; box-sizing: border-box; }
:is(.story-block, .content-section) ul > li::before { content: ""; background: radial-gradient(circle, #fff 0 2px, transparent 3px),
    linear-gradient(145deg, var(--multi-green-bright), var(--multi-green-deep)); border: 1px solid rgba(254,248,210,0.32); box-shadow: rgba(185,168,56,0.1) 0px 0px 0px 4px; }
:is(.story-block, .content-section) ol { counter-reset: article-step 0; }
:is(.story-block, .content-section) ol > li { counter-increment: article-step 1; }
:is(.story-block, .content-section) ol > li::before { content: counter(article-step, decimal-leading-zero); color: rgb(7,19,14); background: linear-gradient(145deg, #dccf79, var(--brand-green-active)); border: 1px solid rgba(254,248,210,0.4); box-shadow: rgba(185,168,56,0.09) 0px 0px 0px 4px; font-size: 10px; font-weight: 900; line-height: 1; }
.article-scene-media, .section-visual, .payment-visual, .vip-program-visual, .story-generated { border-color: rgba(54,201,134,0.34); border-radius: 14px; box-shadow: rgba(2,5,4,0.3) 0px 18px 38px; }
.table-wrap, .table-scroll { overflow: hidden; border: 1px solid rgba(54,201,134,0.22); border-radius: 12px; box-shadow: rgba(2,5,4,0.28) 0px 16px 34px; }
table { color: var(--text); background: rgb(32, 29, 27); }
th, td { border-color: rgba(255, 255, 255, 0.08); }
th { color: rgb(255, 255, 255); background: rgb(37,52,45); box-shadow: rgba(54,201,134,0.4) 0px -2px 0px inset; }
tr:nth-child(2n) td { background: rgb(39, 35, 32); }
tr:nth-child(2n+1) td { background: rgb(33, 30, 28); }
.review-author, .reviews-section > h2 { border-color: rgba(54,201,134,0.18); }
.review-author::before { background: linear-gradient(145deg, var(--accent-bright), #259864); border-color: rgba(217,248,234,0.34); }
.review-author::after, .review-stars { color: var(--brand-green-hover); }
.faq-item { background: linear-gradient(145deg, rgb(42, 36, 34), rgb(27, 24, 23)); border: 1px solid rgba(255, 255, 255, 0.07); border-radius: 10px; }
.faq-item[open] { border-color: rgba(54,201,134,0.32); box-shadow: inset 3px 0 0 var(--accent); }
.faq-item summary::after { color: var(--brand-green-hover); }
.offer-banner-card, .device-banner-card, .hero { border-color: rgba(54,201,134,0.26); border-radius: 16px; box-shadow: rgba(2,5,4,0.38) 0px 22px 50px; }
.offer-banner-cta, .section-cta-link, .app-banner-btn, .app-download-btn, .registration-card .signup-button, .bet-slip .signup-button, .hot { border-radius: 9px; box-shadow: rgba(255, 255, 255, 0.18) 0px 1px 0px inset, rgba(20,100,64,0.24) 0px 8px 20px; transition: transform 180ms, filter 180ms, box-shadow 180ms; }
.offer-banner-cta:hover, .section-cta-link:hover, .app-banner-btn:hover, .app-download-btn:hover, .registration-card .signup-button:hover, .bet-slip .signup-button:hover, .hot:hover { filter: brightness(1.06); box-shadow: rgba(255, 255, 255, 0.22) 0px 1px 0px inset, rgba(20,100,64,0.34) 0px 12px 26px; transform: translateY(-2px); }
.offer-banner-cta:active, .section-cta-link:active, .app-banner-btn:active, .app-download-btn:active, .registration-card .signup-button:active, .bet-slip .signup-button:active, .hot:active { transform: translateY(1px) scale(0.985); }
.footer-columns, .footer-notice, .footer-legal-row, .footer-payments { background: radial-gradient(circle at 0px 0px, rgba(54,201,134,0.08), transparent 25rem), rgb(25, 22, 21); border: 1px solid rgba(255, 255, 255, 0.06); border-radius: 14px; box-shadow: rgba(2,5,4,0.24) 0px 14px 32px; }
.footer-column h3 { color: rgb(255, 255, 255); letter-spacing: 0.05em; }
.footer-column a:hover { color: var(--brand-green-hover); }
.cookie { background: rgba(33, 29, 27, 0.96); border: 1px solid rgba(54,201,134,0.28); border-radius: 12px; box-shadow: rgba(2,5,4,0.46) 0px 18px 48px; backdrop-filter: blur(14px); }
@media (hover: hover) {
.content-section:hover, .story-block:hover { border-color: rgba(54,201,134,0.16); }
}
@media (max-width: 900px) {
.page-shell { padding-top: 16px; }
.content-section, .story-block, .reviews-section, .home-app-banner, .bonus-banner-section, .bonus-final-cta { padding: 16px; border-radius: 13px; }
.content-section h2, .story-block h2, .reviews-section > h2 { font-size: clamp(20px, 5vw, 25px); }
:is(.story-block, .content-section) :where(ul, ol) > li { padding: 10px 11px 10px 45px; }
:is(.story-block, .content-section) :where(ul, ol) > li::before { left: 13px; }
}
@media (prefers-reduced-motion: reduce) {
.offer-banner-cta, .section-cta-link, .app-banner-btn, .app-download-btn, .registration-card .signup-button, .bet-slip .signup-button, .hot { transition: none; }
}
@media (max-width: 620px) {
body { overflow-x: hidden; }
body .hero-copy { min-width: 0px; max-width: 100%; }
body .hero h1 { width: 100%; max-width: 100%; font-size: clamp(24px, 7vw, 28px); line-height: 1.08; overflow-wrap: anywhere; word-break: normal; hyphens: auto; }
}
.section-media { height: clamp(230px, 28vw, 340px); margin-block: 22px 14px; border-color: rgba(54,201,134,0.34); border-radius: 14px; box-shadow: rgba(2,5,4,0.3) 0px 18px 38px; }
.section-media::after { background: linear-gradient(transparent 72%, rgba(0, 0, 0, 0.22)); }
.section-actions { display: flex; justify-content: center; margin: 14px 0px 6px; }
.section-actions .section-cta { width: min(100%, 260px); min-height: 46px; padding: 10px 24px; font-weight: 800; line-height: 1.2; text-transform: uppercase; white-space: normal; box-shadow: rgba(54,201,134,0.22) 0px 10px 24px; }
@media (max-width: 620px) {
.section-media { height: clamp(210px, 62vw, 285px); margin-block: 18px 10px; }
.section-actions, .section-actions .section-cta { width: 100%; }
}
.live-clock { color: rgb(21,32,27); font-size: 11px; font-weight: 900; font-variant-numeric: tabular-nums; letter-spacing: 0.02em; }
@keyframes blau-live-signal-pulse {
  0%, 100% { opacity: 0.62; transform: scale(0.82); box-shadow: rgba(169,154,53,0.08) 0px 0px 0px 2px; }
  50% { opacity: 1; transform: scale(1); box-shadow: rgba(169,154,53,0.18) 0px 0px 0px 4px; }
}
.footer { padding-top: 22px; background: var(--page-bg); }
.footer-inner { overflow: hidden; background: var(--panel-bg); border: 1px solid var(--line); border-radius: 14px; box-shadow: rgba(255, 255, 255, 0.04) 0px 1px 0px inset, rgba(2,10,6,0.3) 0px 18px 42px; }
.footer-columns, .footer-providers, .footer-notice, .footer-legal-row, .footer-payments { margin: 0px; background: transparent; border: 0px; border-radius: 0px; box-shadow: none; }
.footer-columns, .footer-providers, .footer-notice, .footer-legal-row, .footer-payments { padding: 22px 26px; }
.footer-providers, .footer-notice, .footer-legal-row, .footer-payments { border-top: 1px solid rgb(39, 44, 46); }
@media (max-width: 620px) {
.footer { padding-top: 14px; }
.footer-inner { border-radius: 12px; }
.footer-columns, .footer-providers, .footer-notice, .footer-legal-row, .footer-payments { padding: 18px 16px; }
}
.sports-sidebar.state-collapsed { width: 42px; max-height: calc(100dvh - var(--header-height) - 24px); padding-bottom: 4px; gap: 0px; overflow: hidden auto; background: rgb(16,24,20); scrollbar-width: none; }
.sports-sidebar.state-collapsed::-webkit-scrollbar { display: none; }
.sports-sidebar.state-collapsed .sport-panel { width: 42px; gap: 5px; }
.sports-sidebar.state-collapsed .sports-quick-row { display: grid; place-items: center; width: 34px; min-height: 32px; height: 32px; padding: 0px; color: rgb(243, 244, 245); background: rgb(34,45,40); border: 0px; border-radius: 6px; }
.sports-sidebar.state-collapsed .sports-quick-row > span:not(:first-child) { display: none; }
.sports-sidebar.state-collapsed .sports-quick-icon { display: grid; place-items: center; width: 100%; flex-basis: auto; }
.sports-sidebar.state-collapsed .sports-quick-icon .aside-icon { width: 18px; height: 18px; }
.sports-sidebar.state-collapsed .top-game-card { display: none; }
.sports-sidebar.state-collapsed .sports-tabs { display: grid; grid-template-columns: 42px; min-height: 32px; padding: 0px 4px; background: rgb(16,24,20); }
.sports-sidebar.state-collapsed .sports-tabs a { width: 34px; min-height: 32px; color: rgb(214,193,55); background: rgb(34,45,40); border-radius: 5px 5px 0px 0px; font-size: 0px; }
.sports-sidebar.state-collapsed .sports-tabs a:not(.state-active) { display: none; }
.sports-sidebar.state-collapsed .sports-tabs .state-active span { display: grid; place-items: center; margin: 0px; color: rgb(214,193,55); }
.sports-sidebar.state-collapsed .sports-tabs .aside-icon { width: 18px; height: 18px; margin: 0px; }
.sports-sidebar.state-collapsed .sports-summary { display: grid; grid-template-columns: 42px; min-height: 38px; padding: 0px; gap: 0px; color: rgb(16, 18, 20); background: rgb(255, 255, 255); border-bottom: 1px solid rgb(217, 221, 218); }
.sports-sidebar.state-collapsed .sports-summary > :not(strong) { display: none; }
.sports-sidebar.state-collapsed .sports-summary > strong { display: grid; place-items: center; width: 42px; min-height: 38px; font-size: 0px; }
.sports-sidebar.state-collapsed .sports-summary-tv { display: block; width: 16px; height: 16px; color: rgb(77, 83, 87); stroke: currentcolor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.sports-sidebar.state-collapsed .sport-row { display: grid; grid-template-columns: 42px; place-items: center; width: 42px; min-height: 32px; padding: 0px; color: rgb(5, 6, 6); background: rgb(255, 255, 255); border-top: 1px solid rgb(225, 229, 226); }
.sports-sidebar.state-collapsed .sport-row > span:not(:first-child) { display: none; }
.sports-sidebar.state-collapsed .sport-row-icon { display: grid; place-items: center; width: 42px; }
.sports-sidebar.state-collapsed .sport-row-icon .aside-icon { width: 18px; height: 18px; }
.sports-sidebar.state-collapsed .sport-row:hover, .sports-sidebar.state-collapsed .sport-row:focus-visible { color: rgb(35,138,91); background: rgb(246,245,238); }
.right-panel.state-collapsed { width: 42px; max-height: calc(100dvh - var(--header-height) - 24px); padding-bottom: 4px; gap: 5px; overflow: hidden auto; background: rgb(16,24,20); scrollbar-width: none; }
.right-panel.state-collapsed::-webkit-scrollbar { display: none; }
.right-panel.state-collapsed .registration-card > :not(.signup-button) { display: none; }
.right-panel.state-collapsed .bet-slip-tabs a:not(:first-child) { display: none; }
.right-panel.state-collapsed .app-platforms a, .right-panel.state-collapsed .app-platforms a:first-child { display: grid; place-items: center; width: 34px; min-height: 34px; height: 34px; margin-inline: 0px; padding: 0px; color: rgb(255, 255, 255); background: rgb(37, 41, 48); border-radius: 6px; font-size: 0px; }
.game-row-ribbon { width: 100%; margin: 18px 0px 24px; padding: 7px 0px; overflow: hidden; background: rgb(16, 17, 17); border-block: 1px solid rgba(27,126,81,0.62); box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 18px; }
.game-row-track { display: flex; align-items: stretch; width: 100%; padding-inline: 6px; gap: 6px; overflow-x: auto; overscroll-behavior-inline: contain; scroll-snap-type: inline; scrollbar-width: thin; scrollbar-color: rgb(37,94,68) rgb(21, 22, 22); }
.game-row-track[data-autoplay] { scroll-snap-type: none; }
.game-row-card { display: grid; grid-template-rows: 64px 24px; flex: 0 0 112px; min-width: 0px; overflow: hidden; color: rgb(245, 245, 245); background: rgb(27, 27, 28); border: 1px solid rgb(52, 53, 54); border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 7px; scroll-snap-align: start; transition: border-color 150ms, transform 150ms; }
.game-row-card img { width: 100%; height: 64px; object-fit: cover; }
.game-row-card span { display: block; min-width: 0px; padding: 6px 7px 5px; overflow: hidden; font-size: 9px; font-weight: 700; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; }
.game-row-card:hover, .game-row-card:focus-visible { color: rgb(255, 255, 255); border-color: rgb(54,201,134); outline: none; transform: translateY(-1px); }
@media (max-width: 620px) {
.game-row-ribbon { width: calc(100% + 20px); margin: 14px -10px 20px; }
.game-row-track { padding-inline: 10px; }
}
.section-scene { position: relative; width: min(100%, 920px); aspect-ratio: 16 / 9; margin: 18px auto 22px; overflow: hidden; background: rgb(7,24,16); border: 1px solid rgba(54,201,134,0.48); border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.3) 0px 14px 30px; }
.section-scene img { display: block; width: 100%; height: 100%; object-fit: cover; filter: saturate(0.92) contrast(1.04); }
.section-scene::after { content: ""; position: absolute; inset: 0px; pointer-events: none; background: linear-gradient(transparent 66%, rgba(2,12,7,0.24)); box-shadow: rgba(0, 0, 0, 0.16) 0px 0px 28px inset; }
@media (min-width: 1040px) {
.section-scene-left { margin-left: 0px; }
.section-scene-right { margin-right: 0px; }
}
@media (max-width: 620px) {
.section-scene { width: calc(100% + 20px); margin: 14px -10px 18px; border-radius: 9px; }
}
.table-wrap, .table-scroll { max-width: 100%; overflow: auto hidden; overscroll-behavior-inline: contain; scrollbar-width: thin; scrollbar-color: var(--accent) #151616; }
.table-wrap::-webkit-scrollbar, .table-scroll::-webkit-scrollbar { height: 10px; }
.table-wrap::-webkit-scrollbar-track, .table-scroll::-webkit-scrollbar-track { background: rgb(21, 22, 22); border-radius: 999px; }
.table-wrap::-webkit-scrollbar-thumb, .table-scroll::-webkit-scrollbar-thumb { background: linear-gradient(90deg, #2da870, var(--accent)); border: 2px solid rgb(21, 22, 22); border-radius: 999px; }
@media (max-width: 760px) {
.table-wrap, .table-scroll { overflow-x: scroll; }
.table-wrap table, .table-scroll table { width: 100%; min-width: 680px; }
}
.hero::after, .story-visual::after, .offer-banner-card::after, .offer-banner-card.promo-copy-opposite::after, .device-banner-card::after, .section-media::after, .section-scene::after { content: none; background: none; box-shadow: none; opacity: 0; }
.hero-img, .story-visual img, .offer-banner-image, .device-banner-image, .section-media img, .section-scene img, .section-visual, .payment-visual, .vip-program-visual { filter: none; opacity: 1; mix-blend-mode: normal; }
@media (max-width: 1024px) {
.offer-banner-card, .offer-banner-card.promo-copy-opposite { align-items: center; justify-content: center; height: clamp(320px, 48vw, 390px); min-height: 320px; max-height: none; padding: 18px; }
.offer-banner-image, .offer-banner-card.promo-img-right .offer-banner-image { object-position: 76% center; }
.offer-banner-copy, .offer-banner-card.promo-copy-opposite .offer-banner-copy { box-sizing: border-box; width: calc(100% - 20px); max-width: 680px; margin: auto; padding: 30px 12px; align-items: center; background: rgba(5,9,7,0.68); border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 14px; box-shadow: rgba(0, 0, 0, 0.22) 0px 12px 30px; text-align: center; text-shadow: rgba(0, 0, 0, 0.86) 0px 2px 8px; backdrop-filter: none; }
}
@media (max-width: 600px) {
.offer-banner-card, .offer-banner-card.promo-copy-opposite { height: clamp(270px, 78vw, 330px); min-height: 270px; padding: 10px; }
.offer-banner-image, .offer-banner-card.promo-img-right .offer-banner-image { object-position: 82% center; }
.offer-banner-copy, .offer-banner-card.promo-copy-opposite .offer-banner-copy { width: calc(100% - 12px); max-width: none; padding: 30px 12px; }
}
.review-author { order: -1; min-height: 68px; margin: 0px; padding: 15px 104px 15px 70px; color: rgb(239,246,243); background: rgba(255, 255, 255, 0.024); border-top: 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.08); font-size: 12px; letter-spacing: 0.015em; }
.review-author::before { bottom: 13px; left: 18px; width: 40px; height: 40px; background: linear-gradient(145deg, rgb(52,191,128), rgb(35,112,77)); border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 9px; box-shadow: none; }
.review-author::after { right: 20px; bottom: 26px; color: rgb(118,229,178); text-shadow: none; }
.review-quote { display: flex; flex: 1 1 0%; align-items: center; max-width: none; padding: 27px 62px 28px 28px; color: rgb(222,233,228); font-size: 15px; font-weight: 500; line-height: 1.65; }
@media (max-width: 700px) {
.review-author { padding-right: 18px; padding-bottom: 36px; }
.review-author::after { right: auto; bottom: 13px; left: 70px; }
.review-quote { align-items: flex-start; padding: 24px 44px 26px 22px; font-size: 14px; }
}
.table-wrap, .table-scroll { overflow: auto hidden; overscroll-behavior-x: contain; }
.section-actions .app-download-btn small, .section-actions .app-download-btn strong { display: block; color: inherit; line-height: 1.05; }
.story-block > h2 + h3 { margin-top: 0px; }
body .hero-copy { box-sizing: border-box; padding: clamp(24px, 2.4vw, 34px); border-radius: 14px; }
@media (max-width: 900px) {
body .hero-copy { padding: clamp(24px, 4vw, 30px); }
}
@media (max-width: 520px) {
body .hero-copy { padding: 24px 22px 26px; }
}
.page-shell:is(.is-left-sidebar-collapsed, .is-right-sidebar-collapsed) .section-scene { width: 100%; max-width: none; }
.lang-flag, .locale-flag { display: block; flex: 0 0 auto; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.58); border-radius: 50%; object-fit: cover; box-shadow: rgba(0, 0, 0, 0.32) 0px 2px 7px; }
.locale-flag { width: 36px; height: 36px; }
.locale-control .lang-switch:hover, .locale-control.state-open .lang-switch { border-color: rgb(100,225,168); box-shadow: rgba(255, 255, 255, 0.14) 0px 1px 0px inset, rgba(100,225,168,0.1) 0px 0px 0px 3px, rgba(0, 0, 0, 0.36) 0px 9px 24px; transform: translateY(-1px); }
.locale-flag { width: 40px; height: 30px; border-color: rgba(255, 255, 255, 0.2); border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.34) 0px 5px 12px; }
@keyframes bl-locale-scrim-in {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes bl-locale-panel-in {
  0% { opacity: 0; transform: translateX(-50%) translateY(-12px) scale(0.975); }
  100% { opacity: 1; transform: translateX(-50%) translateY(0px) scale(1); }
}
@media (max-width: 620px) {
@keyframes bl-locale-panel-in {
  0% { opacity: 0; transform: translateY(-10px) scale(0.98); }
  100% { opacity: 1; transform: translateY(0px) scale(1); }
}
}
.locale-flag { width: 54px; height: 36px; transition: filter 160ms, transform 160ms; }
.locale-option:hover .locale-flag, .locale-option:focus-visible .locale-flag { filter: saturate(1.12) brightness(1.08); transform: scale(1.08); }
@media (max-width: 620px) {
.locale-flag { width: min(48px, 100%); height: 32px; }
}
.top-game-body .match-league, .top-game-body .match-league .aside-icon, .top-game-body .match-status, .top-game-body .match-status::before, .top-game-body .match-details { color: rgb(15,76,48) !important; }
.top-game-body .match-league, .top-game-body .match-status, .top-game-body .match-details { font-weight: 700; }
:root { --multi-black: #050a08; --multi-ink: #08120d; --multi-panel: #0b1712; --multi-panel-soft: #10231a; --multi-panel-raised: #143124; --multi-green: #28d083; --multi-green-bright: #56dfa1; --multi-green-deep: #1c935d; --multi-blue: #28d083; --multi-blue-bright: #56dfa1; --multi-red: #42db95; --multi-red-deep: #20a86a; --multi-white: #f5faf8; --multi-muted: #b0c9be; --multi-line: rgba(40,208,131,34); --multi-line-strong: rgba(86,223,161,58); --page-bg: var(--multi-black); --header-bg: #07100c; --panel-bg: var(--multi-panel); --panel-soft: var(--multi-panel-soft); --heading-bg: var(--multi-panel-raised); --control-bg: #091a12; --light-bg: #eefbf5; --text: var(--multi-white); --muted: var(--multi-muted); --dark-text: #061c12; --accent: var(--multi-green); --accent-hover: var(--multi-green-bright); --accent-soft: #b0f0d3; --accent-bright: #56dfa1; --accent-highlight: #81e7b8; --accent-pale: #e2f9ef; --signal-blue: var(--multi-blue); --signal-blue-hover: var(--multi-blue-bright); --signal-blue-soft: #c8f4e0; --brand-green: var(--multi-green); --brand-green-hover: var(--multi-green-bright); --brand-green-active: var(--multi-green-deep); --line: #23915f; --shadow: 0 20px 48px rgb(0 0 0 / 46%); --solar-yellow: var(--multi-green); --solar-yellow-bright: var(--multi-green-bright); --solar-yellow-deep: var(--multi-green-deep); --solar-ink: var(--multi-ink); --solar-panel: var(--multi-panel); --solar-panel-soft: var(--multi-panel-soft); --solar-border: var(--multi-line-strong); --solar-border-soft: var(--multi-line); --solar-text: var(--multi-white); --solar-muted: var(--multi-muted); }
html, body { color: var(--multi-white); background: var(--multi-black); scrollbar-color: var(--multi-green-deep) var(--multi-black); }
body { background-image: radial-gradient(circle at 78% 4%, rgba(40,208,131,0.15), transparent 32rem), radial-gradient(circle at 8% 38%, rgba(66,219,149,0.08), transparent 34rem), linear-gradient(rgb(7,26,17) 0%, rgb(5,10,8) 42%, rgb(2,6,4) 100%); background-attachment: fixed; }
::selection { color: rgb(255, 255, 255); background: var(--multi-blue); }
button:focus-visible, a:focus-visible, summary:focus-visible, [tabindex]:focus-visible { outline-offset: 2px; outline: rgba(86,223,161,0.82) solid 3px !important; }
.site-header { border-bottom-color: var(--multi-line-strong); background: rgba(5,14,10,0.96); box-shadow: rgba(0, 0, 0, 0.58) 0px 14px 36px, rgba(86,223,161,0.14) 0px -1px 0px inset; }
.nav-links a { color: rgb(231,230,220); }
.nav-links a:hover, .nav-links .state-active { color: rgb(255, 255, 255); border-color: var(--multi-blue); background: rgba(40,208,131,0.16); }
.nav-links .state-active::after { background: linear-gradient(90deg, transparent, var(--multi-blue-bright), transparent); box-shadow: rgba(86,223,161,0.44) 0px 0px 14px; }
.tool-button, .lang-switch, .ghost, .reviews-toggle, .sport-side-toggle { color: var(--multi-white); border-color: var(--multi-line); background: linear-gradient(145deg, rgb(20,49,36), rgb(8,18,13)); }
.tool-button:hover, .lang-switch:hover, .lang-switch:focus-visible, .ghost:hover, .reviews-toggle:hover, .reviews-toggle:focus-visible, .sport-side-toggle:hover { color: rgb(255, 255, 255); border-color: var(--multi-line-strong); background: rgb(21,59,42); }
.hot, .signup-button, .offer-banner-cta, .app-download-btn, .section-actions .app-download-btn, .app-banner-btn { color: rgb(255, 255, 255) !important; border-color: rgba(115,228,176,0.58) !important; background: linear-gradient(rgb(85,223,160), rgb(32,168,106)) !important; box-shadow: rgba(255, 255, 255, 0.24) 0px 1px 0px inset, rgba(32,168,106,0.3) 0px 10px 26px !important; }
.hot:hover, .signup-button:hover, .offer-banner-cta:hover, .app-download-btn:hover, .app-banner-btn:hover { transform: translateY(-1px); color: rgb(255, 255, 255) !important; background: linear-gradient(rgb(110,227,174), rgb(44,199,128)) !important; }
.hot:active, .signup-button:active, .offer-banner-cta:active, .app-download-btn:active, .app-banner-btn:active { transform: translateY(1px) scale(0.99); }
.left-panel, .right-panel, .article-nav, .registration-card, .bet-slip, .promo-coupon, .scratch-card, .app-platforms { border-color: var(--multi-line); background: linear-gradient(155deg, rgb(16,35,26), rgb(6,15,11) 76%); box-shadow: rgba(255, 255, 255, 0.04) 0px 1px 0px inset, rgba(0, 0, 0, 0.44) 0px 18px 40px; }
.sports-quick-row, .top-game-header, .sports-catalog-header, .sports-tabs, .phone-method, .bet-slip-tabs, .signup-promo, .signup-field, .bet-slip-body { color: var(--multi-white); border-color: rgba(86,223,161,0.22); background-color: rgb(16,35,26); }
.sports-quick-row:hover, .sports-quick-row.state-open, .phone-method:hover, .signup-promo:hover { color: rgb(255, 255, 255); border-color: var(--multi-line-strong); background: rgb(25,59,43); }
.content-section, .story-block, .reviews-section, .home-app-banner, .bonus-banner-section, .bonus-final-cta { border-color: var(--multi-line); background: radial-gradient(circle at 100% 0%, rgba(40,208,131,0.12), transparent 28rem), linear-gradient(150deg, rgb(15,34,25), rgb(7,16,12) 78%); box-shadow: rgba(255, 255, 255, 0.04) 0px 1px 0px inset, rgba(0, 0, 0, 0.4) 0px 20px 46px; }
.content-section h2, .story-block h2, .reviews-section > h2 { color: rgb(255, 255, 255); border-color: rgba(40,208,131,0.36); background: linear-gradient(90deg, rgba(40,208,131,0.22), transparent 64%), rgb(17,41,30); box-shadow: rgba(255, 255, 255, 0.04) 0px 1px 0px inset; }
.content-section h3, .story-block h3, .story-block h4 { color: var(--multi-blue-bright); }
.story-block p, .story-block li, .article-source-block, .review-card p { color: rgb(216,234,226); }
.story-block ul, .story-block ol, .content-section ul, .content-section ol { border-color: rgba(86,223,161,0.18); background: rgba(6,11,9,0.32); }
.story-block li::marker, .content-section li::marker { color: var(--multi-green-bright); }
.story-block li + li, .content-section li + li { border-top-color: rgba(255, 255, 255, 0.06); }
.hero, .offer-banner-card, .device-banner-card, .live-betting, .review-card, .table-wrap, .table-scroll, .article-scene-media, .section-scene, .story-media { border-color: var(--multi-line-strong); box-shadow: rgba(0, 0, 0, 0.48) 0px 22px 52px; }
.review-card, .faq-item { color: var(--multi-white); border-color: var(--multi-line); background: linear-gradient(145deg, rgb(20,49,36), rgb(9,20,15)); }
.faq-item:hover, .faq-item[open] { border-color: var(--multi-line-strong); box-shadow: inset 3px 0 0 var(--multi-green); }
.faq-item summary { color: rgb(248,247,242); }
.table-wrap table, .table-scroll table, .story-block table { color: rgb(241,240,233); background: rgb(11,29,21); }
.table-wrap thead, .table-scroll thead, .story-block thead { color: rgb(255, 255, 255); background: rgb(25,78,54); }
.table-wrap th, .table-wrap td, .table-scroll th, .table-scroll td, .story-block th, .story-block td { border-color: rgba(86,223,161,0.18); }
.table-wrap tbody tr:nth-child(2n), .table-scroll tbody tr:nth-child(2n), .story-block tbody tr:nth-child(2n) { background: rgba(40,208,131,0.05); }
.table-wrap tbody tr:hover, .table-scroll tbody tr:hover, .story-block tbody tr:hover { background: rgba(40,208,131,0.1); }
.live-betting-head, .betting-nav, .live-betting-curtain, .game-strip-card, .game-row-card, .slot-library-card, .game-strip-name { color: var(--multi-white); border-color: rgba(86,223,161,0.24); background: rgb(14,35,25); }
.footer { color: rgb(223,222,212); border-top-color: var(--multi-line-strong); border-image: none; background: radial-gradient(circle at 50% 0%, rgba(40,208,131,0.09), transparent 32rem), rgb(5,10,8); }
.footer-columns, .footer-notice, .footer-legal-row, .footer-payments { border-color: rgba(86,223,161,0.17); }
.footer a:hover { color: var(--multi-green-bright); }
.promo-coupon, .fortune-tab, .fortune-panel { color: var(--multi-white); border-color: var(--multi-line-strong); background: radial-gradient(circle at 88% 0%, rgba(40,208,131,0.13), transparent 38%), linear-gradient(155deg, rgb(20,49,36), rgb(7,16,12) 72%); }
.coupon-header small, .coupon-divider, .fortune-eyebrow { color: var(--multi-green-bright); }
.floating-chat, .scroll-top { color: rgb(255, 255, 255); border-color: var(--multi-line-strong); background: linear-gradient(145deg, var(--multi-green-bright), var(--multi-green-deep)); box-shadow: rgba(0, 0, 0, 0.48) 0px 12px 32px, rgba(40,208,131,0.1) 0px 0px 0px 5px; }
.fortune-wheel { border-color: rgb(247,244,223); background: conic-gradient(var(--multi-green) 0 45deg, #faf9f4 45deg 90deg, var(--multi-green-deep) 90deg 135deg, #081b12 135deg 180deg, var(--multi-green) 180deg 225deg, #faf9f4 225deg 270deg, var(--multi-green-deep) 270deg 315deg, #081b12 315deg); box-shadow: 0 0 0 3px var(--multi-green), 0 0 0 7px #050a08, 0 14px 34px rgb(0 0 0 / 52%); }
.locale-control .lang-switch:hover, .locale-control.state-open .lang-switch { border-color: var(--multi-green-bright); box-shadow: rgba(255, 255, 255, 0.09) 0px 1px 0px inset, rgba(86,223,161,0.1) 0px 0px 0px 3px, rgba(0, 0, 0, 0.38) 0px 9px 24px; }
.top-game-body { color: rgb(7,26,17); border-color: var(--multi-line-strong); background: rgb(248,247,242); }
.top-game-body .match-league, .top-game-body .match-league .aside-icon, .top-game-body .match-status, .top-game-body .match-status::before, .top-game-body .match-details { color: var(--multi-green-deep) !important; }
.match-odds a, .live-betting-odd, .live-betting-odd.state-rising { color: rgb(16,82,52); border-color: rgba(40,208,131,0.28); background: rgb(247,246,237); }
.match-odds a:hover, .live-betting-odd:hover, .live-betting-odd:focus-visible, .live-betting-odd.state-rising:hover { color: rgb(9,50,31); border-color: var(--multi-green); background: rgb(243,240,223); }
html, body { background-image: radial-gradient(circle at 78% 4%, rgba(40,208,131,0.15), transparent 32rem), radial-gradient(circle at 8% 38%, rgba(40,208,131,0.08), transparent 34rem), linear-gradient(rgb(7,26,17) 0%, rgb(5,10,8) 42%, rgb(2,6,4) 100%) !important; }
.content-section, .story-block, .reviews-section, .home-app-banner, .bonus-banner-section, .bonus-final-cta, .bonus-terms-section { background: radial-gradient(circle at 100% 0%, rgba(40,208,131,0.12), transparent 28rem) !important; }
.content-section h2, .story-block h2, .reviews-section > h2 { padding-left: 40px; }
.content-section h2::before, .story-block h2::before, .reviews-section > h2::before { top: 50%; bottom: auto; left: 15px; width: 13px; height: 22px; border: 0px; border-radius: 0px; background: linear-gradient(180deg, var(--multi-green-bright), var(--multi-green-deep)); box-shadow: rgba(40,208,131,0.34) 0px 0px 12px; clip-path: polygon(0px 0px, 100% 50%, 0px 100%); opacity: 1; transform: translateY(-50%); }
.table-wrap, .table-scroll { border-color: var(--multi-line); background: var(--multi-panel); box-shadow: rgba(0, 0, 0, 0.48) 0px 16px 36px; }
.table-scroll { margin-bottom: 0px; }
.content-section > .table-wrap:not(.table-wrap ~ .table-wrap), .story-block > .table-wrap:not(.table-wrap ~ .table-wrap) { margin-bottom: 20px; }
.table-wrap table, .table-scroll table, .story-block table { color: var(--multi-white); background: var(--multi-panel); }
.table-wrap thead, .table-scroll thead, .story-block thead, .table-wrap th, .table-scroll th, .story-block th { color: rgb(255, 255, 255); background: rgb(17,53,37); box-shadow: inset 0 -2px 0 var(--multi-blue-bright); }
.table-wrap th, .table-wrap td, .table-scroll th, .table-scroll td, .story-block th, .story-block td { border-color: rgba(40,208,131,0.28); }
.table-wrap tbody tr:nth-child(2n+1) td, .table-wrap tbody tr:nth-child(2n) td, .table-scroll tbody tr:nth-child(2n+1) td, .table-scroll tbody tr:nth-child(2n) td, .story-block tbody tr:nth-child(2n+1) td, .story-block tbody tr:nth-child(2n) td { color: rgb(233,232,223); background: rgb(8,20,15); }
.table-wrap tbody tr:hover td, .table-scroll tbody tr:hover td, .story-block tbody tr:hover td { color: rgb(255, 255, 255); background: rgba(40,208,131,0.14); }
.offer-banner-card, .bonus-banner-section, .bonus-final-cta { border-color: color-mix(in srgb, var(--multi-red) 58%, transparent) !important; background: radial-gradient(circle at 92% 8%, rgba(66,219,149,0.24), transparent 28rem), linear-gradient(135deg, rgb(12,26,20), rgb(9,19,14) 72%) !important; box-shadow: rgba(255, 255, 255, 0.05) 0px 1px 0px inset, rgba(0, 0, 0, 0.5) 0px 22px 52px !important; }
.offer-banner-card::before, .bonus-banner-section::before, .bonus-final-cta::before { background: linear-gradient(180deg, var(--multi-red), var(--multi-red-deep)); }
.live-signal, .match-status { --signal-color: var(--multi-red); }
.device-banner-card img, .home-app-banner img { object-position: center center !important; }
@media (max-width: 767px) {
body[data-page-key="home"] .offer-banner-card[data-promo-position="2"] .offer-banner-image, body[data-page-key="home"] .offer-banner-card[data-promo-position="4"] .offer-banner-image, body[data-page-key="casino"] .offer-banner-card[data-promo-position="2"] .offer-banner-image, body[data-page-key="bonus"] .offer-banner-card[data-promo-position="2"] .offer-banner-image, body[data-page-key="bonus"] .offer-banner-card[data-promo-position="4"] .offer-banner-image, body[data-page-key="app"] .offer-banner-card[data-promo-position="2"] .offer-banner-image { object-position: left center !important; }
}
@media (max-width: 520px) {
body[data-page-key] .hero { padding: 18px 12px; }
body[data-page-key="home"] .hero-scene-image { object-position: 70% center; }
body[data-page-key="casino"] .hero-scene-image, body[data-page-key="bonus"] .hero-scene-image { object-position: 64% center; }
body[data-page-key="app"] .hero-scene-image { object-position: 68% center; }
}
:root { --page-bg: #040605; --header-bg: #070a09; --panel-bg: #0d1511; --panel-soft: #15221c; --heading-bg: #172820; --control-bg: #090e0c; --light-bg: #f8f7ef; --white: #fff; --text: #fffef6; --muted: #cfccbb; --dark-text: #070c0a; --accent: #f0d626; --accent-hover: #fbe658; --accent-soft: #d9ca65; --accent-bright: #fae244; --accent-highlight: #fcee8e; --accent-pale: #fef8d1; --signal-blue: #dcc739; --signal-blue-hover: #f2dd52; --signal-blue-soft: #f6f0c7; --brand-green: #c6b22e; --brand-green-hover: #e0cc44; --brand-green-active: #1d9860; --line: rgba(200,182,61,42); --shadow: 0 16px 34px rgb(0 0 0 / 42%); color-scheme: dark; background: rgb(4,6,5); }
:root body { color: var(--text); background: radial-gradient(circle at 50% -12%, rgba(198,178,46,0.12), transparent 28rem), linear-gradient(rgb(7,10,9) 0px, rgb(3,4,4) 58rem, rgb(7, 9, 7) 100%); }
:root button:focus-visible, :root a:focus-visible, :root summary:focus-visible, :root [tabindex]:focus-visible { outline-color: rgb(240,214,38); }
:root .site-header { background: linear-gradient(90deg, rgba(198,178,46,0.09), transparent 34%), rgb(7, 9, 7); border-bottom: 1px solid rgba(221,200,57,0.4); box-shadow: rgba(0, 0, 0, 0.55) 0px 10px 30px; }
:root .page-progress { background: linear-gradient(90deg, rgb(198,178,46), rgb(240,214,38) 72%, rgb(255, 255, 255)); box-shadow: rgba(220,199,57,0.72) 0px 0px 12px; }
:root .tool-button, :root .lang-switch, :root .ghost { color: rgb(255, 255, 255); background: rgb(10,17,14); border-color: rgba(220,199,57,0.32); }
:root .nav-links a:hover, :root .nav-links .state-active { color: rgb(246,222,61); }
:root .nav-links .state-active { background: rgba(198,178,46,0.09); box-shadow: rgb(198,178,46) 0px -3px 0px inset; }
:root .game-strip, :root .main-slots-strip { background: rgb(7,10,9); border-color: rgba(240,214,38,0.34); box-shadow: rgba(0, 0, 0, 0.38) 0px 9px 24px; }
:root .game-strip-card { background: rgb(11,17,14); border-color: rgba(200,182,61,0.34); }
:root .game-strip-card:hover, :root .game-strip-card:focus-within { border-color: rgb(240,214,38); box-shadow: rgba(240,214,38,0.34) 0px 0px 0px 1px, rgba(0, 0, 0, 0.48) 0px 12px 25px; }
:root .article-nav, :root .sport-side-toggle, :root .registration-card, :root .bet-slip, :root .promo-coupon { border-color: rgba(200,182,61,0.42); box-shadow: rgba(0, 0, 0, 0.34) 0px 14px 30px; }
:root .article-nav, :root .sport-side-toggle, :root .sports-quick-row, :root .top-game-header, :root .sports-tabs, :root .phone-method, :root .pin-side-nav-toggle { background: rgb(13,21,17); }
:root .sport-side-toggle:hover, :root .sports-quick-row:hover, :root .sports-quick-row.state-open { background: rgb(23,40,32); border-color: rgba(240,214,38,0.58); }
:root .top-game-body, :root .sports-summary, :root .sports-list-heading, :root .sport-row, :root .article-links { color: rgb(13,20,17); background: rgb(252,251,245); }
:root .sport-row, :root .sports-list-heading { border-color: rgb(229,227,210); }
:root .sport-row:hover, :root .match-odds a:hover { background: rgb(248,245,223); }
:root .match-odds a { color: rgb(13,20,17); background: rgb(247,245,232); border: 1px solid rgb(218,212,169); }
:root .match-favorite, :root .match-status, :root .match-status::before { color: rgb(30,156,99); }
:root .registration-card .signup-button, :root .bet-slip .signup-button, :root .hot, :root .hero-actions .pin-btn, :root .offer-banner-cta, :root .section-bonus-cta { font-weight: 800; color: rgb(7,12,10) !important; background: linear-gradient(135deg, rgb(251,230,94), rgb(229,202,18)) !important; border: 1px solid rgb(252,238,141) !important; box-shadow: rgba(240,214,38,0.18) 0px 10px 24px !important; }
:root .registration-card .signup-button:hover, :root .bet-slip .signup-button:hover, :root .hot:hover, :root .hero-actions .pin-btn:hover, :root .offer-banner-cta:hover, :root .section-bonus-cta:hover { color: rgb(5,16,11) !important; background: linear-gradient(135deg, rgb(244,224,90), rgb(207,187,52)) !important; border-color: rgb(251,236,134) !important; }
:root .hero { background: rgb(4,6,5); border: 1px solid rgba(220,199,57,0.54); box-shadow: rgba(0, 0, 0, 0.48) 0px 24px 50px; }
:root .hero::after { background: linear-gradient(90deg, rgba(2,5,4,0.88) 0%, rgba(4,8,6,0.66) 54%, rgba(4,8,6,0.12) 100%), linear-gradient(transparent 70%, rgba(198,178,46,0.12)); }
:root .content-section, :root .story-block, :root .reviews-section, :root .home-app-banner, :root .bonus-banner-section, :root .bonus-final-cta { background: linear-gradient(145deg, rgba(198,178,46,0.06), transparent 28%), rgb(13,21,17); border: 1px solid rgba(200,182,61,0.38); box-shadow: rgba(0, 0, 0, 0.3) 0px 16px 34px; }
:root .content-section h2, :root .story-block h2, :root .reviews-section > h2 { color: rgb(255, 255, 255); background: linear-gradient(90deg, rgba(198,178,46,0.18), transparent 74%), rgb(21,33,28); border: 1px solid rgba(200,182,61,0.34); box-shadow: none; }
:root .content-section h2::before, :root .story-block h2::before, :root .reviews-section > h2::before { border-left-color: rgb(240,214,38); }
:root .content-section h3, :root .story-block h3 { color: rgb(243,235,185); }
:root .content-section p, :root .story-block p, :root .content-section li, :root .story-block li { color: rgb(248,247,239); }
:root .story-media, :root .story-visual, :root .article-scene-media, :root .section-visual, :root .payment-visual, :root .vip-program-visual { background: rgb(7,10,9); border-color: rgba(220,199,57,0.52); box-shadow: rgba(0, 0, 0, 0.38) 0px 16px 32px; }
:root .offer-banner-card, :root .device-banner-card { background: rgb(6,8,7); border-color: rgba(240,214,38,0.44); box-shadow: rgba(0, 0, 0, 0.38) 0px 18px 40px; }
:root table { color: rgb(251,250,243); background: rgb(15,24,20); }
:root th, :root td { border-color: rgba(200,182,61,0.34); }
:root th { color: rgb(255, 255, 255); background: rgb(27,50,40); }
:root tr:nth-child(2n) td { background: rgb(22,32,27); }
:root .review-card, :root .faq-item, :root .author-card { color: rgb(250,249,239); background: linear-gradient(145deg, rgba(240,214,38,0.05), transparent 45%), rgb(15,24,20); border-color: rgba(200,182,61,0.38); }
:root .review-author, :root .faq-item summary { color: rgb(239,228,158); }
:root .coupon-header small, :root .coupon-divider, :root .fortune-eyebrow { color: rgb(244,220,59); }
:root .coupon-ticket-icon, :root .fortune-tab-handle { background: linear-gradient(145deg, rgb(244,220,59), rgb(198,178,46)); }
:root .floating-chat, :root .scroll-top { color: rgb(5,16,11); background: linear-gradient(145deg, rgb(244,220,59), rgb(198,178,46)) !important; border-color: rgb(251,236,134) !important; box-shadow: rgba(0, 0, 0, 0.48) 0px 12px 32px, rgba(198,178,46,0.14) 0px 0px 0px 5px !important; }
:root .footer { color: rgb(231,228,209); background: linear-gradient(rgba(198,178,46,0.08), transparent 32%), rgb(4,6,5); border-top: 1px solid rgba(220,199,57,0.4); }
:root .cookie { background: rgb(14,24,19); border-color: rgba(240,214,38,0.44); box-shadow: rgba(0, 0, 0, 0.52) 0px 18px 50px; }
@media (max-width: 767px) {
:root .hero-copy { background: linear-gradient(145deg, rgba(198,178,46,0.08), transparent 46%), rgba(4,7,6,0.33); border: 1px solid rgba(240,214,38,0.28); box-shadow: rgba(0, 0, 0, 0.42) 0px 18px 40px; }
}
:root body { --multi-black: #040605; --multi-ink: #070c0a; --multi-panel: #0d1511; --multi-panel-soft: #15211c; --multi-panel-raised: #1b3228; --multi-green: #c6b22e; --multi-green-bright: #dcc739; --multi-green-deep: #198554; --multi-blue: #c6b22e; --multi-blue-bright: #dcc739; --multi-red: #f0d626; --multi-red-deep: #20a669; --multi-white: #fbfaf3; --multi-muted: #d4d1bf; --multi-line: rgba(198,178,46,34); --multi-line-strong: rgba(220,199,57,58); }
:root .offer-banner-card, :root .bonus-banner-section, :root .bonus-final-cta, :root .bonus-terms-section { border-color: rgba(240,214,38,0.46) !important; background: radial-gradient(circle at 92% 8%, rgba(198,178,46,0.14), transparent 28rem), linear-gradient(135deg, rgb(15,32,24), rgb(7,10,9) 72%) !important; box-shadow: rgba(255, 255, 255, 0.05) 0px 1px 0px inset, rgba(0, 0, 0, 0.46) 0px 22px 52px !important; }
:root .offer-banner-card::before, :root .bonus-banner-section::before, :root .bonus-final-cta::before { background: linear-gradient(rgb(240,214,38), rgb(198,178,46)); }
:root .live-signal, :root .match-status { --signal-color: #dcc739; }
:root .live-betting-odd .live-odd-value, :root .live-betting-odd.state-falling .live-odd-value, :root .match-league, :root .match-details { color: rgb(25,133,84); }
:root .game-strip-name { color: rgb(255, 255, 255); border-color: rgba(220,199,57,0.28); background: rgb(14,26,21); }
:root, :root body { background-image: radial-gradient(circle at 50% -12%, rgba(198,178,46,0.12), transparent 28rem), linear-gradient(rgb(7,10,9) 0px, rgb(3,4,4) 58rem, rgb(7, 9, 7) 100%) !important; }
:root .sports-quick-row, :root .top-game-header, :root .sports-tabs, :root .live-betting-curtain, :root .slot-library-card, :root .game-row-card, :root .phone-method, :root .signup-promo { border-color: rgba(220,199,57,0.28); }
:root .slot-library-card, :root .game-row-card, :root .live-betting-curtain { background-color: rgb(14,26,21); }
:root .story-block tbody tr:nth-child(2n), :root .table-wrap tbody tr:nth-child(2n), :root .table-scroll tbody tr:nth-child(2n) { background: rgba(198,178,46,0.06); }
:root .story-block ul, :root .review-author, :root .coupon-ticket-icon, :root .coupon-code span, :root .coupon-offer-head span, :root .scratch-reveal, :root .coupon-copy { border-color: rgba(220,199,57,0.42); }
:root .footer-columns, :root .footer-notice, :root .footer-legal-row, :root .footer-payments { border-color: rgba(220,199,57,0.22); }
@media (min-width: 761px) {
:root body[data-page-key="casino"] .page-shell:not(.is-left-sidebar-collapsed):not(.is-right-sidebar-collapsed) .story-split { min-height: 0px; }
:root body[data-page-key="casino"] .page-shell:not(.is-left-sidebar-collapsed):not(.is-right-sidebar-collapsed) .story-split .story-media { position: relative; align-self: stretch; height: auto; min-height: 0px; }
:root body[data-page-key="casino"] .page-shell:not(.is-left-sidebar-collapsed):not(.is-right-sidebar-collapsed) .story-split .story-media img { position: absolute; inset: 0px; width: 100%; height: 100%; min-height: 0px; object-fit: cover; }
}
.story-block .table-scroll { margin-bottom: 0px; }
@keyframes bl-slots-up {
  0% { transform: translateY(0px); }
  100% { transform: translateY(calc(-50% - 4px)); }
}
@keyframes bl-slots-down {
  0% { transform: translateY(calc(-50% - 4px)); }
  100% { transform: translateY(0px); }
}
@keyframes bl-mini-slots-up {
  0% { transform: translateY(0px); }
  100% { transform: translateY(calc(-50% - 2.5px)); }
}
.right-panel.state-collapsed .sidebar-slots::before, .right-panel.state-collapsed .sidebar-slots-head, .right-panel.state-collapsed .sidebar-slots-all, .right-panel.state-collapsed .sidebar-slot-card strong, .right-panel.state-collapsed .sidebar-slot-play { display: none; }
.right-panel.state-collapsed .sidebar-slots:hover .sidebar-slots-mini-track, .right-panel.state-collapsed .sidebar-slots:focus-within .sidebar-slots-mini-track { animation-play-state: paused; }
.header-tools .fortune-tab { --fortune-handle: 38px; position: relative; inset: auto; z-index: auto; flex: 0 0 38px; width: 38px; min-height: 38px; height: 38px; overflow: visible; border: 1px solid rgba(242,220,73,0.62); border-radius: 9px; box-shadow: rgba(0, 0, 0, 0.62) 0px 0px 0px 1px, rgba(0, 0, 0, 0.32) 0px 6px 16px, rgba(255, 255, 255, 0.26) 0px 1px inset; transform: none; animation: 2.8s ease-in-out 0s infinite normal none running fortune-header-pulse; }
.header-tools .fortune-tab:hover, .header-tools .fortune-tab:focus-visible { outline: rgb(246,217,24) solid 2px; outline-offset: 2px; transform: translateY(-1px) scale(1.04); animation-play-state: paused; }
.header-tools .fortune-tab[aria-expanded="true"] { opacity: 1; pointer-events: auto; transform: none; animation: auto ease 0s 1 normal none running none; }
.header-tools .fortune-tab-handle { align-self: auto; width: 100%; height: 100%; flex-basis: 100%; border-radius: 8px; background: radial-gradient(circle at 30% 20%, rgba(255, 255, 255, 0.38), transparent 30%), linear-gradient(145deg, rgb(236,211,45), rgb(169,154,53) 68%, rgb(22,116,73)); box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; }
.header-tools .fortune-tab-handle::after, .header-tools .fortune-tab-copy { display: none; }
.header-tools .fortune-tab-spark { width: 27px; height: 27px; background: radial-gradient(circle, rgba(255, 255, 255, 0.28), rgba(9,48,30,0.44)); animation: 4.2s linear 0s infinite normal none running fortune-spark; }
.fortune-backdrop { position: fixed; inset: 0px; z-index: 1298; display: block; width: 100%; height: 100%; padding: 0px; background: radial-gradient(circle at 50% 45%, rgba(219,198,58,0.1), transparent 34%), rgba(0, 0, 0, 0.74); border: 0px; opacity: 0; pointer-events: none; backdrop-filter: blur(7px); transition: opacity 240ms; }
.fortune-backdrop.state-open { opacity: 1; pointer-events: auto; }
body.fortune-open { overflow: hidden; }
.fortune-panel { inset: 50% auto auto 50%; z-index: 1299; width: min(370px, -28px + 100vw); max-height: calc(100dvh - 28px); padding: 27px 26px 23px; overflow: auto; border-color: rgba(226,204,60,0.66); border-radius: 24px; box-shadow: rgba(0, 0, 0, 0.78) 0px 32px 100px, rgba(246,217,24,0.15) 0px 0px 0px 1px, rgba(255, 255, 255, 0.1) 0px 1px inset; transform: translate(-50%, -46%) scale(0.88); transform-origin: center center; }
.fortune-panel.state-open { transform: translate(-50%, -50%) scale(1); }
.fortune-panel.state-won { animation: 620ms cubic-bezier(0.34, 1.56, 0.64, 1) 0s 1 normal none running fortune-modal-win; }
@keyframes fortune-header-pulse {
  0%, 100% { filter: brightness(1); box-shadow: rgba(0, 0, 0, 0.62) 0px 0px 0px 1px, rgba(0, 0, 0, 0.32) 0px 6px 16px, rgba(225,203,53,0) 0px 0px 0px 0px; }
  50% { filter: brightness(1.12); box-shadow: rgba(0, 0, 0, 0.62) 0px 0px 0px 1px, rgba(0, 0, 0, 0.36) 0px 7px 19px, rgba(225,203,53,0.14) 0px 0px 0px 5px; }
}
@keyframes fortune-modal-win {
  0%, 100% { transform: translate(-50%, -50%) scale(1); }
  38% { transform: translate(-50%, -50%) scale(1.045) rotate(-0.7deg); }
  70% { transform: translate(-50%, -50%) scale(0.99) rotate(0.35deg); }
}
@media (max-width: 620px) {
.header-tools .fortune-tab { --fortune-handle: 34px; flex-basis: 34px; width: 34px; min-height: 34px; height: 34px; border-radius: 8px; }
.header-tools .fortune-tab-spark { width: 24px; height: 24px; }
.fortune-panel { inset: 50% auto auto 50%; width: min(304px, -20px + 100vw); max-height: calc(100dvh - 20px); padding: 21px 19px 18px; border-radius: 19px; }
}
@media (prefers-reduced-motion: reduce) {
.header-tools .fortune-tab, .header-tools .fortune-tab-spark { animation-duration: 0.01ms; animation-iteration-count: 1; }
.fortune-panel, .fortune-backdrop { transition: none; }
}
.promo-deck { position: relative; display: grid; grid-template-columns: minmax(190px, 31%) 1fr; min-height: 190px; margin: 18px 0px 22px; overflow: hidden; color: rgb(255, 255, 255); background: radial-gradient(circle at 85% 15%, rgba(225,203,53,0.16), transparent 38%), linear-gradient(125deg, rgb(7,11,9) 0%, rgb(12,28,21) 54%, rgb(8, 10, 8) 100%); border: 1px solid rgba(226,204,60,0.5); border-radius: 16px; box-shadow: rgba(0, 0, 0, 0.34) 0px 18px 40px; isolation: isolate; }
.promo-deck::before { position: absolute; z-index: 3; inset: 0px 0px auto; height: 3px; background: linear-gradient(90deg, rgb(246,217,24), rgb(229,205,45) 55%, transparent 92%); content: ""; }
.promo-deck-media { position: relative; min-height: 190px; overflow: hidden; background: rgb(2,4,3); }
.promo-deck-media::after { position: absolute; inset: 0px; background: linear-gradient(90deg, transparent 55%, rgb(13,25,20) 100%); content: ""; }
.promo-deck-media img { display: block; width: 100%; height: 100%; min-height: 190px; object-fit: cover; filter: saturate(1.12) contrast(1.04); transform: scale(1.03); transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1), filter 0.3s; }
.promo-deck-copy { position: relative; z-index: 2; display: grid; align-content: center; justify-items: start; min-width: 0px; padding: 24px clamp(22px, 4vw, 46px); }
.promo-deck h2 { margin: 0px; color: rgb(255, 255, 255); font-size: clamp(21px, 2.2vw, 30px); letter-spacing: -0.025em; line-height: 1.05; }
.promo-deck-copy > strong { margin-top: 8px; color: rgb(238,220,98); font-size: 15px; line-height: 1.2; }
.promo-deck-copy > a { display: inline-flex; align-items: center; justify-content: space-between; min-width: 160px; min-height: 38px; margin-top: 17px; padding: 9px 11px 9px 15px; gap: 18px; color: rgb(4,16,11); background: linear-gradient(105deg, rgb(246,217,24), rgb(233,210,54) 50%, rgb(219,198,58)); border-radius: 8px; box-shadow: rgba(255, 255, 255, 0.45) 0px 1px inset, rgba(0, 0, 0, 0.3) 0px 8px 20px; font-size: 12px; font-weight: 900; line-height: 1.15; text-decoration: none; transition: filter 0.18s, transform 0.18s; }
.promo-deck-copy > a > span:last-child { display: grid; place-items: center; width: 23px; height: 23px; color: rgb(255, 255, 255); background: rgb(20,59,41); border-radius: 50%; font-size: 9px; }
.promo-deck-copy > a:hover, .promo-deck-copy > a:focus-visible { filter: brightness(1.08); outline: rgb(255, 255, 255) solid 2px; outline-offset: 2px; transform: translateY(-2px); }
.promo-deck:hover .promo-deck-media img { filter: saturate(1.2) contrast(1.06) brightness(1.06); transform: scale(1.08); }
@keyframes bl-promo-deck-star {
  100% { transform: rotate(360deg); }
}
@media (max-width: 700px) {
.promo-deck { grid-template-columns: minmax(112px, 36%) 1fr; min-height: 164px; margin: 12px 0px 16px; border-radius: 13px; }
.promo-deck-media, .promo-deck-media img { min-height: 164px; }
.promo-deck-copy { padding: 17px 14px; }
.promo-deck h2 { font-size: clamp(16px, 5vw, 21px); }
.promo-deck-copy > strong { margin-top: 6px; font-size: 12px; }
.promo-deck-copy > a { min-width: 0px; min-height: 34px; margin-top: 11px; padding: 7px 8px 7px 11px; gap: 11px; font-size: 10px; }
.promo-deck-copy > a > span:last-child { width: 20px; height: 20px; }
}
@media (max-width: 420px) {
.promo-deck { grid-template-columns: 118px 1fr; }
}
@media (prefers-reduced-motion: reduce) {
.promo-deck-date span, .promo-deck-media img { animation: auto ease 0s 1 normal none running none; transition: none; }
}
.promo-deck-slider { position: relative; min-height: 218px; margin: 18px 0px 22px; overflow: hidden; background: rgb(5,8,7); border: 1px solid rgba(226,204,58,0.52); border-radius: 16px; box-shadow: rgba(0, 0, 0, 0.38) 0px 18px 42px; isolation: isolate; }
.promo-deck-slider::before { position: absolute; z-index: 8; inset: 0px 0px auto; height: 3px; background: linear-gradient(90deg, rgb(246,217,24), rgb(228,205,52) 55%, transparent 94%); content: ""; pointer-events: none; }
.promo-deck-stage { position: relative; min-height: 218px; }
.promo-deck-slide { position: absolute; inset: 0px; opacity: 0; pointer-events: none; transform: translateX(32px) scale(0.985); transition: opacity 0.55s, transform 0.68s cubic-bezier(0.22, 1, 0.36, 1); }
.promo-deck-slide.state-active { position: relative; z-index: 2; opacity: 1; pointer-events: auto; transform: translateX(0px) scale(1); }
.promo-deck-banner { display: grid; grid-template-columns: minmax(230px, 42%) 1fr; min-height: 218px; color: rgb(255, 255, 255); background: radial-gradient(circle at 82% 16%, rgba(225,203,53,0.2), transparent 34%), linear-gradient(125deg, rgb(7,10,9), rgb(14,33,24) 54%, rgb(6,8,7)); text-decoration: none; }
.promo-deck-image-right .promo-deck-banner { grid-template-columns: 1fr minmax(230px, 42%); }
.promo-deck-image-right .promo-deck-link { order: 2; }
.promo-deck-link { display: block; min-width: 0px; min-height: 218px; color: inherit; text-decoration: none; }
.promo-deck-media { position: relative; display: block; min-width: 0px; min-height: 218px; overflow: hidden; background: rgb(2,4,3); }
.promo-deck-media::after { position: absolute; inset: 0px; background: linear-gradient(90deg, transparent 56%, rgb(13,25,20) 100%); content: ""; }
.promo-deck-image-right .promo-deck-media::after { background: linear-gradient(270deg, transparent 56%, rgb(13,25,20) 100%); }
.promo-deck-media img { display: block; width: 100%; height: 100%; min-height: 218px; object-fit: cover; filter: saturate(1.12) contrast(1.05); transform: scale(1.04); transition: filter 0.3s, transform 0.7s cubic-bezier(0.22, 1, 0.36, 1); }
.promo-deck-copy { position: relative; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; min-width: 0px; padding: 28px clamp(42px, 6vw, 72px); }
.promo-deck-copy small { display: flex; align-items: center; margin-bottom: 8px; gap: 8px; color: rgb(246,217,24); font-size: 10px; font-weight: 900; letter-spacing: 0.09em; line-height: 1.2; text-transform: uppercase; }
.promo-deck-copy small span { color: rgb(225,203,58); }
.promo-deck-name { max-width: 430px; color: rgb(255, 255, 255); font-size: clamp(21px, 2.7vw, 34px); font-weight: 900; letter-spacing: -0.035em; line-height: 0.98; text-wrap: balance; text-shadow: rgba(0, 0, 0, 0.45) 0px 3px 18px; }
.promo-deck-bonus { display: inline-flex; margin-top: 14px; padding: 7px 11px; color: rgb(4,16,11); background: linear-gradient(105deg, rgb(246,217,24), rgb(233,210,54) 50%, rgb(219,198,58)); border-radius: 7px; box-shadow: rgba(255, 255, 255, 0.45) 0px 1px inset, rgba(0, 0, 0, 0.3) 0px 7px 18px; font-size: 13px; font-weight: 950; letter-spacing: 0.04em; line-height: 1.1; }
.promo-deck-link:hover .promo-deck-media img, .promo-deck-link:focus-visible .promo-deck-media img { filter: saturate(1.24) contrast(1.08) brightness(1.07); transform: scale(1.1); }
.promo-deck-link:focus-visible { outline: rgb(255, 255, 255) solid 2px; outline-offset: -4px; }
.promo-deck-arrow { position: absolute; top: 50%; z-index: 7; display: grid; place-items: center; width: 34px; height: 46px; padding: 0px 0px 3px; color: rgb(255, 255, 255); background: rgba(6,13,10,0.78); border: 1px solid rgba(226,204,60,0.42); border-radius: 9px; box-shadow: rgba(0, 0, 0, 0.36) 0px 7px 18px; font-size: 29px; line-height: 1; cursor: pointer; transform: translateY(-50%); transition: color 0.18s, background 0.18s, transform 0.18s; }
.promo-deck-prev { left: 10px; }
.promo-deck-next { right: 10px; }
.promo-deck-arrow:hover, .promo-deck-arrow:focus-visible { color: rgb(4,16,11); background: rgb(233,210,54); outline: rgb(255, 255, 255) solid 2px; outline-offset: 2px; transform: translateY(-50%) scale(1.05); }
.promo-deck-dots { position: absolute; z-index: 7; right: 0px; bottom: 10px; left: 0px; display: flex; justify-content: center; gap: 6px; pointer-events: none; }
.promo-deck-dot { width: 19px; height: 4px; padding: 0px; background: rgba(255, 255, 255, 0.34); border: 0px; border-radius: 99px; cursor: pointer; pointer-events: auto; transition: width 0.25s, background 0.25s; }
.promo-deck-dot.state-active { width: 34px; background: rgb(233,210,54); box-shadow: rgba(230,207,54,0.55) 0px 0px 12px; }
@media (max-width: 700px) {
.promo-deck-slider, .promo-deck-stage, .promo-deck-link { min-height: 176px; }
.promo-deck-slider { margin: 12px 0px 16px; border-radius: 13px; }
.promo-deck-banner, .promo-deck-image-right .promo-deck-banner { grid-template-columns: minmax(118px, 39%) 1fr; }
.promo-deck-image-right .promo-deck-link { order: 0; }
.promo-deck-media, .promo-deck-media img, .promo-deck-link { min-height: 176px; }
.promo-deck-image-right .promo-deck-media::after, .promo-deck-media::after { background: linear-gradient(90deg, transparent 48%, rgb(13,25,20) 100%); }
.promo-deck-copy { padding: 22px 30px 24px 14px; }
.promo-deck-copy small { margin-bottom: 6px; font-size: 7px; letter-spacing: 0.04em; }
.promo-deck-name { font-size: clamp(16px, 5.2vw, 22px); }
.promo-deck-bonus { margin-top: 10px; padding: 6px 8px; font-size: 10px; }
.promo-deck-arrow { width: 27px; height: 39px; border-radius: 7px; font-size: 23px; }
.promo-deck-prev { left: 6px; }
.promo-deck-next { right: 6px; }
.promo-deck-dots { bottom: 7px; gap: 4px; }
.promo-deck-dot { width: 11px; height: 3px; }
.promo-deck-dot.state-active { width: 22px; }
}
@media (prefers-reduced-motion: reduce) {
.promo-deck-slide, .promo-deck-media img, .promo-deck-dot { transition: none; }
}
.promo-deck-slider { min-height: 341px; padding: 13px 14px 28px; background: radial-gradient(circle at 92% 50%, rgba(211,190,48,0.16), transparent 34%), linear-gradient(145deg, rgb(13,27,21), rgb(5,8,7) 68%); }
.promo-deck-stage { min-height: 302px; overflow: visible; }
.promo-deck-slide, .promo-deck-slide.state-active { position: absolute; top: 0px; bottom: auto; left: 0px; width: 72%; height: 302px; overflow: hidden; background: rgb(7,11,9); border: 1px solid rgba(226,204,60,0.24); border-radius: 13px; box-shadow: rgba(0, 0, 0, 0.44) 0px 14px 28px; opacity: 0; pointer-events: none; transform: translateX(45px) scale(0.92); transform-origin: right center; transition: left 0.68s cubic-bezier(0.22, 1, 0.36, 1), width 0.68s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.5s, filter 0.5s, transform 0.68s cubic-bezier(0.22, 1, 0.36, 1); }
.promo-deck-slide.state-active { z-index: 6; opacity: 1; pointer-events: auto; transform: translateX(0px) scale(1); }
.promo-deck-slide.state-preview-1, .promo-deck-slide.state-preview-2, .promo-deck-slide.state-preview-3, .promo-deck-slide.state-preview-4 { opacity: 1; filter: brightness(0.72) saturate(0.8); transform: none; }
.promo-deck-slide.state-preview-1 { left: 56%; z-index: 5; width: 35%; }
.promo-deck-slide.state-preview-2 { left: 64%; z-index: 4; width: 33%; transform: scale(0.94); }
.promo-deck-slide.state-preview-3 { left: 71%; z-index: 3; width: 31%; transform: scale(0.88); }
.promo-deck-slide.state-preview-4 { left: 77%; z-index: 2; width: 29%; transform: scale(0.82); }
.promo-deck-banner, .promo-deck-image-right .promo-deck-banner { position: relative; display: block; min-height: 100%; height: 100%; background: rgb(5,8,7); }
.promo-deck-link, .promo-deck-image-right .promo-deck-link { position: absolute; z-index: 1; inset: 0px; display: block; min-height: 0px; order: initial; }
.promo-deck-media, .promo-deck-media img { width: 100%; height: 100%; min-height: 0px; }
.promo-deck-media::after, .promo-deck-image-right .promo-deck-media::after { background: linear-gradient(90deg, rgba(1,4,3,0.52) 0%, rgba(3,8,6,0.22) 38%, transparent 63%), linear-gradient(0deg, rgba(0, 0, 0, 0.28), transparent 50%); }
.promo-deck-media img { object-fit: cover; object-position: center center; transform: none; }
.promo-deck-copy { position: absolute; z-index: 3; top: 50%; left: 0px; width: 47%; padding: 22px 30px 25px 34px; pointer-events: none; transform: translateY(-50%); }
.promo-deck-copy small { margin-bottom: 7px; color: rgb(246,217,24); font-size: 10px; }
.promo-deck-name { font-size: clamp(19px, 2.1vw, 28px); line-height: 1.02; }
.promo-deck-bonus { margin-top: 13px; padding: 8px 11px; font-size: clamp(11px, 1.35vw, 16px); }
.promo-deck-slide[class*="bl-state-preview-"] .promo-deck-copy { display: none; }
.promo-deck-slide[class*="bl-state-preview-"] .promo-deck-media::after { background: rgba(1,7,4,0.3); }
.promo-deck-arrow { z-index: 9; }
.promo-deck-next { right: 9px; }
.promo-deck-dots { bottom: 9px; }
@media (max-width: 700px) {
.promo-deck-slider { min-height: 198px; padding: 8px 8px 23px; }
.promo-deck-stage { min-height: 165px; }
.promo-deck-slide, .promo-deck-slide.state-active { width: 84%; height: 165px; border-radius: 10px; }
.promo-deck-slide.state-preview-1 { left: 72%; width: 20%; }
.promo-deck-slide.state-preview-2 { left: 77%; width: 18%; }
.promo-deck-slide.state-preview-3 { left: 81%; width: 17%; }
.promo-deck-slide.state-preview-4 { left: 85%; width: 16%; }
.promo-deck-copy { width: 59%; padding: 16px 21px 18px 18px; }
.promo-deck-copy small { margin-bottom: 5px; font-size: 7px; }
.promo-deck-name { font-size: clamp(14px, 4.3vw, 19px); }
.promo-deck-bonus { margin-top: 9px; padding: 6px 8px; font-size: 10px; }
}
@media (prefers-reduced-motion: reduce) {
.promo-deck-slide, .promo-deck-slide.state-active { transition: none; }
}
.offer-banner-card { container-type: inline-size; }
@container (max-width: 640px) {
  .offer-banner-card .offer-banner-copy, .offer-banner-card.promo-copy-opposite .offer-banner-copy { box-sizing: border-box; min-width: 0px; padding: clamp(10px, 2.6cqi, 16px); }
  .offer-banner-card .offer-banner-title, .offer-banner-card .offer-banner-kicker, .offer-banner-card .promo-description { max-width: 100%; overflow-wrap: anywhere; }
  .offer-banner-card .offer-banner-title, .offer-banner-card .offer-banner-kicker { margin-bottom: clamp(4px, 1.2cqi, 7px); font-size: clamp(10px, 2.25cqi, 13px); line-height: 1.15; }
  .offer-banner-card .promo-description { margin-bottom: clamp(7px, 1.8cqi, 12px); font-size: clamp(14px, 3.35cqi, 20px); line-height: 1.04; text-wrap: pretty; }
  .offer-banner-card .promo-description-line { display: inline; white-space: normal; }
  .offer-banner-card .offer-banner-cta { min-height: 32px; padding: 7px 12px; font-size: clamp(9px, 1.9cqi, 12px); }
}