:root {
    --page-bg:#101532;
    --page-bg-2:#151b42;
    --sidebar-bg:#121735;
    --panel:#1b2350;
    --panel-2:#222c62;
    --panel-3:#29356f;
    --text:#f7f9ff;
    --muted:#aeb7d9;
    --muted-2:#7f8ab5;
    --line:#35417a;
    --line-soft:rgba(145,165,255,.18);
    --blue:#1f6cff;
    --blue-2:#3d8cff;
    --cyan:#52d7ff;
    --violet:#8c5dff;
    --pink:#ff63cf;
    --orange:#ff9b4a;
    --success:#70e2b5;
    --sidebar-width:236px;
    --content-max:1720px;
    --radius-sm:10px;
    --radius:16px;
    --radius-lg:24px;
    --shadow:0 22px 62px rgba(3,7,28,.36);
    --focus:#8eeaff;
}
* {
    box-sizing:border-box
}
html {
    width:100%;
    max-width:100%;
    scroll-behavior:smooth;
    scroll-padding-top:138px;
    overflow-x:clip
}
body {
    margin:0;
    width:100%;
    max-width:100%;
    overflow-x:clip;
    background:radial-gradient(circle at 84% 2%,rgba(70,82,190,.18),transparent 30%),linear-gradient(180deg,var(--page-bg-2),var(--page-bg) 46%,#0d112a);
    color:var(--text);
    font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    font-size:16px;
    line-height:1.6;
    text-rendering:optimizeLegibility
}
body.menu-open {
    overflow:hidden
}
a {
    color:inherit;
    text-decoration:none
}
button,input {
    font:inherit
}
button {
    color:inherit
}
img,svg {
    display:block;
    max-width:100%
}
main,.stage-shell,.command-bar,.section,.footer-deck,.feature-deck,.payline {
    min-width:0
}
.visually-hidden {
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important
}
.skip-link {
    position:fixed;
    left:14px;
    top:-80px;
    z-index:1000;
    background:#fff;
    color:#111833;
    padding:11px 16px;
    border-radius:10px;
    font-weight:750;
    box-shadow:var(--shadow)
}
.skip-link:focus {
    top:14px
}
:focus-visible {
    outline:3px solid var(--focus);
    outline-offset:3px
}
.side-panel {
    position:fixed;
    inset:0 auto 0 0;
    z-index:130;
    width:var(--sidebar-width);
    display:flex;
    flex-direction:column;
    overflow-y:auto;
    overscroll-behavior:contain;
    padding:16px 14px 15px;
    background:linear-gradient(180deg,#151b41 0%,var(--sidebar-bg) 48%,#10142e 100%);
    border-right:1px solid rgba(118,140,255,.17);
    box-shadow:14px 0 44px rgba(5,8,28,.17)
}
.side-panel__head {
    min-height:68px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px
}
.brand-mark {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:0
}
.brand-mark img {
    width:172px;
    height:auto
}
.side-close {
    display:none;
    width:42px;
    height:42px;
    padding:0;
    border:0;
    border-radius:10px;
    background:rgba(255,255,255,.07);
    font-size:32px;
    line-height:1;
    cursor:pointer
}
.side-nav {
    display:grid;
    gap:5px;
    margin-top:15px
}
.side-nav a {
    display:flex;
    align-items:center;
    gap:11px;
    min-height:45px;
    padding:9px 11px;
    border:1px solid transparent;
    border-radius:11px;
    color:#e1e6ff;
    font-size:14px;
    font-weight:550;
    transition:background-color .2s,border-color .2s,transform .2s,color .2s
}
.side-nav a:hover,.side-nav a.active {
    background:linear-gradient(90deg,rgba(56,97,210,.44),rgba(50,64,141,.2));
    border-color:rgba(99,137,255,.28);
    color:#fff
}
.side-nav a:hover {
    transform:translateX(2px)
}
.side-nav .nav-icon {
    width:25px;
    height:25px;
    display:grid;
    place-items:center;
    flex:0 0 25px;
    border-radius:8px;
    background:rgba(100,129,255,.14);
    color:#b7d9ff;
    font-size:14px
}
.side-nav a.active .nav-icon {
    background:linear-gradient(145deg,var(--blue),var(--violet));
    color:#fff;
    box-shadow:0 7px 18px rgba(31,108,255,.26)
}
.side-nav--secondary {
    margin-top:17px;
    padding-top:17px;
    border-top:1px solid var(--line-soft);
    gap:3px
}
.side-nav--secondary a {
    min-height:38px;
    padding-top:7px;
    padding-bottom:7px;
    color:#b6c0e5;
    font-size:12.5px;
    font-weight:400
}
.side-nav--secondary .nav-icon {
    width:22px;
    height:22px;
    flex-basis:22px;
    background:rgba(255,255,255,.06);
    font-size:12px
}
.side-block {
    margin-top:18px;
    padding-top:16px;
    border-top:1px solid var(--line-soft)
}
.side-title {
    margin:0 0 9px;
    color:var(--muted-2);
    font-size:11px;
    font-weight:650;
    letter-spacing:.09em;
    text-transform:uppercase
}
.social-row {
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap
}
.social-row a {
    width:36px;
    height:36px;
    display:inline-grid;
    place-items:center;
    border:1px solid rgba(145,165,255,.22);
    border-radius:10px;
    background:rgba(255,255,255,.04);
    transition:transform .2s,background-color .2s,border-color .2s
}
.social-row a:hover {
    transform:translateY(-2px);
    background:var(--blue);
    border-color:var(--blue)
}
.social-row img {
    width:19px;
    height:19px;
    object-fit:contain;
    filter:brightness(0) invert(1)
}
.app-links {
    margin-top:18px
}
.app-links>a,.footer-apps>a {
    display:flex;
    align-items:center;
    gap:10px;
    margin-top:8px;
    padding:9px 11px;
    border:1px solid rgba(255,255,255,.96);
    border-radius:11px;
    background:#fff;
    color:#10142d;
    box-shadow:0 9px 22px rgba(3,7,24,.16);
    transition:transform .2s,box-shadow .2s,background-color .2s
}
.app-links>a:hover,.footer-apps>a:hover {
    transform:translateY(-2px);
    background:#edf5ff;
    box-shadow:0 13px 28px rgba(3,7,24,.24)
}
.app-links>a img,.footer-apps>a img {
    width:24px;
    height:24px;
    object-fit:contain;
    filter:brightness(0)
}
.app-links span,.footer-apps span {
    display:flex;
    flex-direction:column;
    font-size:10px;
    line-height:1.12
}
.app-links strong,.footer-apps strong {
    font-size:13px;
    font-weight:750
}
.side-panel__foot {
    margin-top:auto;
    padding-top:20px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px
}
.age-chip,.lang-button {
    min-height:38px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    padding:0 10px;
    border:1px solid rgba(145,165,255,.24);
    border-radius:10px;
    background:rgba(255,255,255,.045);
    color:#fff;
    font-weight:700
}
.lang-button {
    cursor:default
}
.lang-button img {
    width:24px;
    height:16px;
    object-fit:cover;
    border-radius:2px
}
.menu-overlay {
    position:fixed;
    inset:0;
    z-index:120;
    background:rgba(5,8,24,.68);
    backdrop-filter:blur(3px);
    opacity:0;
    transition:opacity .25s
}
.menu-overlay.is-visible {
    opacity:1
}
.stage-shell {
    margin-left:var(--sidebar-width);
    min-height:100vh
}
.command-bar {
    position:sticky;
    top:0;
    z-index:90;
    display:grid;
    grid-template-columns:minmax(230px,1.25fr) auto minmax(210px,.8fr) auto;
    grid-template-areas:"search nav message actions";
    align-items:center;
    gap:14px;
    min-height:78px;
    padding:12px 24px;
    background:rgba(18,23,55,.9);
    border-bottom:1px solid rgba(133,154,255,.18);
    backdrop-filter:blur(18px) saturate(140%);
    box-shadow:0 10px 30px rgba(3,6,25,.14)
}
.command-bar>* {
    min-width:0
}
.menu-button,.compact-logo {
    display:none
}
.catalog-search {
    grid-area:search;
    height:46px;
    display:flex;
    align-items:center;
    gap:10px;
    padding:0 14px;
    border:1px solid rgba(127,153,255,.32);
    border-radius:12px;
    background:rgba(24,31,74,.9);
    color:#97a6d4;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.03)
}
.catalog-search:focus-within {
    border-color:var(--cyan);
    box-shadow:0 0 0 3px rgba(82,215,255,.12)
}
.catalog-search svg {
    width:20px;
    height:20px;
    flex:0 0 20px
}
.catalog-search input {
    width:100%;
    min-width:0;
    border:0;
    outline:0;
    background:transparent;
    color:#fff;
    font-size:14px
}
.catalog-search input::placeholder {
    color:#9aa6d0;
    opacity:1
}
.command-links {
    grid-area:nav;
    display:flex;
    align-items:center;
    gap:4px
}
.command-links a {
    padding:9px 10px;
    border-radius:9px;
    color:#cbd3f3;
    font-size:14px;
    font-weight:550;
    white-space:nowrap;
    transition:background-color .2s,color .2s
}
.command-links a:hover {
    background:rgba(80,113,224,.22);
    color:#fff
}
.command-note {
    grid-area:message;
    margin:0;
    color:#d7ddf8;
    font-size:13px;
    font-weight:400;
    line-height:1.35;
    text-align:right
}
.command-actions {
    grid-area:actions;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:9px
}
.button {
    position:relative;
    min-height:44px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:0 20px;
    border:1px solid transparent;
    border-radius:11px;
    overflow:hidden;
    color:#fff;
    font-size:14px;
    font-weight:750;
    line-height:1.1;
    white-space:nowrap;
    isolation:isolate;
    cursor:pointer;
    transition:transform .2s,box-shadow .2s,background-color .2s,border-color .2s,color .2s
}
.button:hover {
    transform:translateY(-2px)
}
.button--primary {
    background:linear-gradient(115deg,var(--blue),#286cff 55%,var(--violet));
    box-shadow:0 10px 26px rgba(31,108,255,.28)
}
.button--primary:hover {
    box-shadow:0 15px 32px rgba(31,108,255,.42)
}
.button--outline {
    min-height:48px;
    padding:0 24px;
    border-color:rgba(108,194,255,.58);
    background:rgba(255,255,255,.035);
    color:#eaf6ff
}
.button--outline:hover {
    background:rgba(82,215,255,.11);
    border-color:var(--cyan);
    box-shadow:0 12px 28px rgba(82,215,255,.12)
}
.button--register {
    min-height:50px;
    padding:0 27px;
    background:linear-gradient(110deg,#145ff2 0%,#2b83ff 46%,#725dff 76%,#1f6cff 100%);
    background-size:220% 100%;
    box-shadow:0 12px 30px rgba(31,108,255,.38)
}
.button--register::before,.button--jackpot::before,.button--cta::before {
    content:"";
    position:absolute;
    z-index:-1;
    top:-70%;
    bottom:-70%;
    left:-42%;
    width:24%;
    transform:rotate(18deg);
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.78),transparent);
    animation:button-sheen 4.8s ease-in-out infinite
}
.button--register:hover {
    box-shadow:0 17px 38px rgba(31,108,255,.5)
}
.button--secondary {
    background:rgba(15,22,60,.78);
    border-color:rgba(137,176,255,.38);
    box-shadow:0 10px 22px rgba(5,10,35,.2)
}
.button--secondary:hover {
    background:rgba(37,71,159,.85);
    border-color:var(--cyan)
}
.button--ghost {
    min-height:40px;
    padding:0 18px;
    border-color:rgba(125,148,255,.25);
    background:rgba(255,255,255,.035);
    color:#d8e0ff
}
.button--ghost:hover {
    background:rgba(80,112,220,.18);
    border-color:rgba(114,170,255,.55)
}
@keyframes button-sheen {
    0%,55% {
        left:-42%
    }
    78%,100% {
        left:132%
    }
}
.feature-deck {
    max-width:var(--content-max);
    margin:0 auto;
    padding:24px 24px 0
}
.feature-window {
    position:relative;
    overflow:hidden;
    border:1px solid rgba(128,151,255,.24);
    border-radius:var(--radius-lg);
    background:#171e49;
    box-shadow:var(--shadow)
}
.feature-track {
    position:relative;
    width:100%;
    height:clamp(420px,31vw,510px);
    min-height:0;
    overflow:hidden
}
.feature-slide {
    position:absolute;
    inset:0;
    overflow:hidden;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .65s ease,visibility .65s ease;
    background:#1a2253
}
.feature-slide.is-active,.feature-slide:first-child {
    opacity:1;
    visibility:visible;
    pointer-events:auto
}
.js .feature-slide:not(.is-active) {
    opacity:0;
    visibility:hidden;
    pointer-events:none
}
html:not(.js) .feature-track {
    height:auto;
    overflow:visible
}
html:not(.js) .feature-slide {
    position:relative;
    min-height:430px;
    opacity:1;
    visibility:visible;
    pointer-events:auto
}
html:not(.js) .feature-slide+ .feature-slide {
    border-top:1px solid var(--line)
}
html:not(.js) .feature-arrow,html:not(.js) .feature-dots {
    display:none
}
.feature-slide::before {
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    background:linear-gradient(90deg,rgba(12,17,50,.98) 0%,rgba(15,21,58,.92) 35%,rgba(18,27,74,.53) 57%,rgba(18,28,75,.08) 76%)
}
.feature-slide::after {
    content:"";
    position:absolute;
    inset:0;
    z-index:0;
    background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
    background-size:64px 64px;
    mask-image:linear-gradient(90deg,transparent 8%,#000 58%,#000)
}
.feature-slide--bonus {
    background:radial-gradient(circle at 77% 22%,rgba(68,197,255,.35),transparent 30%),radial-gradient(circle at 94% 88%,rgba(177,68,255,.34),transparent 38%),linear-gradient(120deg,#1c285f,#192456 48%,#251e64)
}
.feature-slide--promotions {
    background:radial-gradient(circle at 78% 24%,rgba(65,180,255,.42),transparent 34%),radial-gradient(circle at 93% 70%,rgba(255,86,189,.4),transparent 37%),linear-gradient(120deg,#1e285f,#282066 56%,#521f75)
}
.feature-slide--tournament {
    background:radial-gradient(circle at 83% 27%,rgba(88,217,255,.36),transparent 35%),radial-gradient(circle at 94% 91%,rgba(255,157,66,.3),transparent 33%),linear-gradient(120deg,#1a2a67,#1a2356 55%,#273b79)
}
.feature-art {
    position:absolute;
    z-index:2;
    right:clamp(18px,4vw,76px);
    bottom:-8%;
    width:min(49%,650px);
    height:auto;
    max-height:114%;
    object-fit:contain;
    object-position:center bottom;
    filter:drop-shadow(0 28px 28px rgba(1,5,25,.43));
    user-select:none
}
.feature-slide--bonus .feature-art {
    width:min(43%,590px);
    right:6%;
    bottom:-11%
}
.feature-slide--promotions .feature-art {
    width:min(50%,670px);
    right:1%;
    bottom:-8%
}
.feature-slide--tournament .feature-art {
    width:min(46%,620px);
    right:6%;
    bottom:-9%
}
.feature-copy {
    position:absolute;
    z-index:3;
    left:clamp(30px,5vw,84px);
    top:50%;
    width:min(610px,52%);
    transform:translateY(-50%);
    padding:16px 0;
    color:#fff
}
.feature-label,.eyebrow {
    display:block;
    color:#8edfff;
    font-size:12px;
    font-weight:750;
    letter-spacing:.12em;
    text-transform:uppercase
}
.feature-title {
    max-width:720px;
    margin:8px 0 14px;
    font-size:clamp(42px,4.4vw,74px);
    font-weight:800;
    line-height:.98;
    letter-spacing:-.045em;
    text-wrap:balance;
    text-shadow:0 6px 28px rgba(2,7,30,.42)
}
.feature-copy p {
    max-width:570px;
    margin:0 0 24px;
    color:#d8e1ff;
    font-size:clamp(15px,1.25vw,19px);
    line-height:1.55;
    text-shadow:0 2px 12px rgba(2,7,30,.45)
}
.feature-button {
    min-height:54px;
    padding:0 28px;
    font-size:15px
}
.feature-arrow {
    position:absolute;
    top:50%;
    z-index:6;
    width:46px;
    height:46px;
    margin-top:-23px;
    padding:0;
    border:1px solid rgba(191,213,255,.28);
    border-radius:50%;
    background:rgba(13,20,55,.64);
    color:#fff;
    font-size:34px;
    line-height:1;
    cursor:pointer;
    backdrop-filter:blur(8px);
    transition:transform .2s,background-color .2s,border-color .2s
}
.feature-arrow:hover {
    transform:scale(1.06);
    background:rgba(31,108,255,.78);
    border-color:rgba(255,255,255,.5)
}
.feature-arrow--prev {
    left:18px
}
.feature-arrow--next {
    right:18px
}
.feature-dots {
    position:absolute;
    z-index:7;
    left:50%;
    bottom:18px;
    display:flex;
    gap:8px;
    transform:translateX(-50%)
}
.feature-dots button {
    width:34px;
    height:5px;
    padding:0;
    border:0;
    border-radius:99px;
    background:rgba(255,255,255,.32);
    cursor:pointer;
    transition:width .25s,background-color .25s
}
.feature-dots button.is-active {
    width:52px;
    background:linear-gradient(90deg,var(--cyan),#fff)
}
.payline {
    max-width:var(--content-max);
    margin:0 auto;
    padding:18px 24px 0
}
.payline__row {
    display:flex;
    align-items:center;
    gap:14px;
    min-height:90px;
    padding:14px 16px;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    scrollbar-width:none;
    border:1px solid rgba(128,151,255,.18);
    border-radius:18px;
    background:rgba(25,32,75,.78);
    box-shadow:0 12px 34px rgba(2,6,25,.17)
}
.payline__row::-webkit-scrollbar {
    display:none
}
.payline__item {
    width:142px;
    height:58px;
    flex:0 0 142px;
    display:grid;
    place-items:center;
    padding:9px 14px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:12px;
    background:rgba(255,255,255,.92);
    transition:transform .2s,filter .2s,background-color .2s
}
.payline__item:hover {
    transform:translateY(-2px);
    background:#fff
}
.payline__item img {
    width:112px;
    height:40px;
    object-fit:contain;
    filter:grayscale(1) brightness(.42) contrast(1.35);
    opacity:.94;
    transition:filter .2s,opacity .2s
}
.payline__item:hover img {
    filter:grayscale(0) brightness(.58) contrast(1.18);
    opacity:1
}
.section {
    width:100%;
    max-width:var(--content-max);
    margin:0 auto;
    padding:48px 24px
}
.offer-tiles {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px
}
.offer-tile {
    position:relative;
    min-width:0;
    min-height:270px;
    display:flex;
    align-items:center;
    overflow:hidden;
    padding:28px;
    border:1px solid rgba(142,164,255,.24);
    border-radius:20px;
    background:linear-gradient(135deg,#1c275e,#242e69);
    box-shadow:var(--shadow);
    isolation:isolate
}
.offer-tile::before {
    content:"";
    position:absolute;
    inset:0;
    z-index:0;
    background:linear-gradient(90deg,rgba(13,18,52,.98) 0%,rgba(14,21,60,.9) 47%,rgba(21,29,78,.28) 76%,transparent)
}
.offer-tile::after {
    content:"";
    position:absolute;
    right:-22%;
    bottom:-42%;
    z-index:-1;
    width:78%;
    aspect-ratio:1;
    border-radius:50%;
    background:radial-gradient(circle,rgba(72,145,255,.5),transparent 65%);
    filter:blur(4px)
}
.offer-copy {
    position:relative;
    z-index:2;
    width:62%;
    min-width:0
}
.offer-title {
    margin:7px 0 8px;
    font-size:clamp(27px,2.2vw,36px);
    font-weight:780;
    line-height:1.08;
    letter-spacing:-.025em
}
.offer-tile p {
    margin:0 0 20px;
    color:#c8d1f2;
    font-size:14px;
    line-height:1.55
}
.offer-art {
    position:absolute;
    z-index:1;
    right:-5%;
    bottom:-8%;
    width:57%;
    height:auto;
    max-height:115%;
    object-fit:contain;
    filter:drop-shadow(0 24px 28px rgba(3,7,28,.38));
    transition:transform .35s
}
.offer-tile:hover .offer-art {
    transform:translateY(-5px) scale(1.025)
}
.offer-tile--bonus {
    background:linear-gradient(135deg,#202a69,#273681)
}
.offer-tile--vip {
    background:linear-gradient(135deg,#292159,#4b246f)
}
.welcome-copy {
    max-width:1160px;
    padding-top:62px;
    padding-bottom:62px;
    text-align:center
}
.welcome-copy h1 {
    max-width:980px;
    margin:0 auto 24px;
    font-size:clamp(38px,4.7vw,68px);
    font-weight:820;
    line-height:1.02;
    letter-spacing:-.045em;
    text-wrap:balance
}
.welcome-copy p {
    margin:0;
    color:#c2cae9;
    font-size:18px;
    line-height:1.86
}
.prize-stage {
    position:relative;
    max-width:calc(var(--content-max) - 48px);
    min-height:270px;
    margin:0 auto 18px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:34px;
    overflow:hidden;
    padding:44px 54px;
    border:1px solid rgba(111,208,255,.42);
    border-radius:24px;
    background:radial-gradient(circle at 14% 42%,rgba(54,173,255,.42),transparent 32%),radial-gradient(circle at 80% 20%,rgba(161,79,255,.34),transparent 32%),radial-gradient(circle at 96% 92%,rgba(255,90,200,.3),transparent 34%),linear-gradient(120deg,#162357 0%,#171b4b 58%,#2c195c 100%);
    box-shadow:0 24px 68px rgba(2,6,27,.36);
    isolation:isolate
}
.prize-stage::before {
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    background-image:radial-gradient(circle,rgba(255,255,255,.48) 1px,transparent 1.5px);
    background-size:44px 44px;
    opacity:.16;
    mask-image:linear-gradient(90deg,#000,transparent)
}
.prize-copy {
    min-width:0
}
.prize-label {
    display:block;
    margin-bottom:8px;
    color:#a7eaff;
    font-family:Georgia,"Times New Roman",serif;
    font-size:clamp(30px,3vw,48px);
    font-style:italic;
    line-height:1
}
.prize-stage strong {
    display:block;
    font-size:clamp(46px,5.8vw,88px);
    font-weight:850;
    line-height:.98;
    letter-spacing:.025em;
    font-variant-numeric:tabular-nums;
    text-shadow:0 8px 32px rgba(15,144,255,.35)
}
.prize-stage small {
    font-size:.32em;
    color:#b9c7f0
}
.prize-stage p {
    margin:13px 0 0;
    color:#b9c4e9;
    font-size:13px
}
.button--jackpot {
    min-height:66px;
    padding:0 36px;
    border-color:rgba(255,255,255,.3);
    background:linear-gradient(115deg,#10a8ff,#276cff 48%,#9a5dff 76%,#ff5fc8);
    background-size:220% 100%;
    box-shadow:0 16px 42px rgba(45,118,255,.43);
    animation:jackpot-float 3s ease-in-out infinite
}
.button--jackpot:hover {
    transform:translateY(-5px) scale(1.025);
    box-shadow:0 23px 52px rgba(67,127,255,.55)
}
.button--jackpot span,.button--cta span {
    font-size:20px;
    transition:transform .2s
}
.button--jackpot:hover span,.button--cta:hover span {
    transform:translateX(5px)
}
@keyframes jackpot-float {
    0%,100% {
        transform:translateY(0)
    }
    50% {
        transform:translateY(-4px)
    }
}
.section-head {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    margin-bottom:22px
}
.section-title {
    margin:0;
    color:#f8faff;
    font-size:clamp(25px,2.4vw,37px);
    font-weight:760;
    line-height:1.16;
    letter-spacing:-.025em
}
.studio-grid {
    display:grid;
    grid-template-columns:repeat(7,minmax(0,1fr));
    gap:11px
}
.studio-card {
    height:84px;
    min-width:0;
    display:grid;
    place-items:center;
    padding:14px;
    border:1px solid rgba(132,151,239,.16);
    border-radius:12px;
    background:rgba(28,36,82,.82);
    box-shadow:0 8px 22px rgba(3,7,27,.12);
    transition:transform .2s,border-color .2s,background-color .2s,box-shadow .2s
}
.studio-card:hover {
    transform:translateY(-3px);
    border-color:rgba(89,185,255,.58);
    background:#25316c;
    box-shadow:0 14px 28px rgba(3,7,27,.28)
}
.studio-card img {
    width:100%;
    max-width:150px;
    height:52px;
    object-fit:contain;
    filter:grayscale(1) brightness(0) invert(1);
    opacity:.72;
    transition:opacity .2s,transform .2s
}
.studio-card:hover img {
    opacity:1;
    transform:scale(1.035)
}
.action-banner {
    position:relative;
    min-height:340px;
    display:flex;
    align-items:center;
    overflow:hidden;
    margin-top:20px;
    margin-bottom:28px;
    padding:48px 54px;
    border:1px solid rgba(124,158,255,.34);
    border-radius:24px;
    background:radial-gradient(circle at 78% 23%,rgba(60,191,255,.38),transparent 31%),radial-gradient(circle at 96% 92%,rgba(233,71,255,.35),transparent 37%),linear-gradient(118deg,#151f54 0%,#1b255d 54%,#3c1d6b);
    box-shadow:var(--shadow);
    isolation:isolate
}
.action-banner::after {
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    background-image:linear-gradient(120deg,rgba(255,255,255,.035) 1px,transparent 1px);
    background-size:34px 34px;
    mask-image:linear-gradient(90deg,#000,transparent 85%)
}
.action-banner__copy {
    position:relative;
    z-index:2;
    width:60%;
    max-width:760px;
    min-width:0
}
.cta-title {
    max-width:720px;
    margin:8px 0 14px;
    font-size:clamp(34px,4vw,59px);
    font-weight:820;
    line-height:1.02;
    letter-spacing:-.04em;
    text-wrap:balance
}
.action-banner p {
    max-width:640px;
    margin:0 0 24px;
    color:#c7d0ee;
    font-size:17px
}
.action-banner__art {
    position:absolute;
    right:2%;
    bottom:-22%;
    width:min(42%,570px);
    height:auto;
    object-fit:contain;
    filter:drop-shadow(0 30px 32px rgba(2,6,24,.4))
}
.button--cta {
    min-height:64px;
    padding:0 38px;
    background:linear-gradient(115deg,#1da6ff,#276cff 44%,#8e5cff 72%,#ff63cf);
    background-size:230% 100%;
    box-shadow:0 17px 42px rgba(42,111,255,.38);
    animation:cta-glow 3.2s ease-in-out infinite
}
.button--cta:hover {
    transform:translateY(-5px) scale(1.018);
    box-shadow:0 24px 55px rgba(55,124,255,.52)
}
@keyframes cta-glow {
    0%,100% {
        box-shadow:0 17px 42px rgba(42,111,255,.34)
    }
    50% {
        box-shadow:0 20px 50px rgba(122,78,255,.48)
    }
}
.reading-guide {
    max-width:1120px;
    padding-top:64px;
    padding-bottom:64px
}
.reading-head {
    max-width:850px;
    margin-bottom:26px
}
.reading-guide .reading-head h2 {
    margin:8px 0 13px;
    color:#fff;
    font-size:clamp(34px,4vw,54px);
    font-weight:800;
    line-height:1.04;
    letter-spacing:-.04em
}
.reading-head p {
    margin:0;
    color:#bfc8e7;
    font-size:17px
}
.toc {
    margin:0 0 34px;
    padding:16px 20px;
    border:1px solid rgba(132,151,239,.2);
    border-radius:14px;
    background:rgba(26,34,78,.74)
}
.toc summary {
    color:#dce5ff;
    font-size:15px;
    font-weight:750;
    cursor:pointer
}
.toc ol {
    display:flex;
    flex-wrap:wrap;
    gap:8px 22px;
    margin:13px 0 0;
    padding-left:20px
}
.toc li {
    color:#7481ad;
    font-size:13px
}
.toc a {
    color:#aebadd;
    transition:color .2s
}
.toc a:hover {
    color:#fff
}
.reading-body {
    max-width:100%;
    font-size:16.5px
}
.reading-guide h2 {
    scroll-margin-top:140px;
    margin:42px 0 13px;
    color:#fff;
    font-size:29px;
    font-weight:760;
    line-height:1.22;
    letter-spacing:-.02em
}
.reading-guide h3 {
    scroll-margin-top:140px;
    margin:30px 0 10px;
    color:#f5f7ff;
    font-size:22px;
    font-weight:720;
    line-height:1.28
}
.reading-body p,.reading-body li {
    color:#bac4e4
}
.reading-body p {
    margin:0 0 18px
}
.reading-body ul,.reading-body ol {
    margin:0 0 22px;
    padding-left:23px
}
.reading-body li+li {
    margin-top:8px
}
.reading-body strong {
    color:#edf2ff
}
.table-wrap {
    max-width:100%;
    margin:24px 0 32px;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    border:1px solid rgba(132,151,239,.2);
    border-radius:14px;
    background:#171e47
}
.table-wrap table {
    width:100%;
    min-width:680px;
    border-collapse:collapse
}
.table-wrap th,.table-wrap td {
    padding:15px 17px;
    border-bottom:1px solid rgba(132,151,239,.15);
    text-align:left;
    vertical-align:top
}
.table-wrap th {
    background:#20295d;
    color:#f3f6ff;
    font-size:14px
}
.table-wrap td {
    color:#b9c3e3;
    font-size:14px
}
.table-wrap tr:last-child td {
    border-bottom:0
}
.question-zone {
    max-width:1120px;
    padding-top:34px;
    padding-bottom:78px
}
.question-head {
    margin-bottom:22px
}
.question-title {
    margin-top:8px;
    font-size:clamp(32px,3.6vw,49px);
    font-weight:800;
    line-height:1.05;
    letter-spacing:-.035em
}
.question-list {
    display:grid;
    gap:10px
}
.question-item {
    overflow:hidden;
    border:1px solid rgba(132,151,239,.2);
    border-radius:14px;
    background:rgba(26,34,78,.72)
}
.question-item h3 {
    margin:0
}
.question-item h3 button {
    width:100%;
    min-height:66px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:16px 19px;
    border:0;
    background:transparent;
    color:#f4f7ff;
    font-size:16px;
    font-weight:680;
    text-align:left;
    cursor:pointer
}
.question-item h3 button:hover {
    background:rgba(72,103,205,.14)
}
.question-mark {
    width:31px;
    height:31px;
    display:grid;
    place-items:center;
    flex:0 0 31px;
    border:1px solid rgba(137,171,255,.32);
    border-radius:50%;
    background:rgba(255,255,255,.04);
    color:#91deff;
    font-size:21px;
    font-weight:400;
    transition:transform .25s,background-color .25s
}
.question-item h3 button[aria-expanded="true"] .question-mark {
    transform:rotate(45deg);
    background:rgba(31,108,255,.28)
}
.question-panel {
    padding:0 19px 18px
}
.question-panel p {
    margin:0;
    color:#b8c2e1
}
.question-list.faq-ready .question-panel[hidden] {
    display:none
}
.footer-deck {
    padding:52px 34px 28px;
    background:linear-gradient(180deg,#0d122f,#090d22);
    border-top:1px solid rgba(132,151,239,.18)
}
.footer-grid {
    max-width:calc(var(--content-max) - 20px);
    margin:0 auto;
    display:grid;
    grid-template-columns:1.55fr .75fr .9fr 1fr;
    gap:38px
}
.footer-brand img {
    width:214px;
    height:auto
}
.footer-brand p {
    max-width:500px;
    margin:18px 0;
    color:#9da9cf;
    font-size:14px
}
.footer-social {
    margin-top:17px
}
.footer-heading {
    margin:0 0 15px;
    color:#eff3ff;
    font-size:14px;
    font-weight:750
}
.footer-links {
    display:grid;
    gap:8px
}
.footer-links a {
    color:#9facd0;
    font-size:14px;
    transition:color .2s,transform .2s
}
.footer-links a:hover {
    color:#fff;
    transform:translateX(2px)
}
.footer-apps a {
    max-width:190px;
    margin-top:9px
}
.footer-logo-section {
    max-width:calc(var(--content-max) - 20px);
    margin:34px auto 0;
    padding-top:28px;
    border-top:1px solid rgba(132,151,239,.14)
}
.footer-payments,.footer-providers {
    display:flex;
    align-items:center;
    gap:14px;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    padding:2px 0 8px;
    scrollbar-width:none
}
.footer-payments::-webkit-scrollbar,.footer-providers::-webkit-scrollbar {
    display:none
}
.footer-payments img {
    width:150px;
    height:62px;
    flex:0 0 150px;
    object-fit:contain;
    padding:10px 15px;
    border-radius:11px;
    background:rgba(255,255,255,.93);
    filter:grayscale(1) brightness(.42) contrast(1.35);
    opacity:.94
}
.footer-providers img {
    width:132px;
    height:54px;
    flex:0 0 132px;
    object-fit:contain;
    padding:8px 10px;
    border:1px solid rgba(132,151,239,.14);
    border-radius:10px;
    background:rgba(255,255,255,.035);
    filter:grayscale(1) brightness(0) invert(1);
    opacity:.7
}
.footer-note {
    max-width:calc(var(--content-max) - 20px);
    margin:30px auto 0;
    display:flex;
    align-items:flex-start;
    gap:17px;
    padding-top:26px;
    border-top:1px solid rgba(132,151,239,.14);
    color:#7f8bb1;
    font-size:12.5px
}
.footer-note p {
    margin:0 0 7px
}
.age-mark {
    width:56px;
    height:56px;
    display:grid;
    place-items:center;
    flex:0 0 56px;
    border:2px solid rgba(255,255,255,.68);
    border-radius:50%;
    color:#fff;
    font-size:19px;
    font-weight:800
}
.support-button,.back-to-top {
    position:fixed;
    right:22px;
    z-index:105;
    width:48px;
    height:48px;
    display:grid;
    place-items:center;
    padding:0;
    border:1px solid rgba(143,168,255,.3);
    border-radius:50%;
    background:rgba(18,25,62,.9);
    color:#d8e3ff;
    box-shadow:0 12px 30px rgba(3,7,27,.28);
    backdrop-filter:blur(9px);
    cursor:pointer;
    transition:transform .2s,opacity .2s,background-color .2s,border-color .2s
}
.support-button {
    bottom:88px
}
.support-button svg {
    width:22px;
    height:22px
}
.support-button:hover,.back-to-top:hover {
    transform:translateY(-3px);
    background:var(--blue);
    border-color:var(--blue);
    color:#fff
}
.back-to-top {
    bottom:30px;
    opacity:0;
    visibility:hidden;
    font-size:22px
}
.back-to-top.is-visible {
    opacity:1;
    visibility:visible
}
.cookie-consent {
    position:fixed;
    left:calc(var(--sidebar-width) + 18px);
    right:18px;
    bottom:16px;
    z-index:115;
    display:flex;
    align-items:center;
    gap:20px;
    max-width:980px;
    margin:0 auto;
    padding:14px 16px 14px 20px;
    border:1px solid rgba(129,157,255,.34);
    border-radius:15px;
    background:rgba(16,22,56,.96);
    box-shadow:0 22px 56px rgba(2,6,26,.5);
    backdrop-filter:blur(14px)
}
.cookie-consent p {
    flex:1;
    min-width:0;
    margin:0;
    color:#c5cee9;
    font-size:13px;
    line-height:1.45
}
.cookie-consent p a {
    color:#8cdfff;
    text-decoration:underline;
    text-underline-offset:2px
}
.cookie-consent .button {
    min-height:42px;
    padding:0 18px
}
.cookie-close {
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    order:3;
    padding:0;
    border:0;
    border-radius:9px;
    background:rgba(255,255,255,.06);
    color:#d5ddf5;
    font-size:24px;
    cursor:pointer
}
.cookie-consent.is-hidden {
    display:none
}
@media(max-width:1500px) {
    .command-bar {
        grid-template-columns:minmax(220px,1fr) auto auto;
        grid-template-areas:"search nav actions" "message message message";
        gap:8px 13px;
        padding-top:10px;
        padding-bottom:9px
    }
    .command-note {
        text-align:center;
        font-size:12px
    }
    .feature-title {
        font-size:clamp(40px,4.2vw,66px)
    }
}
@media(max-width:1240px) {
    .offer-tile {
        padding:23px
    }
    .offer-copy {
        width:67%
    }
    .studio-grid {
        grid-template-columns:repeat(6,minmax(0,1fr))
    }
}
@media(max-width:1120px) {
    :root {
        --sidebar-width:0px
    }
    html {
        scroll-padding-top:160px
    }
    .side-panel {
        width:min(310px,86%);
        transform:translateX(-103%);
        transition:transform .28s ease;
        box-shadow:18px 0 60px rgba(2,5,22,.52)
    }
    .side-panel.is-open {
        transform:translateX(0)
    }
    .side-panel__head {
        justify-content:space-between
    }
    .side-close {
        display:grid;
        place-items:center
    }
    .stage-shell {
        margin-left:0
    }
    .menu-button {
        grid-area:menu;
        width:44px;
        height:44px;
        display:grid;
        place-items:center;
        padding:0;
        border:1px solid rgba(137,164,255,.22);
        border-radius:11px;
        background:rgba(255,255,255,.04);
        font-size:23px;
        cursor:pointer
    }
    .compact-logo {
        grid-area:logo;
        display:inline-flex;
        align-items:center
    }
    .compact-logo img {
        width:122px;
        height:auto
    }
    .command-bar {
        grid-template-columns:auto auto minmax(220px,1fr) auto;
        grid-template-areas:"menu logo search actions" "nav nav message message";
        gap:9px 12px;
        padding:10px 18px
    }
    .command-note {
        text-align:right
    }
    .cookie-consent {
        left:18px
    }
    .feature-deck {
        padding-top:18px
    }
    .studio-grid {
        grid-template-columns:repeat(7,minmax(0,1fr))
    }
    .footer-grid {
        grid-template-columns:1.4fr .8fr .9fr 1fr
    }
}
@media(max-width:980px) {
    .offer-tiles {
        grid-template-columns:1fr 1fr
    }
    .offer-tile:last-child {
        grid-column:1/-1
    }
    .studio-grid {
        grid-template-columns:repeat(5,minmax(0,1fr))
    }
    .feature-track {
        height:460px
    }
    .feature-copy {
        width:58%
    }
    .feature-slide::before {
        background:linear-gradient(90deg,rgba(12,17,50,.98) 0%,rgba(15,21,58,.92) 43%,rgba(18,27,74,.48) 68%,rgba(18,28,75,.12) 100%)
    }
    .prize-stage {
        margin-left:24px;
        margin-right:24px;
        padding:38px 40px
    }
    .footer-grid {
        grid-template-columns:1fr 1fr
    }
}
@media(max-width:820px) {
    html {
        scroll-padding-top:190px
    }
    .command-bar {
        grid-template-columns:auto auto 1fr;
        grid-template-areas:"menu logo actions" "search search search" "nav nav message";
        padding:9px 14px
    }
    .command-actions {
        justify-self:end
    }
    .command-actions .button {
        min-height:43px;
        padding:0 16px;
        font-size:13px
    }
    .command-links {
        overflow-x:auto;
        scrollbar-width:none
    }
    .command-links::-webkit-scrollbar {
        display:none
    }
    .command-note {
        font-size:11px;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis
    }
    .studio-grid {
        grid-template-columns:repeat(4,minmax(0,1fr))
    }
    .feature-track {
        height:500px
    }
    .feature-copy {
        left:26px;
        width:62%
    }
    .feature-art {
        right:-7%;
        width:58%;
        opacity:.82
    }
    .feature-slide--bonus .feature-art {
        right:-6%;
        width:51%
    }
    .feature-slide--promotions .feature-art {
        right:-10%;
        width:61%
    }
    .feature-slide--tournament .feature-art {
        right:-4%;
        width:55%
    }
    .feature-title {
        font-size:45px
    }
    .action-banner {
        min-height:390px;
        padding:40px
    }
    .action-banner__copy {
        width:68%
    }
    .action-banner__art {
        right:-8%;
        width:51%;
        opacity:.78
    }
}
@media(max-width:680px) {
    html {
        scroll-padding-top:205px
    }
    .command-bar {
        grid-template-columns:auto minmax(92px,1fr) auto;
        grid-template-areas:"menu logo actions" "search search search" "nav nav nav" "message message message"
    }
    .compact-logo img {
        width:102px
    }
    .command-note {
        display:block;
        grid-area:message;
        text-align:center;
        font-size:10.5px;
        line-height:1.35;
        white-space:normal;
        overflow:visible;
        text-overflow:clip
    }
    .command-links {
        justify-content:flex-start
    }
    .command-links a {
        padding:7px 9px;
        font-size:13px
    }
    .command-actions {
        display:flex;
        gap:6px
    }
    .command-actions .button--outline {
        display:inline-flex;
        min-height:41px;
        padding:0 10px;
        font-size:12px
    }
    .command-actions .button--register {
        min-height:41px;
        padding:0 13px;
        font-size:12px
    }
    .feature-deck,.payline,.section {
        padding-left:16px;
        padding-right:16px
    }
    .feature-window {
        border-radius:19px
    }
    .feature-track {
        height:510px
    }
    .feature-slide::before {
        z-index:2;
        background:linear-gradient(180deg,rgba(12,17,50,.18) 0%,rgba(12,17,50,.56) 34%,rgba(12,17,50,.97) 72%,rgba(12,17,50,.99) 100%)
    }
    .feature-slide::after {
        opacity:.45
    }
    .feature-art,.feature-slide--bonus .feature-art,.feature-slide--promotions .feature-art,.feature-slide--tournament .feature-art {
        z-index:1;
        right:-11%;
        bottom:10%;
        width:78%;
        max-width:520px;
        opacity:.72
    }
    .feature-slide--bonus .feature-art {
        right:-12%;
        bottom:8%;
        width:70%
    }
    .feature-slide--promotions .feature-art {
        right:-17%;
        bottom:14%;
        width:85%
    }
    .feature-slide--tournament .feature-art {
        right:-8%;
        bottom:11%;
        width:77%
    }
    .feature-copy {
        z-index:3;
        left:20px;
        right:20px;
        top:auto;
        bottom:34px;
        width:auto;
        transform:none;
        padding:0
    }
    .feature-title {
        max-width:520px;
        font-size:clamp(34px,10vw,46px)
    }
    .feature-copy p {
        max-width:470px;
        margin-bottom:18px;
        font-size:14px
    }
    .feature-button {
        min-height:48px;
        padding:0 21px;
        font-size:13px
    }
    .feature-arrow {
        top:41%;
        width:40px;
        height:40px;
        margin-top:-20px;
        font-size:29px
    }
    .feature-arrow--prev {
        left:10px
    }
    .feature-arrow--next {
        right:10px
    }
    .feature-dots {
        bottom:14px
    }
    .payline__item {
        width:126px;
        flex-basis:126px
    }
    .payline__row {
        min-height:82px
    }
    .offer-tiles {
        grid-template-columns:1fr
    }
    .offer-tile:last-child {
        grid-column:auto
    }
    .offer-tile {
        min-height:250px
    }
    .offer-copy {
        width:62%
    }
    .welcome-copy {
        padding-top:50px;
        padding-bottom:50px
    }
    .welcome-copy p {
        font-size:16.5px;
        line-height:1.78;
        text-align:left
    }
    .prize-stage {
        margin-left:16px;
        margin-right:16px;
        flex-direction:column;
        align-items:flex-start;
        padding:34px 26px
    }
    .button--jackpot {
        width:100%
    }
    .studio-grid {
        grid-template-columns:repeat(3,minmax(0,1fr))
    }
    .studio-card {
        height:76px;
        padding:11px
    }
    .action-banner {
        min-height:455px;
        margin-left:0;
        margin-right:0;
        padding:32px 26px;
        align-items:flex-end
    }
    .action-banner::before {
        content:"";
        position:absolute;
        inset:0;
        z-index:1;
        background:linear-gradient(180deg,rgba(15,22,57,.14),rgba(15,22,57,.45) 42%,rgba(15,22,57,.98) 72%)
    }
    .action-banner__copy {
        z-index:2;
        width:100%
    }
    .action-banner__art {
        right:-12%;
        bottom:20%;
        width:78%;
        opacity:.58
    }
    .button--cta {
        width:100%
    }
    .toc ol {
        display:block
    }
    .toc li+li {
        margin-top:7px
    }
    .reading-guide h2 {
        font-size:25px
    }
    .footer-grid {
        grid-template-columns:1fr;
        gap:29px
    }
    .footer-deck {
        padding-left:20px;
        padding-right:20px
    }
    .footer-apps {
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:10px
    }
    .footer-apps a {
        max-width:none;
        margin:0
    }
    .footer-note {
        align-items:flex-start
    }
    .cookie-consent {
        left:10px;
        right:10px;
        bottom:10px;
        align-items:stretch;
        gap:10px;
        padding:13px 12px 13px 14px
    }
    .cookie-consent p {
        font-size:12px
    }
    .cookie-consent .button {
        align-self:center;
        padding:0 13px;
        font-size:12px
    }
    .cookie-close {
        position:absolute;
        right:7px;
        top:-39px;
        order:0;
        background:rgba(16,22,56,.96);
        border:1px solid rgba(129,157,255,.34)
    }
    .support-button,.back-to-top {
        right:14px
    }
}
@media(max-width:430px) {
    .command-bar {
        gap:7px 9px
    }
    .menu-button {
        width:40px;
        height:40px
    }
    .compact-logo img {
        width:92px
    }
    .command-actions .button--register {
        padding:0 10px
    }
    .catalog-search {
        height:42px;
        padding:0 11px
    }
    .catalog-search input {
        font-size:12.5px
    }
    .feature-track {
        height:490px
    }
    .feature-copy {
        bottom:30px
    }
    .feature-title {
        font-size:34px
    }
    .feature-label {
        font-size:10px
    }
    .feature-dots button {
        width:26px
    }
    .feature-dots button.is-active {
        width:39px
    }
    .offer-tile {
        min-height:240px;
        padding:21px
    }
    .offer-copy {
        width:68%
    }
    .offer-art {
        right:-11%;
        width:63%
    }
    .offer-title {
        font-size:26px
    }
    .offer-tile p {
        font-size:13px
    }
    .prize-stage strong {
        font-size:39px
    }
    .section {
        padding-top:40px;
        padding-bottom:40px
    }
    .studio-grid {
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
    .action-banner {
        min-height:440px;
        padding:27px 20px
    }
    .cta-title {
        font-size:32px
    }
    .action-banner p {
        font-size:14px
    }
    .footer-apps {
        grid-template-columns:1fr
    }
    .cookie-consent {
        display:grid;
        grid-template-columns:1fr auto
    }
    .cookie-consent p {
        grid-column:1/-1
    }
    .cookie-consent .button {
        width:100%
    }
    .support-button {
        bottom:82px
    }
}
@media(max-width:360px) {
    .compact-logo {
        display:none
    }
    .command-bar {
        grid-template-columns:auto 1fr;
        grid-template-areas:"menu actions" "search search" "nav nav" "message message"
    }
    .command-actions .button--register {
        min-height:40px
    }
    .feature-deck,.payline,.section {
        padding-left:12px;
        padding-right:12px
    }
    .feature-track {
        height:485px
    }
    .feature-title {
        font-size:31px
    }
    .feature-copy p {
        font-size:13px
    }
    .offer-copy {
        width:72%
    }
    .prize-stage {
        margin-left:12px;
        margin-right:12px;
        padding:29px 21px
    }
}
@media(hover: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
    }
}
/* Jet sidebar theme */
:root {
    --bg:#151b22;
    --panel:#232e39;
    --panel-2:#2e3a47;
    --line:rgba(180,200,219,.16);
    --text:#f7f9fc;
    --muted:#b4c8db;
    --primary:#6d3eeb;
    --primary-2:#a53eeb;
    --secondary:#1183ff;
    --focus:#f4d135;
    --sidebar:246px;
    --topbar:76px
}
html {
    background:#151b22
}
.stage-shell {
    background:radial-gradient(circle at 78% 2%,rgba(109,62,235,.16),transparent 28%),radial-gradient(circle at 48% 24%,rgba(17,131,255,.08),transparent 34%),linear-gradient(180deg,#18232d,#111820 48%,#0f151b)
}
.side-panel {
    background:linear-gradient(180deg,#263746 0%,#1e2b37 48%,#17212a 100%);
    border-right-color:rgba(109,62,235,.3);
    box-shadow:16px 0 44px rgba(4,8,14,.24)
}
.brand-mark img,.compact-logo img {
    width:126px;
    height:auto
}
.side-nav a.active {
    background:linear-gradient(90deg,rgba(109,62,235,.5),rgba(62,62,235,.12));
    color:#fff;
    border-color:rgba(165,62,235,.42)
}
.side-nav a.active .nav-icon {
    background:linear-gradient(145deg,#3e3eeb,#a53eeb);
    color:#fff
}
.side-nav a:hover {
    background:rgba(255,255,255,.065);
    color:#fff
}
.social-row a:hover {
    border-color:#1183ff;
    background:rgba(17,131,255,.16)
}
.command-bar {
    background:rgba(35,46,57,.92);
    border-bottom-color:rgba(180,200,219,.14);
    box-shadow:0 14px 30px rgba(4,8,14,.22)
}
.catalog-search {
    background:#1a2631;
    border-color:rgba(180,200,219,.18)
}
.catalog-search:focus-within {
    border-color:#1183ff;
    box-shadow:0 0 0 3px rgba(17,131,255,.14)
}
.command-links a:hover {
    color:#f4d135;
    background:rgba(109,62,235,.16)
}
.command-note {
    color:#dce7f3
}
.button--primary,.button--register {
    background:linear-gradient(112deg,#3e3eeb 0%,#6d3eeb 50%,#a53eeb 100%);
    color:#fff;
    border-radius:3px;
    clip-path:polygon(8% 0,100% 0,92% 100%,0 100%);
    box-shadow:0 13px 32px rgba(109,62,235,.34)
}
.button--primary:hover,.button--register:hover {
    box-shadow:0 18px 40px rgba(109,62,235,.46)
}
.button--outline {
    border-color:rgba(244,209,53,.58);
    border-radius:3px;
    color:#fff
}
.button--outline:hover {
    background:#f4d135;
    border-color:#f4d135;
    color:#17212a
}
.feature-deck {
    background:#111820
}
.feature-window {
    border-color:rgba(180,200,219,.14);
    border-radius:4px;
    box-shadow:0 28px 58px rgba(4,8,14,.42)
}
.feature-slide {
    background:radial-gradient(circle at 79% 24%,rgba(109,62,235,.38),transparent 38%),linear-gradient(115deg,#070b18,#151754 58%,#22104e)
}
.feature-slide--promotions {
    background:radial-gradient(circle at 81% 18%,rgba(17,131,255,.34),transparent 38%),linear-gradient(115deg,#08111a,#0c2e45 58%,#10285d)
}
.feature-slide--tournament {
    background:radial-gradient(circle at 80% 18%,rgba(62,62,235,.4),transparent 37%),linear-gradient(115deg,#07101a,#162c45 58%,#1d2458)
}
.feature-slide::after {
    background:linear-gradient(90deg,rgba(4,8,17,.99) 0%,rgba(5,10,22,.92) 43%,rgba(8,14,30,.28) 72%,transparent 100%)
}
.feature-label {
    color:#f4d135;
    font-weight:800
}
.feature-title {
    color:#fff;
    font-style:italic;
    text-transform:uppercase;
    letter-spacing:-.025em
}
.feature-copy p {
    color:#dce7f3
}
.feature-arrow:hover {
    background:#f4d135;
    color:#17212a
}
.feature-dots button.is-active {
    background:#6d3eeb;
    box-shadow:0 0 0 4px rgba(109,62,235,.2)
}
.payline {
    background:#23313e;
    border-color:rgba(180,200,219,.12)
}
.payline__item {
    background:#2b3947;
    border-color:rgba(180,200,219,.1)
}
.payline__item:hover {
    border-color:rgba(109,62,235,.52);
    background:#334454
}
.offer-tile {
    border-color:rgba(180,200,219,.14);
    border-radius:4px;
    background:linear-gradient(135deg,#24313d,#303c48);
    box-shadow:0 17px 40px rgba(4,8,14,.25)
}
.offer-tile--wheel {
    background:radial-gradient(circle at 88% 18%,rgba(109,62,235,.35),transparent 35%),linear-gradient(135deg,#202a35,#2b1d4a)
}
.offer-tile--bonus {
    background:radial-gradient(circle at 88% 14%,rgba(17,131,255,.35),transparent 34%),linear-gradient(135deg,#1c2b38,#0d3654)
}
.offer-tile--vip {
    background:radial-gradient(circle at 86% 12%,rgba(244,209,53,.26),transparent 34%),linear-gradient(135deg,#252d36,#493718)
}
.offer-title {
    color:#fff;
    font-style:italic;
    text-transform:uppercase
}
.offer-copy p {
    color:#d3deea
}
.button--secondary {
    background:#f4f7fb;
    color:#17212a;
    border-radius:3px
}
.button--secondary:hover {
    background:#f4d135
}
.welcome-copy {
    background:linear-gradient(145deg,rgba(46,58,71,.86),rgba(31,42,53,.72));
    border-color:rgba(180,200,219,.14);
    border-radius:4px
}
.welcome-copy h1 {
    color:#fff;
    font-style:italic;
    text-transform:uppercase
}
.welcome-copy p {
    color:#d5e0eb
}
.prize-stage {
    border-color:rgba(109,62,235,.48);
    border-radius:4px;
    background:radial-gradient(circle at 12% 25%,rgba(244,209,53,.18),transparent 31%),radial-gradient(circle at 86% 18%,rgba(109,62,235,.38),transparent 36%),linear-gradient(120deg,#2b2b22,#171b3d 55%,#161044)
}
.prize-label {
    color:#f4d135
}
.prize-copy strong {
    color:#fff;
    text-shadow:0 0 24px rgba(165,62,235,.42)
}
.prize-copy small {
    color:#f4d135
}
.button--jackpot {
    background:linear-gradient(110deg,#3e3eeb,#6d3eeb 50%,#a53eeb);
    color:#fff;
    border-radius:3px;
    box-shadow:0 15px 38px rgba(109,62,235,.36)
}
.studio-card {
    background:#263440;
    border-color:rgba(180,200,219,.1);
    border-radius:4px
}
.studio-card:hover {
    border-color:rgba(109,62,235,.55);
    background:#304150
}
.action-banner {
    background:radial-gradient(circle at 82% 12%,rgba(244,209,53,.18),transparent 30%),radial-gradient(circle at 97% 90%,rgba(109,62,235,.38),transparent 36%),linear-gradient(120deg,#1e2a35,#2b2145 56%,#24104a);
    border-color:rgba(109,62,235,.36);
    border-radius:4px
}
.action-banner__copy p {
    color:#dce7f3
}
.cta-title {
    font-style:italic;
    text-transform:uppercase
}
.button--cta {
    background:linear-gradient(115deg,#3e3eeb,#6d3eeb 58%,#a53eeb);
    color:#fff;
    border-radius:3px;
    box-shadow:0 17px 42px rgba(109,62,235,.36)
}
.reading-guide,.question-zone {
    background:#202c37;
    border-color:rgba(180,200,219,.13);
    border-radius:4px
}
.reading-head h2,.reading-body h2,.reading-body h3,.question-title {
    color:#fff
}
.reading-head p,.reading-body,.question-panel {
    color:#cbd7e3
}
.toc {
    background:#283743;
    border-color:rgba(180,200,219,.14);
    border-radius:3px
}
.toc a {
    color:#72baff
}
.question-item {
    background:#263440;
    border-color:rgba(180,200,219,.1);
    border-radius:3px
}
.question-item:has(button[aria-expanded="true"]) {
    border-color:rgba(109,62,235,.62)
}
.question-item button {
    color:#f5f8fb
}
.question-mark {
    background:rgba(109,62,235,.18);
    color:#c6a7ff
}
.footer-deck {
    background:radial-gradient(circle at 8% 0,rgba(109,62,235,.14),transparent 28%),linear-gradient(180deg,#1b2630,#0e141a);
    border-top-color:rgba(109,62,235,.28)
}
.footer-payments img,.footer-providers img {
    filter:grayscale(1) brightness(2);
    opacity:.62
}
.cookie-consent {
    border-color:rgba(109,62,235,.35);
    background:rgba(24,34,43,.97)
}
/* Jet asset contrast refinements */
.payline__item img {
    filter:grayscale(1) brightness(0) invert(1);
    opacity:.7
}
.payline__item:hover img {
    filter:grayscale(1) brightness(0) invert(1);
    opacity:1;
    transform:translateY(-2px)
}
.payline__item img[src*="payment-sbp"] {
    filter:grayscale(1) brightness(.78) contrast(1.2);
    opacity:1
}
.footer-providers img {
    filter:grayscale(1) brightness(0) invert(1);
    opacity:.62
}
@media(max-width:680px) {
    .feature-arrow {
        top:18px;
        transform:none
    }
    .feature-copy {
        bottom:58px
    }
    .feature-slide--bonus .feature-art {
        right:2%;
        top:26px;
        bottom:auto;
        width:52%;
        opacity:.82
    }
    .feature-slide--promotions .feature-art {
        right:-3%;
        top:20px;
        bottom:auto;
        width:61%;
        opacity:.78
    }
    .feature-slide--tournament .feature-art {
        right:-3%;
        top:24px;
        bottom:auto;
        width:60%;
        opacity:.82
    }
}
/* Shared game-card system — intentionally identical in all three packs */
.games-grid {
    list-style:none;
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:16px;
    margin:0;
    padding:0
}
.game-card {
    position:relative;
    min-width:0;
    list-style:none
}
.game-card>a {
    display:block;
    position:relative;
    overflow:hidden;
    border-radius:12px;
    background:#17191d;
    aspect-ratio:760/430;
    border:1px solid transparent;
    box-shadow:0 10px 28px rgba(0,0,0,.18);
    transition:border-color .25s,box-shadow .25s,transform .25s
}
.game-card>a:focus-visible {
    outline:3px solid var(--focus,#f4d135);
    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,.9),rgba(0,0,0,.08));
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:10px;
    opacity:0;
    pointer-events:none;
    transition:opacity .25s
}
.game-overlay img {
    width:54px;
    height:54px;
    filter:drop-shadow(0 7px 16px rgba(0,0,0,.42))
}
.game-overlay strong {
    position:absolute;
    left:14px;
    right:14px;
    bottom:12px;
    overflow:hidden;
    color:#fff;
    font-size:14px;
    font-weight:800;
    line-height:1.25;
    text-overflow:ellipsis;
    white-space:nowrap;
    text-shadow:0 2px 8px rgba(0,0,0,.6)
}
.game-card:hover>a,.game-card:focus-within>a {
    border-color:rgba(244,209,53,.78);
    box-shadow:0 16px 34px rgba(0,0,0,.3);
    transform:translateY(-3px)
}
.game-card:hover>a>img,.game-card:focus-within>a>img {
    transform:scale(1.06);
    filter:brightness(.62)
}
.game-card:hover .game-overlay,.game-card:focus-within .game-overlay {
    opacity:1
}
@media(max-width:1240px) {
    .games-grid {
        grid-template-columns:repeat(4,minmax(0,1fr))
    }
}
@media(max-width:820px) {
    .games-grid {
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:13px
    }
}
@media(max-width:680px) {
    .games-grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:12px
    }
    .game-overlay {
        opacity:1;
        background:linear-gradient(0deg,rgba(0,0,0,.84),transparent 62%)
    }
    .game-overlay img {
        display:none
    }
    .game-overlay strong {
        font-size:12px;
        bottom:8px;
        left:9px;
        right:9px
    }
}
.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;
    }
}