@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: #06151f; --header-bg: #081d2b; --panel-bg: #0c2631; --panel-soft: #123440; --heading-bg: #174451; --control-bg: #071b26; --light-bg: #f5f1e7; --white: #fff; --text: #f6f7f5; --muted: #b8c7c5; --dark-text: #07151a; --accent: #e9aa3a; --accent-hover: #f4bd57; --accent-soft: #ecd59f; --accent-bright: #ffc85d; --accent-highlight: #ffdc8c; --accent-pale: #fff1cc; --signal-blue: #2788a7; --signal-blue-hover: #54afc8; --signal-blue-soft: #cbeaf0; --brand-green: #238579; --brand-green-hover: #31a094; --brand-green-active: #155e57; --line: #28605f; --radius: 10px; --shadow: 0 12px 28px rgb(0 8 12 / 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(43, 134, 236, 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(69, 167, 223, 0.09); border-color: rgba(69, 167, 223, 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, 42, 58), rgb(11, 14, 12) 72%); border-color: rgba(69, 167, 223, 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, 102, 143, 0.34) 0px 7px 18px, rgba(69, 167, 223, 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(69, 167, 223, 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, 102, 143, 0.3) 0px 7px 18px, rgba(69, 167, 223, 0.09) 0px 0px 0px 2px; }
  50% { box-shadow: rgba(255, 255, 255, 0.16) 0px 1px 0px inset, rgba(31, 102, 143, 0.42) 0px 8px 20px, rgba(69, 167, 223, 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(73, 196, 91, 0.72); box-shadow: rgba(0, 0, 0, 0.45) 0px 8px 20px, rgba(73, 196, 91, 0.24) 0px 0px 15px; }
.fortune-tab { background: linear-gradient(105deg, rgba(73, 196, 91, 0.2), transparent 54%), rgb(11, 14, 12); border-color: rgba(73, 196, 91, 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(73, 196, 91), rgb(35, 138, 67)); }
.fortune-panel { background: radial-gradient(circle at 85% 8%, rgba(73, 196, 91, 0.2), transparent 32%), linear-gradient(155deg, rgb(13, 23, 16), rgb(4, 7, 5) 68%); border-color: rgba(73, 196, 91, 0.52); }
.fortune-eyebrow { color: rgb(123, 213, 138); }
.fortune-wheel { background: conic-gradient(rgb(53, 169, 83) 0deg, rgb(53, 169, 83) 45deg, rgb(242, 247, 243) 45deg, rgb(242, 247, 243) 90deg, rgb(35, 138, 67) 90deg, rgb(35, 138, 67) 135deg, rgb(11, 14, 12) 135deg, rgb(11, 14, 12) 180deg, rgb(53, 169, 83) 180deg, rgb(53, 169, 83) 225deg, rgb(242, 247, 243) 225deg, rgb(242, 247, 243) 270deg, rgb(35, 138, 67) 270deg, rgb(35, 138, 67) 315deg, rgb(11, 14, 12) 315deg); border-color: rgb(239, 246, 240); box-shadow: 0 0 0 3px var(--accent),
    0 0 0 7px #050906,
    0 14px 34px rgb(0 0 0 / 52%),
    inset 0 0 24px rgb(2 42 88 / 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(228, 238, 230)); 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(73, 196, 91, 0.28), transparent 50%), rgba(3, 20, 38, 0.96); border-color: rgb(230, 241, 232); box-shadow: rgba(53, 169, 83, 0.52) 0px 0px 42px, rgba(53, 169, 83, 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, 18, 23); border-top: 1px solid rgb(32, 35, 42); 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, 30, 36); 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(210, 49, 78, 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(210, 49, 78, 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(210, 49, 78, 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, 27); 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(201, 54, 78, 0.035); box-shadow: rgba(201, 54, 78, 0.14) 0px 0px 16px inset, rgba(201, 54, 78, 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, 43); 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(53, 169, 83); font-size: 11px; }
.match-status::before { content: "● LIVE"; color: rgb(60, 169, 87); 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(234, 242, 235); border: 0px; border-radius: 12px; font-size: 11px; cursor: pointer; }
.match-odds a:hover { background: rgb(216, 231, 219); }
.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(235, 243, 236); }
.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, 11, 14); border-radius: var(--radius); }
.hero::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(90deg, rgba(10, 12, 15, 0.78) 0%, rgba(10, 12, 15, 0.61) 58%, rgba(10, 12, 15, 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, 11, 14); 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, 6, 8, 0.68) 0%, rgba(4, 6, 8, 0.52) 30%, rgba(4, 6, 8, 0.2) 52%, rgba(4, 6, 8, 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, 248, 249); }
.review-card em { display: block; margin-bottom: 12px; }
.article-scene-media { width: 100%; margin: 20px 0px; overflow: hidden; border: 1px solid rgba(73, 196, 91, 0.58); border-radius: var(--radius); background: rgb(11, 14, 17); }
.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, 14, 17, 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(73, 196, 91, 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(73, 196, 91, 0.58); background: rgb(25, 28, 33); }
.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(123, 213, 138, 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(73, 196, 91), rgb(35, 138, 67)); border: 1px solid rgba(184, 214, 191, 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(117, 217, 135); font-size: 11px; letter-spacing: 0.12em; text-shadow: rgba(73, 196, 91, 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(123, 213, 138); }
.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(234, 244, 252); background: linear-gradient(90deg, rgba(16, 35, 52, 0.94), rgba(8, 20, 32, 0.94)); border: 1px solid rgba(75, 145, 205, 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, 61, 90, 0.96), rgba(12, 30, 47, 0.96)); border-color: rgba(88, 166, 230, 0.56); }
.mobile-menu > a.state-active { background: linear-gradient(90deg, rgba(45, 112, 167, 0.5), rgba(12, 33, 52, 0.96)); border-color: rgba(92, 177, 239, 0.7); box-shadow: inset 4px 0 0 var(--accent), 0 0 18px rgb(58 135 198 / 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(73, 196, 91), rgb(45, 165, 70)); border-color: rgb(121, 216, 137); color: rgb(6, 19, 10); }
.mobile-menu > .btn.ghost { background: linear-gradient(rgb(24, 49, 73), rgb(13, 28, 43)); border-color: rgba(92, 177, 239, 0.58); color: rgb(238, 247, 255); }
.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, 11, 14, 0.45) 0%, rgba(9, 11, 14, 0.8) 65%, rgba(9, 11, 14, 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, 8, 10, 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, 6, 8, 0.72) 0%, rgba(4, 6, 8, 0.56) 44%, rgba(4, 6, 8, 0.24) 70%, rgba(4, 6, 8, 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, 24, 29); 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,
    rgb(73 196 91 / 20%) 225deg,
    var(--accent-hover) 250deg,
    #edf6ef 270deg,
    var(--accent-hover) 290deg,
    rgb(73 196 91 / 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, 12, 15, 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, 12, 15, 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(165, 237, 178) 0px, rgb(165, 237, 178) 5%, transparent 27%), linear-gradient(145deg, rgb(63, 189, 87), rgb(34, 115, 56)); border: 1px solid rgba(166, 255, 96, 0.55); border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.48) 0px 12px 32px, rgba(76, 175, 32, 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, 35, 43); 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(86, 163, 116, 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(73, 196, 91, 0.2), transparent 54%), rgb(11, 14, 12); border-width: 1px 0px 1px 1px; border-style: solid none solid solid; border-color: rgba(73, 196, 91, 0.64) currentcolor rgba(73, 196, 91, 0.64) rgba(73, 196, 91, 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(73, 196, 91), rgb(35, 138, 67)); 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(32, 16, 21, 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(255, 178, 193, 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(73, 196, 91, 0.2), transparent 32%), linear-gradient(155deg, rgb(13, 23, 16), rgb(4, 7, 5) 68%); border: 1px solid rgba(73, 196, 91, 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(219, 226, 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(123, 213, 138); 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(73, 196, 91, 0) 0deg, rgba(73, 196, 91, 0) 8deg, rgba(73, 196, 91, 0.42) 9deg, rgba(73, 196, 91, 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(53, 169, 83) 0deg, rgb(53, 169, 83) 45deg, rgb(242, 247, 243) 45deg, rgb(242, 247, 243) 90deg, rgb(35, 138, 67) 90deg, rgb(35, 138, 67) 135deg, rgb(11, 14, 12) 135deg, rgb(11, 14, 12) 180deg, rgb(53, 169, 83) 180deg, rgb(53, 169, 83) 225deg, rgb(242, 247, 243) 225deg, rgb(242, 247, 243) 270deg, rgb(35, 138, 67) 270deg, rgb(35, 138, 67) 315deg, rgb(11, 14, 12) 315deg); border: 8px solid rgb(239, 246, 240); border-radius: 50%; box-shadow: 0 0 0 3px var(--accent),
    0 0 0 7px #050906,
    0 14px 34px rgb(0 0 0 / 52%),
    inset 0 0 24px rgb(2 42 88 / 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(228, 238, 230)); 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(3, 20, 38, 0.96); border: 2px solid rgb(230, 241, 232); border-radius: 50%; box-shadow: rgba(53, 169, 83, 0.52) 0px 0px 42px, rgba(53, 169, 83, 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(73, 196, 91, 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(53, 169, 83, 0.72) 0px 0px 62px, rgba(53, 169, 83, 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(210, 179, 94, 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, 16, 20); }
.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,
    rgb(73 196 91 / 16%) 228deg,
    var(--accent-hover) 255deg,
    #edf6ef 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, 29, 34), rgb(20, 23, 27)); }
.game-strip-card:hover, .game-strip-card:focus-within { border-color: rgba(73, 196, 91, 0.72); box-shadow: rgba(0, 0, 0, 0.45) 0px 8px 20px, rgba(73, 196, 91, 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(125, 214, 77, 0.42); box-shadow: rgba(255, 255, 255, 0.2) 0px 1px 0px inset, rgba(39, 124, 17, 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, #64d878, var(--brand-green-hover)); border-color: rgba(151, 231, 105, 0.62); box-shadow: rgba(255, 255, 255, 0.26) 0px 1px 0px inset, rgba(51, 142, 24, 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(39, 124, 17, 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(115, 210, 66, 0.48); }
.fortune-tab { background: linear-gradient(105deg, rgba(73, 196, 91, 0.2), transparent 54%), rgb(11, 14, 12); border-color: rgba(73, 196, 91, 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(73, 196, 91), rgb(35, 138, 67)); }
.fortune-result { background: radial-gradient(circle at 50% 32%, rgba(73, 196, 91, 0.28), transparent 50%), rgba(3, 20, 38, 0.96); border-color: rgb(230, 241, 232); box-shadow: rgba(53, 169, 83, 0.52) 0px 0px 42px, rgba(53, 169, 83, 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(73, 196, 91, 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(123, 213, 138, 0.88); box-shadow: rgba(255, 255, 255, 0.78) 0px 0px 0px 2px inset, rgba(73, 196, 91, 0.14) 0px 0px 0px 4px, rgba(35, 138, 67, 0.38) 0px 8px 22px; transform: scale(1.018); }
}
@keyframes blau-coupon-status-pulse { 
  70% { box-shadow: rgba(73, 196, 91, 0) 0px 0px 0px 6px; }
  100% { box-shadow: rgba(73, 196, 91, 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(142, 225, 99, 0.42); border-radius: 7px; box-shadow: rgba(255, 255, 255, 0.19) 0px 1px inset, rgba(39, 124, 17, 0.22) 0px 7px 15px; font-size: 11px; font-weight: 900; text-align: center; text-transform: uppercase; }
.mega-prize { --mega-green: #6edb3a; --mega-green-bright: #b9f23a; --mega-yellow: #f6dc18; --mega-white: #fff; --mega-muted: #c2cabf; --mega-panel: #0b1109; --mega-line: rgb(110 219 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(110, 219, 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, 7) !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: #c8102e; --hr-blue: #0b5fa5; --hr-white: #f7f9fc; }
.site-header::after { content: none; }
.hero { border: 1px solid rgba(11, 95, 165, 0.38); box-shadow: rgba(200, 16, 46, 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(200, 16, 46, 0.58) 2px 0px 0px inset, rgba(11, 95, 165, 0.58) -2px 0px 0px inset; }
.content-section h2, .story-block h2, .reviews-section > h2 { background: linear-gradient(90deg, rgba(200, 16, 46, 0.2), transparent 30%, transparent 70%, rgba(11, 95, 165, 0.22)), rgb(7, 17, 31); 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 rgb(11 95 165 / 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, 17, 31); }
@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(57, 199, 65, 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, #d33251); 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, 10, 12); }
.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, 7, 9, 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, rgb(239 48 61 / 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/betlabel/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(239, 48, 61, 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(209, 255, 217, 0.32); box-shadow: rgba(56, 185, 79, 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, 10); background: linear-gradient(145deg, #79dc8b, var(--brand-green-active)); border: 1px solid rgba(209, 255, 217, 0.4); box-shadow: rgba(56, 185, 79, 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(201, 54, 78, 0.34); border-radius: 14px; box-shadow: rgba(5, 2, 2, 0.3) 0px 18px 38px; }
.table-wrap, .table-scroll { overflow: hidden; border: 1px solid rgba(201, 54, 78, 0.22); border-radius: 12px; box-shadow: rgba(5, 2, 2, 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(52, 37, 39); box-shadow: rgba(201, 54, 78, 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(201, 54, 78, 0.18); }
.review-author::before { background: linear-gradient(145deg, var(--accent-bright), #98253a); border-color: rgba(255, 210, 218, 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(201, 54, 78, 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(201, 54, 78, 0.26); border-radius: 16px; box-shadow: rgba(5, 2, 2, 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, 37, 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, 37, 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(201, 54, 78, 0.08), transparent 25rem), rgb(25, 22, 21); border: 1px solid rgba(255, 255, 255, 0.06); border-radius: 14px; box-shadow: rgba(5, 2, 2, 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(201, 54, 78, 0.28); border-radius: 12px; box-shadow: rgba(5, 2, 2, 0.46) 0px 18px 48px; backdrop-filter: blur(14px); }
@media (hover: hover) {
.content-section:hover, .story-block:hover { border-color: rgba(201, 54, 78, 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(201, 54, 78, 0.34); border-radius: 14px; box-shadow: rgba(5, 2, 2, 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(201, 54, 78, 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, 25); 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(53, 169, 83, 0.08) 0px 0px 0px 2px; }
  50% { opacity: 1; transform: scale(1); box-shadow: rgba(53, 169, 83, 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(0, 5, 12, 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, 19, 24); 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, 38, 45); 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, 19, 24); }
.sports-sidebar.state-collapsed .sports-tabs a { width: 34px; min-height: 32px; color: rgb(143, 214, 55); background: rgb(34, 39, 45); 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(143, 214, 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, 67); background: rgb(238, 246, 239); }
.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, 19, 24); 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(126, 27, 44, 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(94, 37, 46) 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(201, 54, 78); 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, 16, 24); border: 1px solid rgba(201, 54, 78, 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, 8, 12, 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, #a82d40, 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, 7, 9, 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(246, 242, 239); 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(191, 52, 77), rgb(112, 35, 52)); border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 9px; box-shadow: none; }
.review-author::after { right: 20px; bottom: 26px; color: rgb(240, 201, 107); text-shadow: none; }
.review-quote { display: flex; flex: 1 1 0%; align-items: center; max-width: none; padding: 27px 62px 28px 28px; color: rgb(233, 227, 222); 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(243, 207, 82); box-shadow: rgba(255, 255, 255, 0.14) 0px 1px 0px inset, rgba(243, 207, 82, 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(91, 67, 0) !important; }
.top-game-body .match-league, .top-game-body .match-status, .top-game-body .match-details { font-weight: 700; }
:root { --multi-black: #05070a; --multi-ink: #080d12; --multi-panel: #0b1117; --multi-panel-soft: #101923; --multi-panel-raised: #142131; --multi-green: #2478d4; --multi-green-bright: #4699ef; --multi-green-deep: #15509a; --multi-blue: #2478d4; --multi-blue-bright: #4699ef; --multi-red: #e23b44; --multi-red-deep: #a91f2a; --multi-white: #f5f7fa; --multi-muted: #b0bdc9; --multi-line: rgb(36 120 212 / 34%); --multi-line-strong: rgb(70 153 239 / 58%); --page-bg: var(--multi-black); --header-bg: #070b10; --panel-bg: var(--multi-panel); --panel-soft: var(--multi-panel-soft); --heading-bg: var(--multi-panel-raised); --control-bg: #09111a; --light-bg: #eef4fb; --text: var(--multi-white); --muted: var(--multi-muted); --dark-text: #06101c; --accent: var(--multi-green); --accent-hover: var(--multi-green-bright); --accent-soft: #a9cff7; --accent-bright: #4699ef; --accent-highlight: #72b4f6; --accent-pale: #dcecff; --signal-blue: var(--multi-blue); --signal-blue-hover: var(--multi-blue-bright); --signal-blue-soft: #bddcff; --brand-green: var(--multi-green); --brand-green-hover: var(--multi-green-bright); --brand-green-active: var(--multi-green-deep); --line: #235e91; --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(36, 120, 212, 0.15), transparent 32rem), radial-gradient(circle at 8% 38%, rgba(226, 59, 68, 0.08), transparent 34rem), linear-gradient(rgb(7, 16, 26) 0%, rgb(5, 7, 10) 42%, rgb(2, 4, 6) 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(70, 153, 239, 0.82) solid 3px !important; }
.site-header { border-bottom-color: var(--multi-line-strong); background: rgba(5, 9, 14, 0.96); box-shadow: rgba(0, 0, 0, 0.58) 0px 14px 36px, rgba(70, 153, 239, 0.14) 0px -1px 0px inset; }
.nav-links a { color: rgb(220, 231, 223); }
.nav-links a:hover, .nav-links .state-active { color: rgb(255, 255, 255); border-color: var(--multi-blue); background: rgba(36, 120, 212, 0.16); }
.nav-links .state-active::after { background: linear-gradient(90deg, transparent, var(--multi-blue-bright), transparent); box-shadow: rgba(70, 153, 239, 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, 33, 49), rgb(8, 13, 18)); }
.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, 40, 59); }
.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(239, 104, 112, 0.58) !important; background: linear-gradient(rgb(233, 75, 85), rgb(169, 31, 42)) !important; box-shadow: rgba(255, 255, 255, 0.24) 0px 1px 0px inset, rgba(169, 31, 42, 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(240, 97, 105), rgb(199, 44, 55)) !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, 25, 35), rgb(6, 10, 15) 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(70, 153, 239, 0.22); background-color: rgb(16, 25, 35); }
.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, 42, 59); }
.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(36, 120, 212, 0.12), transparent 28rem), linear-gradient(150deg, rgb(15, 24, 34), rgb(7, 11, 16) 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(36, 120, 212, 0.36); background: linear-gradient(90deg, rgba(36, 120, 212, 0.22), transparent 64%), rgb(17, 29, 41); 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, 225, 234); }
.story-block ul, .story-block ol, .content-section ul, .content-section ol { border-color: rgba(70, 153, 239, 0.18); background: rgba(6, 11, 7, 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, 33, 49), rgb(9, 14, 20)); }
.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(242, 248, 243); }
.table-wrap table, .table-scroll table, .story-block table { color: rgb(233, 241, 235); background: rgb(11, 18, 29); }
.table-wrap thead, .table-scroll thead, .story-block thead { color: rgb(255, 255, 255); background: rgb(25, 51, 78); }
.table-wrap th, .table-wrap td, .table-scroll th, .table-scroll td, .story-block th, .story-block td { border-color: rgba(70, 153, 239, 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(36, 120, 212, 0.05); }
.table-wrap tbody tr:hover, .table-scroll tbody tr:hover, .story-block tbody tr:hover { background: rgba(36, 120, 212, 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(70, 153, 239, 0.24); background: rgb(14, 24, 35); }
.footer { color: rgb(212, 223, 215); border-top-color: var(--multi-line-strong); border-image: none; background: radial-gradient(circle at 50% 0%, rgba(36, 120, 212, 0.09), transparent 32rem), rgb(5, 7, 10); }
.footer-columns, .footer-notice, .footer-legal-row, .footer-payments { border-color: rgba(70, 153, 239, 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(36, 120, 212, 0.13), transparent 38%), linear-gradient(155deg, rgb(20, 33, 49), rgb(7, 11, 16) 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(36, 120, 212, 0.1) 0px 0px 0px 5px; }
.fortune-wheel { border-color: rgb(223, 247, 228); background: conic-gradient(var(--multi-green) 0 45deg, #f4faf5 45deg 90deg, var(--multi-green-deep) 90deg 135deg, #08111b 135deg 180deg, var(--multi-green) 180deg 225deg, #f4faf5 225deg 270deg, var(--multi-green-deep) 270deg 315deg, #08111b 315deg); box-shadow: 0 0 0 3px var(--multi-green), 0 0 0 7px #05070a, 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(70, 153, 239, 0.1) 0px 0px 0px 3px, rgba(0, 0, 0, 0.38) 0px 9px 24px; }
.top-game-body { color: rgb(7, 16, 26); border-color: var(--multi-line-strong); background: rgb(242, 248, 243); }
.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(10, 50, 88); border-color: rgba(36, 120, 212, 0.28); background: rgb(237, 247, 239); }
.match-odds a:hover, .live-betting-odd:hover, .live-betting-odd:focus-visible, .live-betting-odd.state-rising:hover { color: rgb(6, 29, 53); border-color: var(--multi-green); background: rgb(223, 243, 227); }
html, body { background-image: radial-gradient(circle at 78% 4%, rgba(36, 120, 212, 0.15), transparent 32rem), radial-gradient(circle at 8% 38%, rgba(36, 120, 212, 0.08), transparent 34rem), linear-gradient(rgb(7, 16, 26) 0%, rgb(5, 7, 10) 42%, rgb(2, 4, 6) 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(36, 120, 212, 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(36, 120, 212, 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, 34, 53); 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(36, 120, 212, 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(223, 233, 226); background: rgb(8, 14, 20); }
.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(36, 120, 212, 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(226, 59, 68, 0.24), transparent 28rem), linear-gradient(135deg, rgb(26, 12, 17), rgb(9, 13, 19) 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: #050604; --header-bg: #080a07; --panel-bg: #10150d; --panel-soft: #182215; --heading-bg: #1b2817; --control-bg: #0b0e09; --light-bg: #f7f8ef; --white: #fff; --text: #fbfff6; --muted: #c5cfbb; --dark-text: #090c07; --accent: #f0dc26; --accent-hover: #ffef54; --accent-soft: #d9cd65; --accent-bright: #fff13f; --accent-highlight: #fff78b; --accent-pale: #fffbd0; --signal-blue: #a8dc39; --signal-blue-hover: #c7f252; --signal-blue-soft: #e8f6c7; --brand-green: #55c62e; --brand-green-hover: #6ee044; --brand-green-active: #35991c; --line: rgb(155 200 61 / 42%); --shadow: 0 16px 34px rgb(0 0 0 / 42%); color-scheme: dark; background: rgb(5, 6, 4); }
:root body { color: var(--text); background: radial-gradient(circle at 50% -12%, rgba(85, 198, 46, 0.12), transparent 28rem), linear-gradient(rgb(8, 10, 7) 0px, rgb(3, 4, 3) 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, 220, 38); }
:root .site-header { background: linear-gradient(90deg, rgba(85, 198, 46, 0.09), transparent 34%), rgb(7, 9, 7); border-bottom: 1px solid rgba(168, 221, 57, 0.4); box-shadow: rgba(0, 0, 0, 0.55) 0px 10px 30px; }
:root .page-progress { background: linear-gradient(90deg, rgb(85, 198, 46), rgb(240, 220, 38) 72%, rgb(255, 255, 255)); box-shadow: rgba(168, 220, 57, 0.72) 0px 0px 12px; }
:root .tool-button, :root .lang-switch, :root .ghost { color: rgb(255, 255, 255); background: rgb(12, 17, 10); border-color: rgba(168, 220, 57, 0.32); }
:root .nav-links a:hover, :root .nav-links .state-active { color: rgb(246, 232, 61); }
:root .nav-links .state-active { background: rgba(85, 198, 46, 0.09); box-shadow: rgb(85, 198, 46) 0px -3px 0px inset; }
:root .game-strip, :root .main-slots-strip { background: rgb(8, 10, 7); border-color: rgba(240, 220, 38, 0.34); box-shadow: rgba(0, 0, 0, 0.38) 0px 9px 24px; }
:root .game-strip-card { background: rgb(13, 17, 11); border-color: rgba(155, 200, 61, 0.34); }
:root .game-strip-card:hover, :root .game-strip-card:focus-within { border-color: rgb(240, 220, 38); box-shadow: rgba(240, 220, 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(155, 200, 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(16, 21, 13); }
:root .sport-side-toggle:hover, :root .sports-quick-row:hover, :root .sports-quick-row.state-open { background: rgb(27, 40, 23); border-color: rgba(240, 220, 38, 0.58); }
:root .top-game-body, :root .sports-summary, :root .sports-list-heading, :root .sport-row, :root .article-links { color: rgb(16, 20, 13); background: rgb(251, 252, 245); }
:root .sport-row, :root .sports-list-heading { border-color: rgb(220, 229, 210); }
:root .sport-row:hover, :root .match-odds a:hover { background: rgb(238, 248, 223); }
:root .match-odds a { color: rgb(16, 20, 13); background: rgb(241, 247, 232); border: 1px solid rgb(201, 218, 169); }
:root .match-favorite, :root .match-status, :root .match-status::before { color: rgb(54, 157, 29); }
: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(9, 12, 7) !important; background: linear-gradient(135deg, rgb(255, 241, 90), rgb(229, 204, 18)) !important; border: 1px solid rgb(255, 244, 138) !important; box-shadow: rgba(240, 220, 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(7, 16, 5) !important; background: linear-gradient(135deg, rgb(200, 244, 90), rgb(102, 207, 52)) !important; border-color: rgb(223, 251, 134) !important; }
:root .hero { background: rgb(5, 6, 4); border: 1px solid rgba(168, 220, 57, 0.54); box-shadow: rgba(0, 0, 0, 0.48) 0px 24px 50px; }
:root .hero::after { background: linear-gradient(90deg, rgba(3, 5, 2, 0.88) 0%, rgba(5, 8, 4, 0.66) 54%, rgba(5, 8, 4, 0.12) 100%), linear-gradient(transparent 70%, rgba(85, 198, 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(85, 198, 46, 0.06), transparent 28%), rgb(16, 21, 13); border: 1px solid rgba(155, 200, 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(85, 198, 46, 0.18), transparent 74%), rgb(24, 33, 21); border: 1px solid rgba(155, 200, 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, 220, 38); }
:root .content-section h3, :root .story-block h3 { color: rgb(216, 243, 185); }
:root .content-section p, :root .story-block p, :root .content-section li, :root .story-block li { color: rgb(245, 248, 239); }
:root .story-media, :root .story-visual, :root .article-scene-media, :root .section-visual, :root .payment-visual, :root .vip-program-visual { background: rgb(8, 10, 7); border-color: rgba(168, 220, 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, 6); border-color: rgba(240, 220, 38, 0.44); box-shadow: rgba(0, 0, 0, 0.38) 0px 18px 40px; }
:root table { color: rgb(248, 251, 243); background: rgb(18, 24, 15); }
:root th, :root td { border-color: rgba(155, 200, 61, 0.34); }
:root th { color: rgb(255, 255, 255); background: rgb(34, 50, 27); }
:root tr:nth-child(2n) td { background: rgb(25, 32, 22); }
:root .review-card, :root .faq-item, :root .author-card { color: rgb(247, 250, 239); background: linear-gradient(145deg, rgba(240, 220, 38, 0.05), transparent 45%), rgb(18, 24, 15); border-color: rgba(155, 200, 61, 0.38); }
:root .review-author, :root .faq-item summary { color: rgb(201, 239, 158); }
:root .coupon-header small, :root .coupon-divider, :root .fortune-eyebrow { color: rgb(244, 230, 59); }
:root .coupon-ticket-icon, :root .fortune-tab-handle { background: linear-gradient(145deg, rgb(244, 230, 59), rgb(85, 198, 46)); }
:root .floating-chat, :root .scroll-top { color: rgb(7, 16, 5); background: linear-gradient(145deg, rgb(244, 230, 59), rgb(85, 198, 46)) !important; border-color: rgb(223, 251, 134) !important; box-shadow: rgba(0, 0, 0, 0.48) 0px 12px 32px, rgba(85, 198, 46, 0.14) 0px 0px 0px 5px !important; }
:root .footer { color: rgb(220, 231, 209); background: linear-gradient(rgba(85, 198, 46, 0.08), transparent 32%), rgb(5, 6, 4); border-top: 1px solid rgba(168, 220, 57, 0.4); }
:root .cookie { background: rgb(17, 24, 14); border-color: rgba(240, 220, 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(85, 198, 46, 0.08), transparent 46%), rgba(5, 7, 4, 0.33); border: 1px solid rgba(240, 220, 38, 0.28); box-shadow: rgba(0, 0, 0, 0.42) 0px 18px 40px; }
}
:root body { --multi-black: #050604; --multi-ink: #090c07; --multi-panel: #10150d; --multi-panel-soft: #182115; --multi-panel-raised: #22321b; --multi-green: #55c62e; --multi-green-bright: #a8dc39; --multi-green-deep: #2f8519; --multi-blue: #55c62e; --multi-blue-bright: #a8dc39; --multi-red: #f0dc26; --multi-red-deep: #b9a50d; --multi-white: #f8fbf3; --multi-muted: #c9d4bf; --multi-line: rgb(85 198 46 / 34%); --multi-line-strong: rgb(168 220 57 / 58%); }
:root .offer-banner-card, :root .bonus-banner-section, :root .bonus-final-cta, :root .bonus-terms-section { border-color: rgba(240, 220, 38, 0.46) !important; background: radial-gradient(circle at 92% 8%, rgba(85, 198, 46, 0.14), transparent 28rem), linear-gradient(135deg, rgb(20, 32, 15), rgb(8, 10, 7) 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, 220, 38), rgb(85, 198, 46)); }
:root .live-signal, :root .match-status { --signal-color: #a8dc39; }
:root .live-betting-odd .live-odd-value, :root .live-betting-odd.state-falling .live-odd-value, :root .match-league, :root .match-details { color: rgb(47, 133, 25); }
:root .game-strip-name { color: rgb(255, 255, 255); border-color: rgba(168, 220, 57, 0.28); background: rgb(17, 26, 14); }
:root, :root body { background-image: radial-gradient(circle at 50% -12%, rgba(85, 198, 46, 0.12), transparent 28rem), linear-gradient(rgb(8, 10, 7) 0px, rgb(3, 4, 3) 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(168, 220, 57, 0.28); }
:root .slot-library-card, :root .game-row-card, :root .live-betting-curtain { background-color: rgb(17, 26, 14); }
: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(85, 198, 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(168, 220, 57, 0.42); }
:root .footer-columns, :root .footer-notice, :root .footer-legal-row, :root .footer-payments { border-color: rgba(168, 220, 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(187, 242, 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, 220, 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(155, 236, 45), rgb(53, 169, 83) 68%, rgb(22, 116, 47)); 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, 19, 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(112, 219, 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(169, 226, 60, 0.66); border-radius: 24px; box-shadow: rgba(0, 0, 0, 0.78) 0px 32px 100px, rgba(246, 220, 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(126, 225, 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(126, 225, 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(126, 225, 53, 0.16), transparent 38%), linear-gradient(125deg, rgb(7, 11, 7) 0%, rgb(17, 28, 12) 54%, rgb(8, 10, 8) 100%); border: 1px solid rgba(169, 226, 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, 220, 24), rgb(158, 229, 45) 55%, transparent 92%); content: ""; }
.promo-deck-media { position: relative; min-height: 190px; overflow: hidden; background: rgb(2, 4, 2); }
.promo-deck-media::after { position: absolute; inset: 0px; background: linear-gradient(90deg, transparent 55%, rgb(16, 25, 13) 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(184, 238, 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(7, 16, 4); background: linear-gradient(105deg, rgb(246, 220, 24), rgb(189, 233, 54) 50%, rgb(110, 219, 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(23, 59, 20); 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, 5); border: 1px solid rgba(164, 226, 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, 220, 24), rgb(145, 228, 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(126, 225, 53, 0.2), transparent 34%), linear-gradient(125deg, rgb(7, 10, 7), rgb(20, 33, 14) 54%, rgb(6, 8, 6)); 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, 2); }
.promo-deck-media::after { position: absolute; inset: 0px; background: linear-gradient(90deg, transparent 56%, rgb(16, 25, 13) 100%); content: ""; }
.promo-deck-image-right .promo-deck-media::after { background: linear-gradient(270deg, transparent 56%, rgb(16, 25, 13) 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, 220, 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(143, 225, 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(7, 16, 4); background: linear-gradient(105deg, rgb(246, 220, 24), rgb(189, 233, 54) 50%, rgb(110, 219, 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, 6, 0.78); border: 1px solid rgba(169, 226, 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(7, 16, 4); background: rgb(189, 233, 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(189, 233, 54); box-shadow: rgba(151, 230, 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(16, 25, 13) 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(100, 211, 48, 0.16), transparent 34%), linear-gradient(145deg, rgb(16, 27, 13), rgb(5, 8, 5) 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, 7); border: 1px solid rgba(169, 226, 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, 5); }
.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, 2, 0.52) 0%, rgba(3, 8, 4, 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, 220, 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, 3, 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); }
}