:root {
    color-scheme:dark;
    --page:#141611;
    --panel:#1b1e18;
    --panel-soft:#20241c;
    --text:#f4f2eb;
    --muted:#abb09f;
    --gold:#e8c58d;
    --gold-light:#fae7c1;
    --border:#34392d;
    --green:#3b6330;
    --red:#597840;
    --side:224px;
    --radius:18px;
    --content:1560px;
    --shadow:0 15px 45px #0003
}
* {
    box-sizing:border-box
}
html {
    scroll-behavior:smooth;
    scroll-padding-top:104px;
    overflow-x:clip
}
body {
    margin:0;
    background:var(--page);
    color:var(--text);
    font-family:Inter,"Segoe UI",Arial,sans-serif;
    font-size:15px;
    line-height:1.6;
    -webkit-font-smoothing:antialiased
}
body.nav-open {
    overflow:hidden
}
img {
    display:block;
    max-width:100%;
    height:auto
}
a {
    color:inherit;
    text-decoration:none
}
button,input {
    font:inherit
}
button,a,input {
    -webkit-tap-highlight-color:transparent
}
button {
    cursor:pointer
}
button:disabled {
    cursor:default
}
button {
    color:inherit
}
button,input {
    min-width:0
}
a,button,input,summary,[tabindex] {
    outline-offset:4px
}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,[tabindex]:focus-visible {
    outline:2px solid var(--gold)
}
[hidden] {
    display:none!important
}
main:focus {
    outline:none
}
p {
    margin:0 0 1em
}
::selection {
    background:#e8c58d;
    color:#191d14
}
.sr-only {
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
    border:0
}
.skip-link {
    position:fixed;
    left:15px;
    top:-90px;
    background:var(--gold);
    color:#171b12;
    z-index:9999;
    padding:12px 20px;
    border-radius:8px
}
.skip-link:focus {
    top:15px
}
.ui-icon {
    width:22px;
    height:22px;
    flex:0 0 22px;
    object-fit:contain
}
.icon-button {
    border:1px solid var(--border);
    background:#20241d;
    color:var(--text);
    border-radius:10px;
    width:40px;
    height:40px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    padding:0;
    transition:background .2s,border-color .2s
}
.icon-button:hover {
    background:#303729;
    border-color:#6c735d
}
.icon-button img {
    width:20px;
    height:20px
}
.side-panel {
    position:fixed;
    inset:0 auto 0 0;
    width:var(--side);
    height:100vh;
    height:100dvh;
    background:linear-gradient(160deg,#191c17,#11140f 70%);
    border-right:1px solid #33382c;
    padding:25px 18px 20px;
    z-index:110;
    display:flex;
    flex-direction:column;
    overflow-y:auto;
    overscroll-behavior:contain;
    scrollbar-width:thin;
    scrollbar-color:#39402f transparent
}
.side-panel__top {
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:4px 0 27px
}
.brand-mark img {
    width:132px;
    height:auto;
    aspect-ratio:321/161
}
.drawer-close,.menu-button,.mobile-brand {
    display:none
}
.main-nav {
    display:flex;
    flex-direction:column;
    gap:6px
}
.nav-link {
    display:flex;
    align-items:center;
    gap:12px;
    min-height:46px;
    padding:11px 13px;
    border:1px solid transparent;
    border-radius:10px;
    color:#d1d4c8;
    font-size:14px;
    font-weight:500;
    transition:background .2s,border-color .2s
}
.nav-link:hover {
    background:#272e21
}
.nav-link.is-current {
    background:linear-gradient(90deg,#37402a99,#242b1d);
    border-color:#5a6040;
    color:#f7e5bd
}
.nav-dot {
    width:5px;
    height:5px;
    border-radius:50%;
    margin-left:auto;
    background:var(--gold)
}
.side-offer {
    position:relative;
    margin:25px 0 24px;
    padding:14px 9px;
    display:flex;
    align-items:center;
    gap:8px;
    background:linear-gradient(100deg,#8e693326,#25251a);
    border:1px solid #79623c80;
    border-radius:10px
}
.side-offer>.ui-icon {
    width:27px;
    height:27px;
    flex-basis:27px
}
.side-offer strong {
    font-size:14px;
    color:var(--gold-light);
    display:block;
    letter-spacing:.005em;
    white-space:nowrap
}
.side-offer span {
    display:block;
    font-size:11px;
    color:#b4b3a2
}
.side-offer>a {
    margin-left:auto
}
.side-offer>a .ui-icon {
    width:15px
}
.secondary-nav {
    display:flex;
    flex-direction:column;
    gap:5px;
    padding:15px 0 22px;
    border-top:1px solid #34372c;
    border-bottom:1px solid #34372c
}
.secondary-nav a {
    font-size:12px;
    font-weight:400;
    display:flex;
    align-items:center;
    gap:10px;
    padding:8px 9px;
    border-radius:8px;
    color:#b0b6a4
}
.secondary-nav a:hover {
    color:var(--text);
    background:#24291e
}
.secondary-nav .ui-icon {
    width:19px;
    height:19px;
    flex-basis:19px;
    opacity:.75
}
.side-connect {
    padding-top:20px
}
.small-label {
    font-size:11px;
    font-weight:400;
    color:#959e88;
    margin:0 0 11px
}
.social-links {
    display:flex;
    align-items:center;
    gap:9px;
    flex-wrap:wrap
}
.social-links a {
    width:34px;
    height:34px;
    border:1px solid #363d2d;
    border-radius:9px;
    display:grid;
    place-items:center;
    background:#20251a;
    transition:.2s
}
.social-links img {
    width:16px;
    height:16px;
    object-fit:contain;
    filter:brightness(0) invert(.82)
}
.social-links a:hover {
    background:var(--gold);
    border-color:var(--gold)
}
.social-links a:hover img {
    filter:brightness(0)
}
.app-label {
    margin-top:23px
}
.app-links {
    display:flex;
    flex-direction:column;
    gap:9px
}
.app-button {
    min-height:48px;
    padding:8px 12px;
    background:#efeee7;
    color:#1b2017;
    border:1px solid #fff5;
    border-radius:9px;
    display:flex;
    align-items:center;
    gap:10px;
    transition:background .2s
}
.app-button:hover {
    background:#fff8ea
}
.app-button img {
    width:21px;
    height:25px;
    object-fit:contain;
    filter:brightness(0);
    flex:0 0 21px
}
.app-button span {
    display:flex;
    flex-direction:column;
    font-size:10px;
    line-height:1.3
}
.app-button strong {
    font-size:13px;
    font-weight:600
}
.side-panel__foot {
    margin-top:auto;
    padding-top:25px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:10px
}
.language-control {
    font-size:12px;
    color:#d1d5c7;
    display:flex;
    gap:8px;
    align-items:center
}
.language-control img {
    width:22px;
    height:16px;
    border-radius:3px;
    object-fit:cover
}
.age-chip {
    font-size:11px;
    border:1px solid #474d3d;
    border-radius:6px;
    padding:3px 6px;
    color:#b2b9a4
}
.drawer-overlay {
    position:fixed;
    inset:0;
    border:0;
    background:#050805b8;
    backdrop-filter:blur(4px);
    z-index:105
}
.page-shell {
    margin-left:var(--side);
    min-width:0
}
.site-header {
    position:sticky;
    top:0;
    z-index:90;
    display:flex;
    align-items:center;
    gap:20px;
    min-height:86px;
    background:#141811f2;
    backdrop-filter:blur(16px);
    border-bottom:1px solid #313829;
    padding:16px 28px
}
.search-box {
    display:flex;
    align-items:center;
    gap:9px;
    background:#21261b;
    border:1px solid #3d4432;
    border-radius:9px;
    min-width:0;
    width:clamp(170px,16vw,260px);
    height:44px;
    padding:0 12px;
    margin:0;
    flex-shrink:1
}
.search-box .ui-icon {
    width:17px;
    height:17px;
    flex-basis:17px;
    opacity:.7
}
.search-box input {
    background:transparent;
    border:0;
    color:#f2f4ea;
    width:100%;
    font-size:13px;
    outline:none;
    height:100%;
    padding:0
}
.search-box:focus-within {
    border-color:var(--gold);
    box-shadow:0 0 0 2px #e8c58d20
}
.search-box input::placeholder {
    color:#9aab89
}
.search-box kbd {
    font-size:11px;
    color:#899a79;
    border:1px solid #464f37;
    border-radius:4px;
    padding:0 5px
}
.header-nav {
    display:flex;
    gap:5px;
    align-items:center;
    flex-shrink:0
}
.header-nav a {
    font-size:13px;
    font-weight:500;
    color:#cdd4c2;
    padding:9px 10px;
    border-radius:7px;
    transition:background .2s,color .2s
}
.header-nav a:hover {
    color:var(--gold);
    background:#2a301f
}
.header-message {
    font-size:12px;
    line-height:1.55;
    font-weight:400;
    color:#9faa91;
    text-align:right;
    margin:0 0 0 auto;
    max-width:238px
}
.header-actions {
    display:flex;
    gap:9px;
    margin-left:auto;
    flex:0 0 auto
}
.button {
    min-height:42px;
    padding:0 20px;
    border:1px solid transparent;
    border-radius:9px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    position:relative;
    isolation:isolate;
    font-size:14px;
    line-height:1.25;
    font-weight:600;
    text-align:center;
    transition:transform .2s,background .2s,box-shadow .2s,border-color .2s;
    cursor:pointer;
    max-width:100%
}
.button:hover {
    transform:translateY(-2px)
}
.button img {
    width:20px;
    height:20px;
    flex:0 0 20px
}
.button--register {
    min-height:48px;
    background:linear-gradient(130deg,#4f7535,#345828);
    border:1px solid #779352;
    color:#fff4da;
    box-shadow:inset 0 1px #fff2;
    padding:0 22px
}
.button--register:hover {
    background:linear-gradient(130deg,#5a8540,#416b30);
    box-shadow:0 6px 22px #0002
}
.button--login {
    min-height:48px;
    border:1px solid #737758;
    color:#efddba;
    background:#242a1d;
    min-width:80px
}
.button--login:hover {
    border-color:#c4b47f;
    background:#2b3320;
    transform:none
}
.button--gold {
    background:linear-gradient(120deg,#f5dfb7,#dfba79 80%);
    color:#262217;
    box-shadow:0 4px 18px #ddad551f,inset 0 1px #ffedc6;
    font-weight:650
}
.button--gold:hover {
    background:linear-gradient(120deg,#fbe9c9,#ebca90);
    box-shadow:0 8px 27px #ddad5526
}
.button--gold img,.button--dark img {
    filter:brightness(.25)
}
.button--large {
    min-height:52px;
    padding:0 25px;
    font-size:15px
}
.button--ghost {
    min-height:36px;
    padding:0 20px;
    border-color:#474f3a;
    background:#232a1c;
    color:#d9dfcf;
    font-size:12px;
    font-weight:500
}
.button--ghost:hover {
    border-color:#bca376;
    background:#343d28
}
.button--dark {
    background:#232a1c;
    color:#f2dfb8;
    border:1px solid #4c5137;
    box-shadow:0 7px 25px #4c371633
}
.button--dark img {
    filter:none
}
.button--dark:hover {
    background:#343e28;
    box-shadow:0 12px 28px #49311540
}
.shine {
    overflow:hidden
}
.shine::after {
    content:"";
    position:absolute;
    inset:-60% auto -60% -65%;
    width:35%;
    transform:rotate(20deg);
    background:linear-gradient(90deg,transparent,#ffffff3b,transparent);
    pointer-events:none;
    animation:button-shine 7.5s ease-in-out 1.3s 2
}
.button--register.shine::after {
    animation-delay:2.5s
}
.shine:hover::after {
    animation:button-shine 1.3s ease-out 1
}
@keyframes button-shine {
    0%,70% {
        left:-65%
    }
    94%,100% {
        left:135%
    }
}
.hero-slider {
    position:relative;
    margin:26px 28px 0;
    border:1px solid #66644580;
    border-radius:22px;
    overflow:hidden;
    isolation:isolate;
    background:#12170f;
    box-shadow:var(--shadow)
}
.hero-track {
    position:relative
}
.hero-slide {
    min-height:488px;
    position:relative;
    background:linear-gradient(115deg,#172012 10%,#29341d 65%,#12190f);
    isolation:isolate;
    overflow:hidden;
    display:flex;
    align-items:center
}
.js .hero-track {
    min-height:488px
}
.js .hero-slide {
    position:absolute;
    inset:0;
    visibility:hidden;
    opacity:0;
    pointer-events:none;
    transition:opacity .55s ease,visibility .55s
}
.js .hero-slide.is-active {
    visibility:visible;
    opacity:1;
    pointer-events:auto;
    z-index:1
}
.hero-slide--promotions {
    background:linear-gradient(115deg,#1d1d16,#383122 65%,#1c1c12)
}
.hero-slide--tournament {
    background:linear-gradient(115deg,#161c17,#23382a 65%,#121c15)
}
.hero-atmosphere {
    position:absolute;
    inset:0;
    background:radial-gradient(ellipse at 75% 52%,#a4925550,transparent 49%),linear-gradient(90deg,#0c130cc9,transparent 74%);
    z-index:-1
}
.hero-atmosphere:after {
    content:"";
    position:absolute;
    inset:0;
    background:repeating-linear-gradient(122deg,transparent 0 120px,#c5ca9620 121px,transparent 122px 225px);
    opacity:.28;
    mask-image:linear-gradient(90deg,transparent,#000)
}
.hero-copy {
    position:relative;
    z-index:3;
    max-width:63%;
    padding:32px clamp(30px,3.4vw,62px) 66px;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    min-width:0
}
.hero-label {
    display:inline-flex;
    gap:9px;
    align-items:center;
    color:#e5c791;
    text-transform:uppercase;
    font-size:11px;
    line-height:1.3;
    font-weight:500;
    letter-spacing:.12em
}
.hero-label .ui-icon {
    width:17px;
    height:17px;
    flex-basis:17px
}
.hero-heading {
    font-size:clamp(39px,3.2vw,60px);
    letter-spacing:-.045em;
    line-height:1.08;
    margin:16px 0 14px;
    font-weight:750;
    color:#fff9ed
}
.hero-heading span {
    background:linear-gradient(115deg,#f8e8c9,#dabb7e);
    background-clip:text;
    -webkit-background-clip:text;
    color:transparent
}
.hero-description {
    font-size:18px;
    line-height:1.55;
    color:#c6cdbb;
    margin:0 0 23px;
    font-weight:400
}
.hero-terms {
    margin:13px 0 0;
    font-size:10px;
    line-height:1.55;
    color:#a4ad96
}
.hero-art {
    position:absolute;
    z-index:0;
    right:4.5%;
    top:50%;
    width:min(37%,425px);
    transform:translateY(-51%);
    aspect-ratio:1;
    display:grid;
    place-items:center;
    isolation:isolate
}
.hero-art:before {
    content:"";
    position:absolute;
    inset:-6%;
    border:1px solid #f6d79c38;
    border-radius:50%;
    box-shadow:inset 0 0 60px #e4c59010,0 0 80px #e4c59010
}
.hero-art:after {
    content:"";
    position:absolute;
    inset:-13%;
    border:1px solid #f6d79c18;
    border-radius:50%;
    z-index:-1
}
.hero-art>img {
    width:100%;
    height:100%;
    object-fit:contain;
    mix-blend-mode:screen;
    filter:drop-shadow(0 16px 22px #0004)
}
.art-orbit {
    position:absolute;
    inset:-1%;
    border:1px solid #efd8a770;
    border-radius:50%;
    border-left-color:transparent;
    border-bottom-color:#efd8a721;
    transform:rotate(-20deg)
}
.hero-spark {
    position:absolute;
    color:var(--gold);
    z-index:1;
    font-size:36px;
    opacity:.75
}
.hero-spark--one {
    right:42%;
    top:18%;
    font-size:24px
}
.hero-spark--two {
    right:4%;
    bottom:20%;
    font-size:43px
}
.hero-controls {
    position:absolute;
    z-index:10;
    left:clamp(30px,3.4vw,62px);
    right:25px;
    bottom:20px;
    display:flex;
    align-items:center;
    gap:20px
}
.hero-dots {
    display:flex;
    align-items:center;
    gap:5px;
    height:32px
}
.hero-dots button {
    position:relative;
    width:24px;
    height:28px;
    display:block;
    border:0;
    border-radius:4px;
    background:transparent;
    padding:0
}
.hero-dots button:after {
    content:"";
    position:absolute;
    left:5px;
    right:5px;
    top:12px;
    height:3px;
    background:#8f9a7859;
    border-radius:4px;
    transition:.25s
}
.hero-dots button.is-active {
    width:38px
}
.hero-dots button.is-active:after {
    background:var(--gold);
    left:0;
    right:0
}
.slide-counter {
    font-size:11px;
    color:#7f8a70;
    letter-spacing:.11em
}
.slide-counter [data-slide-number] {
    color:#e6cda1
}
.hero-arrows {
    display:flex;
    align-items:center;
    gap:6px;
    margin-left:auto
}
.hero-arrows .icon-button {
    width:32px;
    height:32px;
    border-radius:50%;
    border-color:#e1cd9340;
    background:#11180a8a
}
.hero-arrows .icon-button img {
    width:15px;
    height:15px
}
.hero-arrows .icon-button:hover {
    background:#58603950
}
.payment-strip {
    display:flex;
    align-items:center;
    gap:28px;
    margin:0 28px;
    padding:24px 14px;
    border-bottom:1px solid #353b2b;
    min-width:0
}
.payment-caption {
    font-size:11px;
    line-height:1.4;
    flex-shrink:0;
    color:#87917b
}
.payment-logos {
    display:flex;
    align-items:center;
    justify-content:space-evenly;
    gap:38px;
    flex:1 1 auto;
    min-width:0;
    overflow-x:auto;
    scrollbar-width:thin;
    scrollbar-color:#626d4e transparent;
    padding:5px 2px
}
.payment-logos img {
    width:100px;
    height:34px;
    object-fit:contain;
    flex:0 0 100px;
    filter:grayscale(1);
    opacity:.8;
    transition:.2s
}
.payment-logos img:hover {
    filter:none;
    opacity:1
}
.payment-note {
    font-size:10px;
    color:#87917b;
    line-height:1.45;
    flex-shrink:0;
    text-align:right
}
.section {
    padding:33px 28px;
    max-width:var(--content);
    margin:0 auto
}
.offers-section {
    padding-top:29px;
    padding-bottom:25px
}
.promo-grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:17px
}
.promo-card {
    position:relative;
    min-width:0;
    min-height:206px;
    padding:25px;
    display:flex;
    align-items:center;
    background:radial-gradient(circle at 100% 60%,#46512e55,transparent 60%),#20251a;
    border:1px solid #4b51396e;
    border-radius:15px;
    overflow:hidden;
    isolation:isolate;
    box-shadow:0 8px 22px #0001
}
.promo-card--bonus {
    background:radial-gradient(circle at 100% 60%,#68582f66,transparent 65%),#28271c
}
.promo-card--vip {
    background:radial-gradient(circle at 100% 60%,#424a4460,transparent 65%),#1c2620
}
.promo-card:before {
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,#10160975,transparent);
    z-index:-1
}
.promo-copy {
    position:relative;
    z-index:2;
    max-width:78%
}
.promo-title {
    font-size:clamp(20px,1.6vw,26px);
    line-height:1.2;
    margin:0 0 11px;
    letter-spacing:-.025em;
    font-weight:650
}
.promo-copy p {
    font-size:12px;
    line-height:1.65;
    color:#b1b7a2;
    margin:0 0 17px
}
.button--small {
    border-color:#81775278;
    background:#d6ba7c0d;
    color:#efd7aa;
    min-height:33px;
    font-size:11px;
    font-weight:500;
    padding:0 13px;
    gap:12px
}
.button--small img {
    width:15px;
    height:15px;
    flex-basis:15px
}
.button--small:hover {
    background:#81775230;
    border-color:#ae955f
}
.promo-art {
    position:absolute;
    width:162px;
    height:162px;
    right:-22px;
    top:50%;
    transform:translateY(-50%) rotate(-12deg);
    object-fit:contain;
    opacity:.8;
    mask-image:linear-gradient(90deg,transparent,#000 24%);
    z-index:0
}
.promo-card--bonus .promo-art {
    width:186px;
    height:186px;
    right:-25px;
    transform:translateY(-50%) rotate(5deg)
}
.promo-art--cards {
    mix-blend-mode:screen;
    right:-28px;
    width:180px;
    height:180px;
    opacity:.73
}
.intro-section {
    padding-top:30px;
    padding-bottom:37px;
    max-width:1160px
}
.intro-section h1 {
    font-size:clamp(28px,2.4vw,41px);
    line-height:1.22;
    letter-spacing:-.035em;
    margin:0 0 20px;
    font-weight:650
}
.intro-section p {
    font-size:16px;
    line-height:1.9;
    color:#aeb6a1;
    margin:0 0 15px
}
.intro-section p:last-child {
    margin-bottom:0
}
.jackpot-panel {
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:28px;
    margin:12px 28px 27px;
    padding:32px;
    min-height:167px;
    border-radius:17px;
    overflow:hidden;
    isolation:isolate;
    background:radial-gradient(circle at 0 0,#fff0c7,transparent 38%),linear-gradient(120deg,#dab576,#edcf94 60%,#c3a063);
    border:1px solid #e4c889;
    color:#302c1e;
    box-shadow:0 10px 35px #bea35f13
}
.jackpot-panel:before {
    content:"";
    position:absolute;
    width:260px;
    height:260px;
    border:1px solid #77582220;
    border-radius:50%;
    left:12%;
    top:-165px;
    box-shadow:0 0 0 35px #77582208,0 0 0 75px #77582206;
    z-index:-1
}
.jackpot-heading {
    flex:0 0 auto
}
.jackpot-label {
    font-family:Georgia,"Times New Roman",serif;
    font-size:39px;
    line-height:1.2;
    font-style:italic;
    letter-spacing:-.05em;
    font-weight:700
}
.jackpot-label>span {
    font-size:24px;
    font-weight:400;
    padding-left:10px
}
.jackpot-heading p {
    font-size:10px;
    margin:8px 0 0;
    color:#615334
}
.jackpot-total {
    flex:1;
    min-width:0;
    text-align:center
}
.jackpot-number {
    display:block;
    white-space:nowrap;
    font-size:clamp(26px,2.5vw,47px);
    font-weight:700;
    line-height:1.2;
    letter-spacing:-.025em;
    font-variant-numeric:tabular-nums
}
.jackpot-number small {
    font-size:.75em;
    font-weight:400;
    color:#635230
}
.jackpot-note {
    font-size:10px;
    color:#69583a;
    display:block;
    margin-top:10px
}
.jackpot-panel .button {
    flex:0 0 auto;
    font-size:13px;
    padding:0 20px;
    gap:14px
}
.section-head {
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    margin-bottom:23px
}
.section-title {
    font-size:clamp(25px,2vw,32px);
    font-weight:600;
    letter-spacing:-.025em;
    line-height:1.25
}
.search-feedback {
    max-width:var(--content);
    margin:20px auto 0;
    padding:12px 28px;
    font-size:14px;
    color:var(--gold)
}
.games-grid {
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:16px
}
.game-card {
    position:relative;
    min-width:0
}
.game-card>a {
    display:block;
    position:relative;
    overflow:hidden;
    border-radius:12px;
    background:#211a1d;
    aspect-ratio:760/430;
    border:1px solid transparent
}
.game-card>a:focus-visible {
    outline:3px solid var(--gold);
    outline-offset:3px
}
.game-card>a>img {
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .35s,filter .35s
}
.game-overlay {
    position:absolute;
    inset:0;
    background:linear-gradient(0deg,rgba(0,0,0,.88),rgba(0,0,0,.08));
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:10px;
    opacity:0;
    transition:opacity .25s
}
.game-overlay img {
    width:54px;
    height:54px
}
.game-overlay strong {
    position:absolute;
    left:14px;
    right:14px;
    bottom:12px;
    font-size:14px
}
.game-card:hover>a>img {
    transform:scale(1.06);
    filter:brightness(.62)
}
.game-card:hover .game-overlay {
    opacity:1
}
.game-badge {
    position:absolute;
    top:9px;
    left:9px;
    z-index:5;
    background:var(--red);
    color:#fff;
    border-radius:5px;
    padding:3px 8px;
    font-size:10px;
    font-weight:900;
    letter-spacing:.08em
}
.game-card:focus-within .game-overlay {
    opacity:1
}
.game-card:focus-within>a>img {
    transform:scale(1.06);
    filter:brightness(.62)
}
.game-card:focus-within>a {
    border-color:var(--gold)
}
.game-overlay strong {
    font-weight:600;
    line-height:1.15
}
.game-overlay img {
    flex:0 0 auto
}
.game-card>a>img {
    display:block
}
.provider-grid {
    display:grid;
    grid-template-columns:repeat(7,minmax(0,1fr));
    gap:12px
}
.provider-card {
    min-width:0;
    height:84px;
    background:#1e2419;
    border:1px solid #353f2a;
    border-radius:11px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:17px;
    transition:background .2s,border-color .2s,transform .2s
}
.provider-card:hover {
    background:#293321;
    border-color:#71694c;
    transform:translateY(-2px)
}
.provider-card img {
    width:100%;
    height:46px;
    object-fit:contain;
    opacity:.7;
    transition:opacity .2s
}
.provider-card:hover img {
    opacity:1
}
.providers-section {
    padding-bottom:38px
}
.cta-banner {
    position:relative;
    isolation:isolate;
    margin:9px 28px 25px;
    padding:40px 45px;
    border-radius:20px;
    background:linear-gradient(110deg,#25321b,#172014 70%);
    border:1px solid #6266438c;
    overflow:hidden;
    min-height:320px;
    box-shadow:var(--shadow)
}
.cta-banner:before {
    content:"";
    position:absolute;
    inset:0;
    background:radial-gradient(ellipse at 90% 90%,#a58b4555,transparent 63%);
    z-index:-1
}
.cta-copy {
    max-width:70%;
    position:relative;
    z-index:2
}
.cta-label {
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.12em;
    color:#cdb68a;
    display:flex;
    align-items:center;
    gap:9px;
    margin-bottom:14px
}
.cta-label .ui-icon {
    width:18px;
    height:18px;
    flex-basis:18px
}
.cta-title {
    font-size:clamp(28px,2.5vw,42px);
    font-weight:650;
    line-height:1.15;
    letter-spacing:-.03em;
    margin:0 0 16px
}
.cta-title span {
    color:var(--gold-light)
}
.cta-copy>p {
    color:#b4bda4;
    font-size:14px;
    margin:0 0 23px
}
.cta-copy>small {
    display:block;
    font-size:10px;
    color:#9ba88a;
    margin-top:12px
}
.cta-art {
    position:absolute;
    width:330px;
    height:330px;
    right:5%;
    top:50%;
    transform:translateY(-50%) rotate(9deg);
    mix-blend-mode:screen;
    opacity:.65;
    object-fit:contain;
    z-index:0
}
.article-section {
    max-width:1020px;
    padding-top:50px;
    padding-bottom:30px
}
.table-of-contents {
    border:1px solid #3a4530;
    background:#1c2417;
    border-radius:13px;
    padding:19px 23px;
    margin-bottom:37px
}
.table-of-contents summary {
    font-size:14px;
    font-weight:500;
    cursor:pointer;
    color:#d8c298
}
.table-of-contents ol {
    display:flex;
    flex-wrap:wrap;
    gap:8px 21px;
    list-style:none;
    margin:14px 0 0;
    padding:0;
    counter-reset:none
}
.table-of-contents li {
    font-size:12px;
    line-height:1.5;
    margin:0
}
.table-of-contents a {
    color:#a8b499;
    text-decoration:underline;
    text-underline-offset:4px;
    text-decoration-color:#a8b49940
}
.table-of-contents a:hover {
    color:var(--gold)
}
.article-section h2 {
    font-size:27px;
    line-height:1.3;
    font-weight:600;
    color:#ecefdf;
    letter-spacing:-.025em;
    margin:36px 0 15px;
    scroll-margin-top:108px
}
.article-section h3 {
    font-size:20px;
    line-height:1.4;
    font-weight:600;
    color:#d8decc;
    margin:26px 0 13px;
    scroll-margin-top:108px
}
.article-section p,.article-section>ul,.article-section>ol {
    font-size:15px;
    line-height:1.9;
    color:#a8b29c;
    margin:0 0 17px
}
.article-section>ul,.article-section>ol {
    padding-left:23px
}
.article-section>ul li,.article-section>ol li {
    padding-left:3px;
    margin-bottom:7px
}
.article-section strong {
    color:#d0d8c3;
    font-weight:600
}
.article-section em {
    color:#c2cbae
}
.table-scroll {
    max-width:100%;
    overflow:auto;
    scrollbar-width:thin;
    scrollbar-color:#6b7353 transparent;
    border:1px solid #404b33;
    border-radius:12px;
    margin:24px 0
}
.table-scroll table {
    width:100%;
    min-width:560px;
    border-collapse:collapse;
    font-size:12px;
    line-height:1.7
}
.table-scroll caption {
    text-align:left;
    padding:14px 18px;
    background:#232e1b;
    color:#dfe6d2;
    font-size:13px;
    font-weight:500;
    border-bottom:1px solid #3b472e
}
.table-scroll th,.table-scroll td {
    text-align:left;
    padding:14px 18px;
    border-bottom:1px solid #35402b;
    border-right:1px solid #35402b;
    vertical-align:top;
    color:#b6c2a8
}
.table-scroll th {
    font-weight:500;
    color:#dfe4d2
}
.table-scroll thead th {
    background:#20291a;
    color:#d8c193
}
.table-scroll tr:last-child td,.table-scroll tbody tr:last-child th {
    border-bottom:0
}
.table-scroll th:last-child,.table-scroll td:last-child {
    border-right:0
}
.table-scroll tbody tr:nth-child(2n) {
    background:#1e261a
}
.faq-section {
    max-width:1020px;
    padding-top:25px;
    padding-bottom:65px
}
.faq-title {
    font-size:32px;
    font-weight:600;
    letter-spacing:-.03em;
    margin:0 0 23px;
    line-height:1.3
}
.faq-list {
    display:flex;
    flex-direction:column;
    gap:10px
}
.faq-item {
    border:1px solid #3b4730;
    background:#1e2718;
    border-radius:12px;
    overflow:hidden
}
.faq-item summary {
    position:relative;
    cursor:pointer;
    list-style:none;
    padding:19px 55px 19px 22px;
    font-size:14px;
    line-height:1.5;
    font-weight:500;
    color:#d7dfcc;
    min-height:60px
}
.faq-item summary::-webkit-details-marker {
    display:none
}
.faq-indicator {
    position:absolute;
    right:22px;
    top:23px;
    width:14px;
    height:14px
}
.faq-indicator:before,.faq-indicator:after {
    content:"";
    position:absolute;
    background:var(--gold);
    border-radius:2px
}
.faq-indicator:before {
    width:14px;
    height:1px;
    top:6px;
    left:0
}
.faq-indicator:after {
    height:14px;
    width:1px;
    left:6px;
    top:0;
    transition:transform .2s
}
.faq-item[open] .faq-indicator:after {
    transform:rotate(90deg)
}
.faq-item[open] {
    border-color:#6b6d49;
    background:#242f1d
}
.faq-answer {
    padding:0 22px 20px;
    max-width:900px
}
.faq-answer p {
    margin:0;
    font-size:13px;
    color:#aeba9f;
    line-height:1.85
}
.faq-item summary:hover {
    color:var(--gold-light)
}
.site-footer {
    background:#0f150c;
    border-top:1px solid #36402b;
    padding:48px 32px 110px
}
.footer-top {
    display:grid;
    grid-template-columns:1.2fr .8fr .9fr 1fr;
    gap:36px;
    max-width:1504px;
    margin:auto
}
.footer-brand>a {
    display:inline-block
}
.footer-brand img {
    width:117px;
    height:auto
}
.footer-brand p {
    font-size:11px;
    line-height:1.8;
    color:#8e9b7f;
    margin:17px 0 0
}
.footer-heading {
    font-size:13px;
    font-weight:500;
    color:#dce1cd;
    margin:0 0 17px;
    line-height:1.4
}
.footer-nav {
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:7px
}
.footer-nav .footer-heading {
    margin-bottom:8px
}
.footer-nav>a {
    color:#9aaa8b;
    font-size:11px
}
.footer-nav>a:hover {
    color:var(--gold)
}
.footer-social>p {
    font-size:11px;
    line-height:1.8;
    color:#819374;
    margin:15px 0 0
}
.footer-apps .app-links {
    max-width:200px
}
.footer-payments {
    max-width:1504px;
    margin:30px auto 0;
    padding:25px 0;
    display:flex;
    flex-wrap:wrap;
    gap:32px;
    align-items:center;
    border-top:1px solid #333f29;
    border-bottom:1px solid #333f29
}
.footer-payments img {
    width:116px;
    height:42px;
    object-fit:contain;
    filter:grayscale(1);
    opacity:.62
}
.footer-payments>span {
    color:#718663;
    font-size:10px;
    line-height:1.7;
    margin-left:auto
}
.footer-partners {
    max-width:1504px;
    margin:22px auto;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:35px
}
.footer-partners img {
    width:145px;
    height:46px;
    object-fit:contain;
    opacity:.49
}
.footer-responsible {
    max-width:1504px;
    margin:28px auto 0;
    display:flex;
    gap:28px;
    align-items:center;
    padding-top:22px;
    border-top:1px solid #333f29
}
.responsible-logos {
    display:flex;
    align-items:center;
    gap:18px;
    flex:0 0 auto
}
.responsible-logos img {
    object-fit:contain;
    max-width:105px;
    height:42px;
    opacity:.65;
    filter:grayscale(1)
}
.footer-age {
    border:1px solid #768762;
    border-radius:50%;
    width:45px;
    height:45px;
    display:grid;
    place-items:center;
    font-size:14px;
    color:#b9c6a6
}
.footer-responsible>p {
    font-size:10px;
    color:#859576;
    line-height:1.8;
    margin:0
}
.footer-disclaimer {
    max-width:1504px;
    margin:25px auto 0;
    padding:18px 20px;
    background:#171f11;
    border:1px solid #333e29;
    border-radius:9px;
    font-size:11px;
    color:#a1af92;
    line-height:1.8
}
.footer-bottom {
    display:flex;
    align-items:center;
    gap:22px;
    flex-wrap:wrap;
    max-width:1504px;
    margin:24px auto 0;
    font-size:10px;
    color:#77876a
}
.footer-bottom>span {
    margin-right:auto
}
.footer-bottom>a:hover {
    color:var(--gold)
}
.floating-controls {
    position:fixed;
    right:20px;
    bottom:110px;
    display:flex;
    flex-direction:column;
    gap:9px;
    z-index:80
}
.floating-controls .icon-button {
    width:43px;
    height:43px;
    border-radius:50%;
    background:#20281af5;
    border-color:#61664a;
    box-shadow:0 4px 18px #0004
}
.floating-controls .icon-button:hover {
    background:#37412a
}
.cookie-notice {
    position:fixed;
    bottom:17px;
    left:calc(var(--side) + 26px);
    right:26px;
    z-index:120;
    display:flex;
    align-items:center;
    gap:18px;
    background:#262d1ff5;
    border:1px solid #69714f;
    border-radius:13px;
    padding:16px 19px;
    box-shadow:0 10px 50px #0006;
    backdrop-filter:blur(12px);
    max-width:1400px;
    margin:auto
}
.cookie-icon {
    flex:0 0 auto;
    width:37px;
    height:37px;
    border-radius:50%;
    background:#40482d;
    display:grid;
    place-items:center
}
.cookie-icon .ui-icon {
    width:21px;
    height:21px
}
.cookie-notice p {
    font-size:11px;
    line-height:1.65;
    color:#c4cbb4;
    margin:0;
    flex:1;
    min-width:0
}
.cookie-notice p>a {
    text-decoration:underline;
    text-underline-offset:2px
}
.cookie-notice>.button {
    font-size:12px;
    flex-shrink:0;
    min-height:40px
}
.cookie-notice>.icon-button {
    background:transparent;
    border-color:transparent;
    width:25px;
    height:32px
}
.cookie-notice>.icon-button img {
    width:17px;
    height:17px
}
.toast {
    position:fixed;
    z-index:150;
    left:calc(var(--side) + 24px);
    bottom:120px;
    max-width:min(460px,calc(100% - var(--side) - 48px));
    display:flex;
    align-items:center;
    gap:14px;
    padding:16px 18px;
    border-radius:12px;
    background:#e6d6b1;
    color:#2d3023;
    border:1px solid #f4e5c4;
    box-shadow:0 12px 40px #0006;
    font-size:13px;
    line-height:1.6
}
.toast .icon-button {
    width:28px;
    height:28px;
    background:#3e412117;
    border:0
}
.toast img {
    filter:brightness(.25)
}
@media(min-width:1840px) {
    .hero-slider,.payment-strip,.jackpot-panel,.cta-banner {
        max-width:1504px;
        margin-left:auto;
        margin-right:auto
    }
    .hero-copy {
        max-width:65%
    }
    .hero-art {
        right:7%
    }
    .promo-art {
        right:-3px;
        opacity:.93
    }
    .promo-art--cards {
        right:-10px
    }
    .promo-card--bonus .promo-art {
        right:-7px
    }
    .section {
        padding-top:37px;
        padding-bottom:37px
    }
    .intro-section {
        padding-top:38px;
        padding-bottom:39px
    }
}
@media(max-width:1599px) {
    .header-message {
        display:none
    }
    .site-header {
        gap:15px
    }
    .header-nav a {
        padding-left:10px;
        padding-right:10px
    }
    .hero-heading {
        font-size:47px
    }
    .hero-copy {
        max-width:65%;
        padding-left:40px
    }
    .hero-art {
        right:4%;
        width:36%
    }
    .hero-controls {
        left:40px
    }
    .jackpot-panel {
        gap:20px;
        padding:28px
    }
    .jackpot-label {
        font-size:33px
    }
    .jackpot-heading p {
        font-size:9px
    }
    .jackpot-number {
        font-size:34px
    }
    .jackpot-note {
        font-size:9px
    }
    .jackpot-panel .button {
        font-size:12px;
        padding:0 16px
    }
    .footer-top {
        gap:23px
    }
    .footer-payments {
        gap:25px
    }
}
@media(max-width:1279px) {
    .site-header {
        padding-left:22px;
        padding-right:22px;
        gap:10px
    }
    .header-nav a {
        padding-left:7px;
        padding-right:7px;
        font-size:12px
    }
    .search-box {
        width:180px
    }
    .header-actions {
        gap:7px
    }
    .button--register {
        padding:0 17px
    }
    .button--login {
        min-width:66px;
        padding:0 14px
    }
    .hero-slider {
        margin:23px 22px 0
    }
    .hero-copy {
        max-width:66%;
        padding-left:33px
    }
    .hero-heading {
        font-size:42px
    }
    .hero-description {
        font-size:16px
    }
    .hero-controls {
        left:33px
    }
    .hero-art {
        right:4%;
        width:34%
    }
    .hero-slide,.js .hero-track {
        min-height:456px
    }
    .section {
        padding:29px 22px
    }
    .payment-strip {
        margin:0 22px;
        gap:18px;
        padding:20px 6px
    }
    .payment-note {
        display:none
    }
    .payment-logos {
        gap:28px
    }
    .payment-logos img {
        width:95px;
        flex-basis:95px
    }
    .promo-card {
        padding:21px;
        min-height:200px
    }
    .promo-art {
        width:140px;
        height:140px;
        right:-25px;
        opacity:.65
    }
    .promo-art--cards {
        width:156px;
        height:156px
    }
    .promo-card--bonus .promo-art {
        width:160px;
        height:160px;
        right:-30px
    }
    .promo-copy {
        max-width:89%
    }
    .promo-title {
        font-size:21px
    }
    .promo-copy p {
        font-size:11px
    }
    .jackpot-panel {
        margin:12px 22px 23px;
        flex-wrap:wrap;
        padding:25px 28px;
        gap:20px
    }
    .jackpot-total {
        flex:1
    }
    .jackpot-panel .button {
        min-height:45px
    }
    .jackpot-heading p {
        display:none
    }
    .jackpot-number {
        font-size:33px
    }
    .provider-card {
        padding:14px;
        height:76px
    }
    .cta-banner {
        margin:10px 22px 25px;
        padding:35px
    }
    .cta-art {
        width:290px;
        height:290px;
        right:1%
    }
    .site-footer {
        padding-left:25px;
        padding-right:25px
    }
    .footer-top {
        grid-template-columns:1.1fr .8fr 1fr;
        row-gap:28px
    }
    .footer-social {
        grid-row:2;
        grid-column:1 / -1;
        display:flex;
        align-items:center;
        gap:22px
    }
    .footer-social>.footer-heading,.footer-social>p {
        margin:0
    }
    .footer-apps {
        grid-column:3;
        grid-row:1
    }
    .footer-partners {
        gap:24px
    }
    .footer-payments {
        gap:20px
    }
    .footer-payments img {
        width:100px
    }
    .footer-responsible {
        flex-wrap:wrap;
        gap:20px
    }
    .cookie-notice {
        left:calc(var(--side) + 18px);
        right:18px;
        gap:12px;
        padding:14px
    }
    .cookie-icon {
        display:none
    }
}
@media(max-width:1099px) {
    :root {
        --side:0px
    }
    .page-shell {
        margin-left:0
    }
    .side-panel {
        width:min(295px,calc(100% - 42px));
        padding:23px;
        visibility:hidden;
        transform:translateX(-105%);
        transition:transform .26s ease,visibility .26s;
        pointer-events:none
    }
    .side-panel.is-open {
        transform:translateX(0);
        visibility:visible;
        pointer-events:auto
    }
    .side-panel__top {
        padding-bottom:22px
    }
    .brand-mark img {
        width:125px
    }
    .drawer-close {
        position:absolute;
        right:0;
        top:0;
        display:inline-flex;
        background:transparent;
        border:0
    }
    .menu-button {
        display:inline-flex;
        background:transparent;
        border:0
    }
    .mobile-brand {
        display:block;
        flex:0 0 75px
    }
    .mobile-brand img {
        width:75px;
        height:auto
    }
    .site-header {
        padding:12px 22px;
        gap:16px;
        min-height:82px
    }
    .search-box {
        width:190px
    }
    .header-nav {
        margin-left:auto
    }
    .header-actions {
        margin-left:0
    }
    .header-nav a {
        font-size:12px
    }
    .hero-heading {
        font-size:45px
    }
    .hero-art {
        width:35%;
        right:5%
    }
    .hero-copy {
        max-width:65%
    }
    .hero-slide,.js .hero-track {
        min-height:465px
    }
    .side-offer {
        padding:14px 13px
    }
    .side-offer strong {
        font-size:16px
    }
    .secondary-nav a {
        font-size:13px
    }
    .app-links {
        max-width:none
    }
    .cookie-notice {
        left:20px;
        right:20px
    }
    .toast {
        left:20px;
        max-width:min(460px,calc(100% - 40px))
    }
    html:not(.js) .side-panel {
        position:static;
        visibility:visible;
        transform:none;
        width:auto;
        height:auto;
        pointer-events:auto;
        display:block
    }
    html:not(.js) .side-panel__foot {
        margin-top:20px
    }
    html:not(.js) .side-connect {
        display:none
    }
    html:not(.js) .main-nav {
        display:grid;
        grid-template-columns:repeat(4,minmax(0,1fr))
    }
    html:not(.js) .secondary-nav {
        display:flex;
        flex-direction:row;
        flex-wrap:wrap
    }
    html:not(.js) .menu-button,html:not(.js) .drawer-close {
        display:none
    }
}
@media(max-width:899px) {
    .site-header {
        gap:12px
    }
    .header-nav {
        gap:0
    }
    .header-nav a {
        padding:8px 6px;
        font-size:11px
    }
    .search-box {
        width:155px
    }
    .search-box kbd {
        display:none
    }
    .hero-art {
        width:36%;
        right:3%
    }
    .hero-copy {
        max-width:68%;
        padding-left:30px
    }
    .hero-heading {
        font-size:40px
    }
    .hero-description {
        font-size:16px
    }
    .hero-controls {
        left:30px
    }
    .hero-spark--one {
        right:35%
    }
    .promo-grid {
        gap:12px
    }
    .promo-card {
        padding:20px;
        min-height:214px;
        align-items:flex-start
    }
    .promo-copy {
        max-width:100%
    }
    .promo-title {
        font-size:22px
    }
    .promo-copy p {
        font-size:11px;
        max-width:170px
    }
    .promo-art {
        top:auto;
        bottom:-17px;
        right:-38px;
        width:133px;
        height:133px;
        transform:rotate(-13deg);
        opacity:.4
    }
    .promo-card--bonus .promo-art {
        top:auto;
        bottom:-25px;
        right:-42px;
        transform:rotate(0);
        width:150px;
        height:150px;
        opacity:.5
    }
    .promo-art--cards {
        width:145px;
        height:145px;
        opacity:.43
    }
    .promo-card .button {
        margin-top:8px
    }
    .intro-section p {
        font-size:15px
    }
    .jackpot-panel {
        gap:15px
    }
    .jackpot-number {
        font-size:30px
    }
    .jackpot-label {
        font-size:32px
    }
    .jackpot-panel .button {
        font-size:11px;
        padding:0 14px;
        gap:9px
    }
    .jackpot-panel .button img {
        width:17px;
        height:17px;
        flex-basis:17px
    }
    .games-grid {
        grid-template-columns:repeat(4,minmax(0,1fr));
        gap:13px
    }
    .game-overlay img {
        width:38px;
        height:38px
    }
    .game-overlay strong {
        font-size:12px;
        left:10px;
        right:10px;
        bottom:9px
    }
    .provider-grid {
        grid-template-columns:repeat(4,minmax(0,1fr))
    }
    .provider-card {
        height:78px;
        padding:17px
    }
    .provider-card img {
        height:43px
    }
    .cta-copy {
        max-width:75%
    }
    .cta-title {
        font-size:31px
    }
    .cta-art {
        right:-42px;
        opacity:.45
    }
    .footer-payments>span {
        margin-left:0
    }
    .footer-partners {
        justify-content:space-between
    }
    .footer-partners img {
        width:125px
    }
    .site-footer {
        padding-bottom:130px
    }
    .cookie-notice p {
        font-size:10px
    }
    .cookie-notice>.button {
        font-size:11px;
        padding:0 14px
    }
}
@media(max-width:719px) {
    html {
        scroll-padding-top:137px
    }
    .site-header {
        display:grid;
        grid-template-columns:35px 1fr auto;
        grid-template-areas:"menu brand actions" "search search nav";
        gap:10px 10px;
        padding:11px 17px;
        min-height:118px
    }
    .menu-button {
        grid-area:menu;
        width:34px;
        height:38px
    }
    .mobile-brand {
        grid-area:brand;
        width:71px
    }
    .mobile-brand img {
        width:71px
    }
    .header-actions {
        grid-area:actions;
        justify-content:flex-end;
        gap:7px
    }
    .header-actions .button {
        font-size:12px;
        min-height:42px;
        padding:0 14px
    }
    .header-actions .button--login {
        min-width:61px;
        padding:0 13px
    }
    .search-box {
        grid-area:search;
        width:100%;
        height:36px;
        padding:0 10px;
        gap:8px
    }
    .search-box input {
        font-size:11px
    }
    .header-nav {
        grid-area:nav;
        justify-content:flex-end;
        width:100%;
        gap:3px
    }
    .header-nav a {
        font-size:11px;
        padding:7px 5px
    }
    .hero-slider {
        margin:18px 17px 0;
        border-radius:16px
    }
    .hero-copy {
        max-width:100%;
        padding:38px 29px 65px;
        align-self:stretch;
        justify-content:center
    }
    .hero-slide,.js .hero-track {
        min-height:484px
    }
    .hero-heading {
        font-size:43px;
        max-width:85%;
        margin:17px 0 15px
    }
    .hero-description {
        font-size:17px;
        max-width:76%;
        color:#d0d5c7
    }
    .hero-label {
        font-size:10px;
        letter-spacing:.1em
    }
    .hero-terms {
        font-size:10px;
        color:#b0b9a3
    }
    .hero-art {
        width:355px;
        max-width:80%;
        right:-15%;
        top:47%;
        opacity:.34;
        transform:translateY(-50%)
    }
    .hero-art img {
        filter:none
    }
    .hero-atmosphere {
        z-index:1;
        background:linear-gradient(90deg,#131c0af2 0,#131c0aa8 42%,#131c0a0d 100%)
    }
    .hero-slide--promotions .hero-atmosphere {
        background:linear-gradient(90deg,#201e11ee,#201e1199 50%,transparent)
    }
    .hero-slide--tournament .hero-atmosphere {
        background:linear-gradient(90deg,#111c14ee,#111c1488 50%,transparent)
    }
    .hero-spark--one {
        right:17%;
        top:15%;
        opacity:.4
    }
    .hero-spark--two {
        right:10%;
        bottom:22%;
        opacity:.4
    }
    .hero-controls {
        left:29px;
        right:18px;
        bottom:18px;
        gap:14px
    }
    .payment-strip {
        margin:0 17px;
        gap:18px;
        padding:19px 3px
    }
    .payment-caption {
        display:none
    }
    .payment-logos {
        justify-content:flex-start;
        gap:24px;
        padding:5px 3px
    }
    .payment-logos img {
        width:90px;
        flex-basis:90px;
        height:30px
    }
    .section {
        padding:26px 17px
    }
    .promo-grid {
        grid-template-columns:1fr;
        gap:12px
    }
    .promo-card {
        min-height:175px;
        align-items:center;
        padding:23px 25px
    }
    .promo-title {
        font-size:25px;
        margin-bottom:8px
    }
    .promo-copy p {
        font-size:12px;
        line-height:1.6;
        margin-bottom:11px;
        max-width:none
    }
    .promo-copy p br {
        display:none
    }
    .promo-copy {
        max-width:70%
    }
    .promo-card .button {
        margin-top:0
    }
    .promo-art {
        width:165px;
        height:165px;
        top:50%;
        bottom:auto;
        right:-3px;
        transform:translateY(-50%) rotate(-12deg);
        opacity:.78;
        mask-image:linear-gradient(90deg,transparent,#000 18%)
    }
    .promo-card--bonus .promo-art {
        top:50%;
        bottom:auto;
        right:-8px;
        transform:translateY(-50%);
        width:195px;
        height:195px;
        opacity:.83
    }
    .promo-art--cards {
        width:177px;
        height:177px;
        right:-2px;
        opacity:.8
    }
    .intro-section {
        padding-top:17px;
        padding-bottom:26px
    }
    .intro-section h1 {
        font-size:30px;
        margin-bottom:17px
    }
    .intro-section p {
        font-size:15px;
        line-height:1.85
    }
    .jackpot-panel {
        margin:10px 17px 22px;
        padding:25px;
        display:grid;
        grid-template-columns:1fr;
        gap:17px;
        text-align:center
    }
    .jackpot-heading p {
        display:none
    }
    .jackpot-label {
        font-size:35px
    }
    .jackpot-number {
        font-size:clamp(30px,7vw,43px)
    }
    .jackpot-note {
        font-size:9px;
        margin-top:7px
    }
    .jackpot-panel .button {
        justify-self:center;
        font-size:13px;
        padding:0 22px;
        width:min(100%,330px);
        min-height:48px
    }
    .section-head {
        gap:12px;
        margin-bottom:18px
    }
    .section-title {
        font-size:26px
    }
    .games-grid {
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:11px
    }
    .game-overlay strong {
        font-size:11px;
        bottom:8px;
        left:9px;
        right:9px
    }
    .game-overlay img {
        width:31px;
        height:31px
    }
    .provider-grid {
        gap:9px
    }
    .provider-card {
        height:69px;
        padding:12px
    }
    .provider-card img {
        height:36px
    }
    .cta-banner {
        margin:5px 17px 14px;
        padding:31px 28px;
        min-height:328px;
        border-radius:16px
    }
    .cta-copy {
        max-width:100%
    }
    .cta-title {
        font-size:30px;
        max-width:95%
    }
    .cta-copy>p {
        font-size:13px;
        max-width:83%
    }
    .cta-label {
        font-size:10px;
        letter-spacing:.08em
    }
    .cta-art {
        right:-90px;
        opacity:.27;
        width:290px;
        height:290px
    }
    .cta-copy>small {
        max-width:85%;
        font-size:9px
    }
    .article-section {
        padding-top:34px;
        padding-bottom:14px
    }
    .table-of-contents {
        padding:18px;
        margin-bottom:29px
    }
    .table-of-contents ol {
        gap:10px 17px
    }
    .table-of-contents li {
        font-size:11px
    }
    .article-section h2 {
        font-size:25px;
        scroll-margin-top:140px;
        margin:28px 0 13px
    }
    .article-section h3 {
        font-size:19px;
        scroll-margin-top:140px
    }
    .article-section p,.article-section>ul,.article-section>ol {
        font-size:14px;
        line-height:1.9
    }
    .faq-section {
        padding-bottom:45px
    }
    .faq-title {
        font-size:28px
    }
    .faq-item summary {
        font-size:13px;
        padding:18px 46px 18px 18px
    }
    .faq-indicator {
        right:18px;
        top:22px
    }
    .faq-answer {
        padding:0 18px 18px
    }
    .faq-answer p {
        font-size:12px
    }
    .site-footer {
        padding:34px 20px 175px
    }
    .footer-top {
        grid-template-columns:1fr 1fr;
        gap:28px 23px
    }
    .footer-brand {
        grid-column:1;
        grid-row:1
    }
    .footer-nav {
        grid-column:2;
        grid-row:1
    }
    .footer-social {
        grid-column:1;
        grid-row:2;
        display:block
    }
    .footer-social>.footer-heading {
        margin-bottom:15px
    }
    .footer-social>p {
        margin-top:13px
    }
    .footer-apps {
        grid-column:2;
        grid-row:2
    }
    .footer-heading {
        font-size:12px
    }
    .footer-brand p {
        font-size:11px
    }
    .footer-apps .app-button {
        padding:8px 11px;
        gap:9px;
        min-height:45px
    }
    .footer-apps .app-button strong {
        font-size:12px
    }
    .footer-apps .app-button span {
        font-size:9px
    }
    .footer-apps .app-button img {
        width:19px;
        flex-basis:19px
    }
    .footer-payments {
        gap:20px 25px;
        padding:22px 0
    }
    .footer-payments img {
        width:90px;
        height:36px
    }
    .footer-payments>span {
        width:100%
    }
    .footer-payments>span br {
        display:none
    }
    .footer-partners {
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:18px 25px
    }
    .footer-partners img {
        width:135px;
        max-width:100%;
        height:40px
    }
    .responsible-logos {
        gap:17px;
        flex-wrap:wrap
    }
    .responsible-logos img {
        width:95px;
        height:38px
    }
    .footer-responsible {
        gap:16px
    }
    .footer-disclaimer {
        font-size:10px;
        padding:15px
    }
    .footer-bottom {
        gap:13px;
        font-size:10px
    }
    .footer-bottom>span {
        flex:1 0 100%;
        margin:0
    }
    .cookie-notice {
        left:13px;
        right:13px;
        bottom:12px;
        border-radius:11px;
        display:grid;
        grid-template-columns:1fr 25px;
        gap:11px 9px;
        padding:14px 15px
    }
    .cookie-notice p {
        grid-column:1;
        grid-row:1;
        font-size:10px;
        line-height:1.65
    }
    .cookie-notice>.button {
        grid-column:1;
        grid-row:2;
        justify-self:start;
        padding:0 17px;
        min-height:34px;
        font-size:11px
    }
    .cookie-notice>.icon-button {
        grid-column:2;
        grid-row:1;
        align-self:start;
        height:24px;
        width:24px
    }
    .floating-controls {
        right:16px;
        bottom:185px;
        gap:7px
    }
    .floating-controls .icon-button {
        width:39px;
        height:39px
    }
    .toast {
        bottom:187px;
        left:15px;
        right:15px;
        max-width:none;
        font-size:12px
    }
    .button--large {
        min-height:49px;
        font-size:14px
    }
}
@media(max-width:479px) {
    .site-header {
        padding-left:13px;
        padding-right:13px;
        gap:10px 7px;
        grid-template-columns:32px 1fr auto
    }
    .mobile-brand img {
        width:65px
    }
    .header-actions .button {
        font-size:11px;
        padding:0 12px
    }
    .header-actions .button--login {
        min-width:53px;
        padding:0 11px
    }
    .header-nav {
        gap:2px
    }
    .header-nav a {
        font-size:10px;
        padding:6px 4px
    }
    .search-box {
        height:34px;
        gap:6px;
        padding:0 8px
    }
    .search-box input {
        font-size:10px
    }
    .search-box .ui-icon {
        width:14px;
        flex-basis:14px;
        height:14px
    }
    .hero-slider {
        margin:14px 13px 0
    }
    .hero-copy {
        padding:33px 23px 63px
    }
    .hero-slide,.js .hero-track {
        min-height:467px
    }
    .hero-heading {
        font-size:37px;
        max-width:100%;
        letter-spacing:-.035em
    }
    .hero-label {
        font-size:9px;
        letter-spacing:.08em
    }
    .hero-label .ui-icon {
        width:16px;
        height:16px;
        flex-basis:16px
    }
    .hero-description {
        font-size:16px;
        line-height:1.55;
        max-width:91%;
        margin-bottom:22px
    }
    .hero-art {
        width:320px;
        max-width:90%;
        right:-18%;
        opacity:.32
    }
    .hero-terms {
        font-size:9px
    }
    .hero-controls {
        left:22px;
        bottom:16px;
        gap:13px
    }
    .hero-arrows {
        gap:5px
    }
    .hero-arrows .icon-button {
        width:29px;
        height:29px
    }
    .slide-counter {
        font-size:10px
    }
    .payment-strip {
        margin:0 13px;
        padding:17px 0
    }
    .payment-logos {
        gap:23px
    }
    .payment-logos img {
        width:79px;
        flex-basis:79px;
        height:28px
    }
    .section {
        padding:23px 13px
    }
    .promo-card {
        padding:21px;
        min-height:182px
    }
    .promo-copy {
        max-width:73%
    }
    .promo-title {
        font-size:24px
    }
    .promo-copy p {
        font-size:11px;
        max-width:185px
    }
    .promo-art {
        right:-20px;
        width:151px;
        height:151px;
        opacity:.64
    }
    .promo-card--bonus .promo-art {
        right:-18px;
        width:170px;
        height:170px;
        opacity:.7
    }
    .promo-art--cards {
        right:-16px;
        width:161px;
        height:161px
    }
    .intro-section h1 {
        font-size:28px;
        line-height:1.27
    }
    .intro-section p {
        font-size:14px;
        line-height:1.9
    }
    .jackpot-panel {
        margin:8px 13px 19px;
        padding:24px 19px;
        gap:14px
    }
    .jackpot-label {
        font-size:35px
    }
    .jackpot-number {
        font-size:32px
    }
    .jackpot-note {
        font-size:8px
    }
    .section-title {
        font-size:23px
    }
    .section-head {
        gap:10px;
        margin-bottom:16px
    }
    .section-head .button--ghost {
        min-height:33px;
        padding:0 13px;
        font-size:11px
    }
    .games-grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:10px
    }
    .game-card>a {
        border-radius:10px
    }
    .game-overlay strong {
        font-size:11px
    }
    .game-overlay img {
        width:33px;
        height:33px
    }
    .provider-grid {
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:8px
    }
    .provider-card {
        height:64px;
        padding:11px;
        border-radius:9px
    }
    .provider-card img {
        height:33px
    }
    .cta-banner {
        margin:4px 13px 12px;
        padding:28px 22px;
        min-height:320px
    }
    .cta-title {
        font-size:27px;
        max-width:100%;
        line-height:1.2
    }
    .cta-copy>p {
        font-size:12px;
        max-width:92%
    }
    .cta-label {
        font-size:9px
    }
    .cta-copy>small {
        max-width:95%;
        font-size:8px
    }
    .article-section {
        padding-top:29px
    }
    .article-section h2 {
        font-size:23px
    }
    .article-section h3 {
        font-size:18px
    }
    .article-section p,.article-section>ul,.article-section>ol {
        font-size:13px;
        line-height:1.9
    }
    .table-of-contents {
        padding:16px
    }
    .table-of-contents ol {
        gap:10px 15px
    }
    .table-of-contents li {
        font-size:10px
    }
    .faq-title {
        font-size:27px
    }
    .faq-item summary {
        font-size:12px
    }
    .faq-answer p {
        font-size:12px
    }
    .site-footer {
        padding-left:16px;
        padding-right:16px
    }
    .footer-top {
        gap:26px 17px
    }
    .footer-heading {
        font-size:11px
    }
    .footer-brand p {
        font-size:10px;
        line-height:1.8
    }
    .footer-brand img {
        width:105px
    }
    .footer-nav>a {
        font-size:10px
    }
    .footer-social .social-links {
        gap:6px
    }
    .footer-social .social-links a {
        width:29px;
        height:29px;
        border-radius:7px
    }
    .footer-social .social-links img {
        width:14px;
        height:14px
    }
    .footer-social p {
        font-size:10px
    }
    .footer-apps .app-button {
        padding:8px 9px;
        gap:7px
    }
    .footer-apps .app-button strong {
        font-size:11px
    }
    .footer-payments {
        gap:19px 20px
    }
    .footer-payments img {
        width:84px;
        height:34px
    }
    .footer-responsible>p {
        font-size:9px
    }
    .responsible-logos {
        gap:13px
    }
    .responsible-logos img {
        width:91px
    }
    .footer-age {
        width:39px;
        height:39px;
        font-size:12px
    }
    .footer-disclaimer {
        padding:13px;
        font-size:9px
    }
    .cookie-notice p {
        font-size:9px
    }
    .cookie-notice {
        gap:9px;
        padding:13px
    }
    .toast {
        bottom:181px
    }
    .floating-controls {
        bottom:177px
    }
}
@media(max-width:359px) {
    .header-actions .button {
        padding:0 10px;
        font-size:10px
    }
    .mobile-brand img {
        width:58px
    }
    .hero-heading {
        font-size:33px
    }
    .hero-label {
        letter-spacing:.02em
    }
    .hero-copy {
        padding-left:20px;
        padding-right:20px
    }
    .section-title {
        font-size:21px
    }
    .jackpot-number {
        font-size:28px
    }
    .footer-apps .app-button img {
        width:16px;
        flex-basis:16px
    }
}
@media(hover:none) {
    .game-overlay {
        opacity:1;
        background:linear-gradient(0deg,#000c,transparent 70%)
    }
    .game-overlay>img {
        display:none
    }
    .game-overlay strong {
        font-size:10px;
        bottom:7px;
        left:8px;
        right:8px;
        text-shadow:0 1px 3px #000
    }
    .game-card:hover>a>img {
        transform:none;
        filter:none
    }
}
@media(prefers-reduced-motion:reduce) {
    html {
        scroll-behavior:auto
    }
    *,*::before,*::after {
        animation-duration:.01ms!important;
        animation-iteration-count:1!important;
        transition-duration:.01ms!important;
        scroll-behavior:auto!important
    }
    .shine:after {
        display:none
    }
    .button:hover,.provider-card:hover {
        transform:none
    }
}
@media print {
    .side-panel,.site-header,.hero-controls,.cookie-notice,.floating-controls,.toast,.hero-slider,.promo-grid,.jackpot-panel,.cta-banner,.site-footer {
        display:none!important
    }
    .page-shell {
        margin:0
    }
    .section {
        max-width:none;
        padding:16px 0
    }
    .game-overlay {
        display:none
    }
    .article-section p,.article-section li,.article-section h2,.article-section h3,.intro-section p {
        color:#111
    }
    body {
        background:#fff;
        color:#111
    }
    .table-scroll {
        overflow:visible
    }
    .table-scroll table {
        min-width:0
    }
    .table-of-contents {
        display:none
    }
}
.payment-logos img {
    filter:grayscale(1) brightness(0) invert(.76);
    opacity:.94
}
.payment-logos img:hover {
    filter:grayscale(1) brightness(0) invert(.95)
}
.footer-payments img {
    filter:grayscale(1) brightness(0) invert(.8);
    opacity:.72
}
.payment-logos img {
    filter:grayscale(1) brightness(1.4);
    opacity:.85
}
.payment-logos img:hover {
    filter:grayscale(0);
    opacity:1
}
.payment-logos img[src*="payment-visa"],.footer-payments img[src*="payment-visa"] {
    filter:grayscale(1) brightness(0) invert(.82)
}
.footer-payments img {
    filter:grayscale(1) brightness(1.4);
    opacity:.75
}
@media(max-width:719px) {
    .hero-slide--tournament .hero-heading {
        max-width:100%;
        font-size:37px
    }
    .hero-slide--tournament .hero-heading>span {
        white-space:nowrap;
        font-size:clamp(29px,7.3vw,43px);
        letter-spacing:-.045em
    }
}
.floating-controls {
    bottom:24px
}
.has-cookie-notice .floating-controls {
    bottom:116px
}
.toast {
    bottom:84px
}
.has-cookie-notice .toast {
    bottom:122px
}
.nav-open .cookie-notice,.nav-open .floating-controls,.nav-open .toast {
    visibility:hidden
}
@media(max-width:719px) {
    .floating-controls {
        bottom:22px
    }
    .has-cookie-notice .floating-controls {
        bottom:184px
    }
    .toast {
        bottom:77px
    }
    .has-cookie-notice .toast {
        bottom:187px
    }
}
@media(max-width:479px) {
    .has-cookie-notice .floating-controls {
        bottom:177px
    }
    .has-cookie-notice .toast {
        bottom:181px
    }
}
@media(max-width:719px) {
    html:not(.js) .main-nav {
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
}
@media(max-width:479px) {
    .hero-terms {
        font-size:10px
    }
    .cookie-notice p {
        font-size:10px
    }
    .cta-copy>small {
        font-size:9px
    }
    .jackpot-note {
        font-size:9px
    }
}
.provider-card img {
    filter:grayscale(1) invert(1);
    opacity:.78
}
.provider-card:hover img {
    opacity:1
}
.footer-partners img {
    filter:grayscale(1) invert(1);
    opacity:.67
}
.compact-social-link {
    display: inline-grid !important;
    place-items: center;
    width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 7px !important;
    flex: 0 0 34px !important;
}
.compact-social-link img {
    width: 18px !important;
    height: 18px !important;
    object-fit: contain;
}
/* Shared content and small-screen refinements. */
[hidden] {
    display: none !important;
}
:where(.intro-section, .reading-guide, .content-guide, .post-content-section, .article-section, .reading-area) {
    min-width: 0;
}
.source-copy :where(h2,h3) {
    scroll-margin-top: 120px;
}
.content-table-scroll {
    overflow-x: auto;
    max-width: 100%;
    margin-block: 24px;
}
.content-table-scroll table {
    width: 100%;
    border-collapse: collapse;
}
.content-table-scroll th, .content-table-scroll td {
    text-align: left;
    padding: 14px 16px;
    border: 1px solid rgba(160,170,190,.25);
}
.content-table-scroll th {
    background: rgba(160,170,190,.09);
}
.content-table-scroll:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 3px;
}
#article > .toc, #article > .wp-toc {
    padding: 20px 24px;
    border: 1px solid rgba(160,170,190,.24);
    border-radius: 12px;
    background: rgba(160,170,190,.05);
    margin-bottom: 30px;
}
#article > .toc summary, #article > .wp-toc summary {
    cursor: pointer;
    font-weight: 700;
}
#article > .toc ol, #article > .wp-toc ol {
    padding-left: 22px;
}
#article > .toc li, #article > .wp-toc li {
    margin-block: 8px;
}
#article > .toc a, #article > .wp-toc a {
    color: inherit;
}
#faq > h2 {
    margin: 0 0 24px;
}
.catalog-feedback {
    color: inherit;
    font-size: 14px;
    margin: 8px 0 16px;
    opacity: .8;
}
#jackpot :where(strong,[data-static-amount],.jackpot-number) {
    font-variant-numeric: tabular-nums;
}
#jackpot [data-static-amount] {
    white-space: nowrap;
}
@media (max-width: 600px) {
    #article > .toc, #article > .wp-toc {
        padding: 16px;
    }
    #jackpot :where(strong,.jackpot-number) {
        font-size: clamp(25px,7.3vw,42px);
    }
    #faq summary, #faq button {
        overflow-wrap: anywhere;
    }
}
@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
}