: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:0px;
    --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,.portal-canvas,.masthead,.section,.footer-zone,.promo-carousel,.payment-ribbon {
    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-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;
}

.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;
}

.portal-canvas {
    margin-left:var(--sidebar-width);
    min-height:100vh;
}

.masthead {
    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);
}

.masthead>* {
    min-width:0;
}

.menu-button,.masthead-logo {
    display:none;
}

.masthead-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);
}

.masthead-search:focus-within {
    border-color:var(--cyan);
    box-shadow:0 0 0 3px rgba(82,215,255,.12);
}

.masthead-search svg {
    width:20px;
    height:20px;
    flex:0 0 20px;
}

.masthead-search input {
    width:100%;
    min-width:0;
    border:0;
    outline:0;
    background:transparent;
    color:#fff;
    font-size:14px;
}

.masthead-search input::placeholder {
    color:#9aa6d0;
    opacity:1;
}

.quick-links {
    grid-area:nav;
    display:flex;
    align-items:center;
    gap:4px;
}

.quick-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;
}

.quick-links a:hover {
    background:rgba(80,113,224,.22);
    color:#fff;
}

.masthead-promo {
    grid-area:message;
    margin:0;
    color:#d7ddf8;
    font-size:13px;
    font-weight:400;
    line-height:1.35;
    text-align:right;
}

.masthead-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%;
    }
}

.promo-carousel {
    max-width:var(--content-max);
    margin:0 auto;
    padding:24px 24px 0;
}

.carousel-window {
    position:relative;
    overflow:hidden;
    border:1px solid rgba(128,151,255,.24);
    border-radius:var(--radius-lg);
    background:#171e49;
    box-shadow:var(--shadow);
}

.carousel-track {
    position:relative;
    width:100%;
    height:clamp(420px,31vw,510px);
    min-height:0;
    overflow:hidden;
}

.carousel-slide {
    position:absolute;
    inset:0;
    overflow:hidden;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .65s ease,visibility .65s ease;
    background:#1a2253;
}

.carousel-slide.is-active,.carousel-slide:first-child {
    opacity:1;
    visibility:visible;
    pointer-events:auto;
}

.js .carousel-slide:not(.is-active) {
    opacity:0;
    visibility:hidden;
    pointer-events:none;
}

html:not(.js) .carousel-track {
    height:auto;
    overflow:visible;
}

html:not(.js) .carousel-slide {
    position:relative;
    min-height:430px;
    opacity:1;
    visibility:visible;
    pointer-events:auto;
}

html:not(.js) .carousel-slide+ .carousel-slide {
    border-top:1px solid var(--line);
}

html:not(.js) .carousel-arrow,html:not(.js) .carousel-dots {
    display:none;
}

.carousel-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%);
}

.carousel-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);
}

.carousel-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);
}

.carousel-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);
}

.carousel-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);
}

.carousel-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;
}

.carousel-slide--bonus .carousel-art {
    width:min(43%,590px);
    right:6%;
    bottom:-11%;
}

.carousel-slide--promotions .carousel-art {
    width:min(50%,670px);
    right:1%;
    bottom:-8%;
}

.carousel-slide--tournament .carousel-art {
    width:min(46%,620px);
    right:6%;
    bottom:-9%;
}

.carousel-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;
}

.carousel-label,.eyebrow {
    display:block;
    color:#8edfff;
    font-size:12px;
    font-weight:750;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.carousel-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);
}

.carousel-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);
}

.carousel-button {
    min-height:54px;
    padding:0 28px;
    font-size:15px;
}

.carousel-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;
}

.carousel-arrow:hover {
    transform:scale(1.06);
    background:rgba(31,108,255,.78);
    border-color:rgba(255,255,255,.5);
}

.carousel-arrow--prev {
    left:18px;
}

.carousel-arrow--next {
    right:18px;
}

.carousel-dots {
    position:absolute;
    z-index:7;
    left:50%;
    bottom:18px;
    display:flex;
    gap:8px;
    transform:translateX(-50%);
}

.carousel-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;
}

.carousel-dots button.is-active {
    width:52px;
    background:linear-gradient(90deg,var(--cyan),#fff);
}

.payment-ribbon {
    max-width:var(--content-max);
    margin:0 auto;
    padding:18px 24px 0;
}

.payment-ribbon__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);
}

.payment-ribbon__row::-webkit-scrollbar {
    display:none;
}

.payment-ribbon__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;
}

.payment-ribbon__item:hover {
    transform:translateY(-2px);
    background:#fff;
}

.payment-ribbon__item img {
    width:112px;
    height:40px;
    object-fit:contain;
    filter:grayscale(1) brightness(.42) contrast(1.35);
    opacity:.94;
    transition:filter .2s,opacity .2s;
}

.payment-ribbon__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;
}

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

.benefit-card {
    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;
}

.benefit-card::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);
}

.benefit-card::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);
}

.benefit-copy {
    position:relative;
    z-index:2;
    width:62%;
    min-width:0;
}

.benefit-title {
    margin:7px 0 8px;
    font-size:clamp(27px,2.2vw,36px);
    font-weight:780;
    line-height:1.08;
    letter-spacing:-.025em;
}

.benefit-card p {
    margin:0 0 20px;
    color:#c8d1f2;
    font-size:14px;
    line-height:1.55;
}

.benefit-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;
}

.benefit-card:hover .benefit-art {
    transform:translateY(-5px) scale(1.025);
}

.benefit-card--bonus {
    background:linear-gradient(135deg,#202a69,#273681);
}

.benefit-card--vip {
    background:linear-gradient(135deg,#292159,#4b246f);
}

.brand-intro {
    max-width:1160px;
    padding-top:62px;
    padding-bottom:62px;
    text-align:center;
}

.brand-intro 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;
}

.brand-intro p {
    margin:0;
    color:#c2cae9;
    font-size:18px;
    line-height:1.86;
}

.jackpot-showcase {
    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;
}

.jackpot-showcase::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);
}

.jackpot-showcase__copy {
    min-width:0;
}

.jackpot-showcase__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;
}

.jackpot-showcase 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);
}

.jackpot-showcase small {
    font-size:.32em;
    color:#b9c7f0;
}

.jackpot-showcase 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;
}

.games-grid {
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:16px;
}

.game-card {
    position:relative;
    min-width:0;
}

.game-card>a {
    position:relative;
    display:block;
    overflow:hidden;
    aspect-ratio:760/430;
    border:1px solid rgba(132,151,239,.17);
    border-radius:13px;
    background:#1d2552;
    box-shadow:0 10px 26px rgba(3,7,27,.16);
    transition:border-color .25s,box-shadow .25s,transform .25s;
}

.game-card>a:hover {
    border-color:rgba(79,177,255,.62);
    box-shadow:0 17px 34px rgba(4,9,35,.32);
    transform:translateY(-3px);
}

.game-card>a:focus-visible {
    outline:3px solid var(--focus);
    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;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:10px;
    background:linear-gradient(0deg,rgba(4,7,25,.93) 0%,rgba(5,10,31,.32) 45%,transparent 74%);
    pointer-events:none;
    transition:background .25s;
}

.game-overlay>img {
    width:50px;
    height:50px;
    opacity:0;
    transform:scale(.78);
    filter:drop-shadow(0 6px 14px rgba(0,0,0,.35));
    transition:opacity .25s,transform .25s;
}

.game-overlay strong {
    position:absolute;
    left:12px;
    right:12px;
    bottom:10px;
    overflow:hidden;
    color:#fff;
    font-size:13px;
    font-weight:700;
    line-height:1.25;
    text-overflow:ellipsis;
    white-space:nowrap;
    text-shadow:0 2px 8px rgba(0,0,0,.55);
}

.game-card:hover>a>img,.game-card:focus-within>a>img {
    transform:scale(1.055);
    filter:brightness(.68);
}

.game-card:hover .game-overlay,.game-card:focus-within .game-overlay {
    background:linear-gradient(0deg,rgba(4,7,25,.95),rgba(5,10,31,.58));
}

.game-card:hover .game-overlay>img,.game-card:focus-within .game-overlay>img {
    opacity:1;
    transform:scale(1);
}

.partner-grid {
    display:grid;
    grid-template-columns:repeat(7,minmax(0,1fr));
    gap:11px;
}

.partner-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;
}

.partner-card:hover {
    transform:translateY(-3px);
    border-color:rgba(89,185,255,.58);
    background:#25316c;
    box-shadow:0 14px 28px rgba(3,7,27,.28);
}

.partner-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;
}

.partner-card:hover img {
    opacity:1;
    transform:scale(1.035);
}

.signup-cover {
    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;
}

.signup-cover::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%);
}

.signup-cover__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;
}

.signup-cover p {
    max-width:640px;
    margin:0 0 24px;
    color:#c7d0ee;
    font-size:17px;
}

.signup-cover__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);
    }
}

.content-guide {
    max-width:1120px;
    padding-top:64px;
    padding-bottom:64px;
}

.content-guide__head {
    max-width:850px;
    margin-bottom:26px;
}

.content-guide .content-guide__head h2 {
    margin:8px 0 13px;
    color:#fff;
    font-size:clamp(34px,4vw,54px);
    font-weight:800;
    line-height:1.04;
    letter-spacing:-.04em;
}

.content-guide__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;
}

.content-guide__body {
    max-width:100%;
    font-size:16.5px;
}

.content-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;
}

.content-guide h3 {
    scroll-margin-top:140px;
    margin:30px 0 10px;
    color:#f5f7ff;
    font-size:22px;
    font-weight:720;
    line-height:1.28;
}

.content-guide__body p,.content-guide__body li {
    color:#bac4e4;
}

.content-guide__body p {
    margin:0 0 18px;
}

.content-guide__body ul,.content-guide__body ol {
    margin:0 0 22px;
    padding-left:23px;
}

.content-guide__body li+li {
    margin-top:8px;
}

.content-guide__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;
}

.answers-area {
    max-width:1120px;
    padding-top:34px;
    padding-bottom:78px;
}

.answers-head {
    margin-bottom:22px;
}

.answers-title {
    margin-top:8px;
    font-size:clamp(32px,3.6vw,49px);
    font-weight:800;
    line-height:1.05;
    letter-spacing:-.035em;
}

.answers-list {
    display:grid;
    gap:10px;
}

.answers-item {
    overflow:hidden;
    border:1px solid rgba(132,151,239,.2);
    border-radius:14px;
    background:rgba(26,34,78,.72);
}

.answers-item h3 {
    margin:0;
}

.answers-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;
}

.answers-item h3 button:hover {
    background:rgba(72,103,205,.14);
}

.answers-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;
}

.answers-item h3 button[aria-expanded="true"] .answers-mark {
    transform:rotate(45deg);
    background:rgba(31,108,255,.28);
}

.answers-panel {
    padding:0 19px 18px;
}

.answers-panel p {
    margin:0;
    color:#b8c2e1;
}

.answers-list.faq-ready .answers-panel[hidden] {
    display:none;
}

.footer-zone {
    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) {
    .masthead {
        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;
    }
    .masthead-promo {
        text-align:center;
        font-size:12px;
    }
    .carousel-title {
        font-size:clamp(40px,4.2vw,66px);
    }
}

@media(max-width:1240px) {
    .games-grid {
        grid-template-columns:repeat(4,minmax(0,1fr));
    }
    .benefit-card {
        padding:23px;
    }
    .benefit-copy {
        width:67%;
    }
    .partner-grid {
        grid-template-columns:repeat(6,minmax(0,1fr));
    }
}

@media(max-width:1120px) {
    :root {
        --sidebar-width:0px;
    }
    html {
        scroll-padding-top:160px;
    }
    .portal-canvas {
        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;
    }
    .masthead-logo {
        grid-area:logo;
        display:inline-flex;
        align-items:center;
    }
    .masthead-logo img {
        width:122px;
        height:auto;
    }
    .masthead {
        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;
    }
    .masthead-promo {
        text-align:right;
    }
    .cookie-consent {
        left:18px;
    }
    .promo-carousel {
        padding-top:18px;
    }
    .partner-grid {
        grid-template-columns:repeat(7,minmax(0,1fr));
    }
    .footer-grid {
        grid-template-columns:1.4fr .8fr .9fr 1fr;
    }
}

@media(max-width:980px) {
    .benefit-grid {
        grid-template-columns:1fr 1fr;
    }
    .benefit-card:last-child {
        grid-column:1/-1;
    }
    .partner-grid {
        grid-template-columns:repeat(5,minmax(0,1fr));
    }
    .carousel-track {
        height:460px;
    }
    .carousel-copy {
        width:58%;
    }
    .carousel-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%);
    }
    .jackpot-showcase {
        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;
    }
    .masthead {
        grid-template-columns:auto auto 1fr;
        grid-template-areas:"menu logo actions" "search search search" "nav nav message";
        padding:9px 14px;
    }
    .masthead-actions {
        justify-self:end;
    }
    .masthead-actions .button {
        min-height:43px;
        padding:0 16px;
        font-size:13px;
    }
    .quick-links {
        overflow-x:auto;
        scrollbar-width:none;
    }
    .quick-links::-webkit-scrollbar {
        display:none;
    }
    .masthead-promo {
        font-size:11px;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
    }
    .games-grid {
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
    .partner-grid {
        grid-template-columns:repeat(4,minmax(0,1fr));
    }
    .carousel-track {
        height:500px;
    }
    .carousel-copy {
        left:26px;
        width:62%;
    }
    .carousel-art {
        right:-7%;
        width:58%;
        opacity:.82;
    }
    .carousel-slide--bonus .carousel-art {
        right:-6%;
        width:51%;
    }
    .carousel-slide--promotions .carousel-art {
        right:-10%;
        width:61%;
    }
    .carousel-slide--tournament .carousel-art {
        right:-4%;
        width:55%;
    }
    .carousel-title {
        font-size:45px;
    }
    .signup-cover {
        min-height:390px;
        padding:40px;
    }
    .signup-cover__copy {
        width:68%;
    }
    .signup-cover__art {
        right:-8%;
        width:51%;
        opacity:.78;
    }
}

@media(max-width:680px) {
    html {
        scroll-padding-top:205px;
    }
    .masthead {
        grid-template-columns:auto minmax(92px,1fr) auto;
        grid-template-areas:"menu logo actions" "search search search" "nav nav nav" "message message message";
    }
    .masthead-logo img {
        width:102px;
    }
    .masthead-promo {
        display:block;
        grid-area:message;
        text-align:center;
        font-size:10.5px;
        line-height:1.35;
        white-space:normal;
        overflow:visible;
        text-overflow:clip;
    }
    .quick-links {
        justify-content:flex-start;
    }
    .quick-links a {
        padding:7px 9px;
        font-size:13px;
    }
    .masthead-actions {
        display:flex;
        gap:6px;
    }
    .masthead-actions .button--outline {
        display:inline-flex;
        min-height:41px;
        padding:0 10px;
        font-size:12px;
    }
    .masthead-actions .button--register {
        min-height:41px;
        padding:0 13px;
        font-size:12px;
    }
    .promo-carousel,.payment-ribbon,.section {
        padding-left:16px;
        padding-right:16px;
    }
    .carousel-window {
        border-radius:19px;
    }
    .carousel-track {
        height:510px;
    }
    .carousel-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%);
    }
    .carousel-slide::after {
        opacity:.45;
    }
    .carousel-art,.carousel-slide--bonus .carousel-art,.carousel-slide--promotions .carousel-art,.carousel-slide--tournament .carousel-art {
        z-index:1;
        right:-11%;
        bottom:10%;
        width:78%;
        max-width:520px;
        opacity:.72;
    }
    .carousel-slide--bonus .carousel-art {
        right:-12%;
        bottom:8%;
        width:70%;
    }
    .carousel-slide--promotions .carousel-art {
        right:-17%;
        bottom:14%;
        width:85%;
    }
    .carousel-slide--tournament .carousel-art {
        right:-8%;
        bottom:11%;
        width:77%;
    }
    .carousel-copy {
        z-index:3;
        left:20px;
        right:20px;
        top:auto;
        bottom:34px;
        width:auto;
        transform:none;
        padding:0;
    }
    .carousel-title {
        max-width:520px;
        font-size:clamp(34px,10vw,46px);
    }
    .carousel-copy p {
        max-width:470px;
        margin-bottom:18px;
        font-size:14px;
    }
    .carousel-button {
        min-height:48px;
        padding:0 21px;
        font-size:13px;
    }
    .carousel-arrow {
        top:41%;
        width:40px;
        height:40px;
        margin-top:-20px;
        font-size:29px;
    }
    .carousel-arrow--prev {
        left:10px;
    }
    .carousel-arrow--next {
        right:10px;
    }
    .carousel-dots {
        bottom:14px;
    }
    .payment-ribbon__item {
        width:126px;
        flex-basis:126px;
    }
    .payment-ribbon__row {
        min-height:82px;
    }
    .benefit-grid {
        grid-template-columns:1fr;
    }
    .benefit-card:last-child {
        grid-column:auto;
    }
    .benefit-card {
        min-height:250px;
    }
    .benefit-copy {
        width:62%;
    }
    .brand-intro {
        padding-top:50px;
        padding-bottom:50px;
    }
    .brand-intro p {
        font-size:16.5px;
        line-height:1.78;
        text-align:left;
    }
    .jackpot-showcase {
        margin-left:16px;
        margin-right:16px;
        flex-direction:column;
        align-items:flex-start;
        padding:34px 26px;
    }
    .button--jackpot {
        width:100%;
    }
    .games-grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:12px;
    }
    .partner-grid {
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
    .partner-card {
        height:76px;
        padding:11px;
    }
    .signup-cover {
        min-height:455px;
        margin-left:0;
        margin-right:0;
        padding:32px 26px;
        align-items:flex-end;
    }
    .signup-cover::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%);
    }
    .signup-cover__copy {
        z-index:2;
        width:100%;
    }
    .signup-cover__art {
        right:-12%;
        bottom:20%;
        width:78%;
        opacity:.58;
    }
    .button--cta {
        width:100%;
    }
    .toc ol {
        display:block;
    }
    .toc li+li {
        margin-top:7px;
    }
    .content-guide h2 {
        font-size:25px;
    }
    .footer-grid {
        grid-template-columns:1fr;
        gap:29px;
    }
    .footer-zone {
        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) {
    .masthead {
        gap:7px 9px;
    }
    .menu-button {
        width:40px;
        height:40px;
    }
    .masthead-logo img {
        width:92px;
    }
    .masthead-actions .button--register {
        padding:0 10px;
    }
    .masthead-search {
        height:42px;
        padding:0 11px;
    }
    .masthead-search input {
        font-size:12.5px;
    }
    .carousel-track {
        height:490px;
    }
    .carousel-copy {
        bottom:30px;
    }
    .carousel-title {
        font-size:34px;
    }
    .carousel-label {
        font-size:10px;
    }
    .carousel-dots button {
        width:26px;
    }
    .carousel-dots button.is-active {
        width:39px;
    }
    .benefit-card {
        min-height:240px;
        padding:21px;
    }
    .benefit-copy {
        width:68%;
    }
    .benefit-art {
        right:-11%;
        width:63%;
    }
    .benefit-title {
        font-size:26px;
    }
    .benefit-card p {
        font-size:13px;
    }
    .jackpot-showcase strong {
        font-size:39px;
    }
    .section {
        padding-top:40px;
        padding-bottom:40px;
    }
    .game-overlay strong {
        left:8px;
        right:8px;
        bottom:8px;
        font-size:11.5px;
    }
    .partner-grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .signup-cover {
        min-height:440px;
        padding:27px 20px;
    }
    .cta-title {
        font-size:32px;
    }
    .signup-cover 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) {
    .masthead-logo {
        display:none;
    }
    .masthead {
        grid-template-columns:auto 1fr;
        grid-template-areas:"menu actions" "search search" "nav nav" "message message";
    }
    .masthead-actions .button--register {
        min-height:40px;
    }
    .promo-carousel,.payment-ribbon,.section {
        padding-left:12px;
        padding-right:12px;
    }
    .carousel-track {
        height:485px;
    }
    .carousel-title {
        font-size:31px;
    }
    .carousel-copy p {
        font-size:13px;
    }
    .benefit-copy {
        width:72%;
    }
    .jackpot-showcase {
        margin-left:12px;
        margin-right:12px;
        padding:29px 21px;
    }
    .game-overlay>img {
        width:42px;
        height:42px;
    }
}

@media(hover:none) {
    .game-overlay>img {
        display:none;
    }
    .game-card>a>img {
        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;
    }
}

/* Full-width header edition */
:root {
    --sidebar-width:0px;
    --header-height:78px;
}

.portal-canvas,.portal-canvas--wide {
    width:100%;
    min-width:0;
    min-height:100vh;
    margin-left:0;
}

.masthead {
    position:sticky;
    top:0;
    z-index:100;
    width:100%;
    min-height:var(--header-height);
    display:flex;
    align-items:center;
    gap:12px;
    padding:11px clamp(18px,2vw,34px);
    background:rgba(18,23,55,.94);
    border-bottom:1px solid rgba(133,154,255,.18);
    box-shadow:0 10px 30px rgba(3,6,25,.18);
    backdrop-filter:blur(18px) saturate(140%);
}

.masthead>* {
    min-width:0;
}

.masthead-logo {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
}

.masthead-logo img {
    width:142px;
    height:auto;
}

.menu-button {
    display:none;
    width:44px;
    height:44px;
    flex:0 0 44px;
    padding:10px;
    border:1px solid rgba(137,164,255,.25);
    border-radius:11px;
    background:rgba(255,255,255,.045);
    color:#fff;
    cursor:pointer;
}

.menu-button span {
    display:block;
    width:100%;
    height:2px;
    margin:4px 0;
    border-radius:4px;
    background:currentColor;
}

.masthead-nav,.quick-links {
    display:flex;
    align-items:center;
    gap:3px;
    white-space:nowrap;
}

.masthead-nav {
    flex:0 0 auto;
}

.masthead-nav a,.quick-links a {
    padding:9px 10px;
    border-radius:9px;
    color:#cbd3f3;
    font-size:13.5px;
    font-weight:550;
    transition:background-color .2s,color .2s,box-shadow .2s;
}

.masthead-nav a:hover,.masthead-nav a.active,.quick-links a:hover {
    background:rgba(80,113,224,.22);
    color:#fff;
}

.masthead-nav a.active {
    box-shadow:inset 0 -2px 0 var(--cyan);
}

.masthead-search {
    flex:1 1 270px;
    width:auto;
    max-width:340px;
    min-width:170px;
}

.masthead-promo {
    flex:0 1 250px;
    max-width:250px;
    margin:0 0 0 auto;
    color:#d7ddf8;
    font-size:12.5px;
    font-weight:400;
    line-height:1.35;
    text-align:right;
}

.masthead-actions {
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:8px;
    flex:0 0 auto;
}

.masthead-actions .button {
    min-height:48px;
    padding:0 22px;
}

.header-language {
    width:auto;
    height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    flex:0 0 auto;
    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;
    cursor:default;
}

.header-language img {
    width:24px;
    height:16px;
    object-fit:cover;
    border-radius:2px;
}

.mobile-menu {
    position:fixed;
    inset:0 0 0 auto;
    z-index:130;
    width:min(380px,90vw);
    display:flex;
    flex-direction:column;
    overflow-y:auto;
    overscroll-behavior:contain;
    padding:18px;
    background:linear-gradient(180deg,#151b41 0%,#121735 52%,#10142e 100%);
    border-left:1px solid rgba(118,140,255,.2);
    box-shadow:-24px 0 70px rgba(2,5,22,.52);
    transform:translateX(105%);
    visibility:hidden;
    pointer-events:none;
    transition:transform .28s ease,visibility .28s ease;
}

.mobile-menu.is-open {
    transform:translateX(0);
    visibility:visible;
    pointer-events:auto;
}

.mobile-menu__head {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding-bottom:16px;
    border-bottom:1px solid var(--line-soft);
}

.mobile-menu__head img {
    width:164px;
    height:auto;
}

.mobile-menu__close {
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    flex:0 0 42px;
    padding:0;
    border:1px solid rgba(145,165,255,.24);
    border-radius:10px;
    background:rgba(255,255,255,.055);
    color:#fff;
    font-size:31px;
    line-height:1;
    cursor:pointer;
}

.mobile-menu__primary,.mobile-menu__promo,.mobile-menu__secondary {
    display:grid;
    gap:5px;
    padding:15px 0;
    border-bottom:1px solid var(--line-soft);
}

.mobile-menu nav a {
    display:block;
    padding:11px 12px;
    border-radius:9px;
    color:#e3e8ff;
    transition:background-color .2s,color .2s;
}

.mobile-menu nav a:hover,.mobile-menu nav a.active {
    background:rgba(65,98,202,.25);
    color:#fff;
}

.mobile-menu__primary a {
    font-size:16px;
    font-weight:650;
}

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

.mobile-menu__promo a {
    text-align:center;
    background:rgba(255,255,255,.04);
    font-size:13px;
}

.mobile-menu__secondary a {
    padding-block:8px;
    color:#b9c3e4;
    font-size:13px;
    font-weight:400;
}

.mobile-menu__social {
    padding-top:17px;
}

.mobile-menu__social p {
    margin:0 0 10px;
    color:var(--muted-2);
    font-size:11px;
    font-weight:650;
    letter-spacing:.09em;
    text-transform:uppercase;
}

.mobile-menu__apps {
    margin-top:18px;
}

.mobile-menu__foot {
    margin-top:auto;
    padding-top:22px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
}

.menu-overlay {
    position:fixed;
    inset:0;
    z-index:120;
    background:rgba(5,8,24,.7);
    backdrop-filter:blur(3px);
    opacity:0;
    visibility:hidden;
    transition:opacity .25s,visibility .25s;
}

.menu-overlay.is-visible {
    opacity:1;
    visibility:visible;
}

.cookie-consent {
    left:18px;
}

@media(max-width:1460px) {
    .masthead-promo {
        display:none;
    }
    .masthead-search {
        max-width:none;
    }
    .masthead-nav a,.quick-links a {
        padding-inline:8px;
    }
}

@media(max-width:1260px) {
    .quick-links {
        display:none;
    }
}

@media(max-width:1120px) {
    html {
        scroll-padding-top:110px;
    }
    .menu-button {
        display:block;
    }
    .masthead-nav {
        display:none;
    }
    .masthead {
        gap:10px;
        padding-inline:16px;
    }
    .masthead-logo img {
        width:126px;
    }
    .masthead-search {
        max-width:none;
    }
}

@media(min-width:1121px) {
    .mobile-menu,.menu-overlay {
        display:none!important;
    }
}

@media(max-width:760px) {
    :root {
        --header-height:66px;
    }
    .masthead {
        gap:8px;
        padding:10px 12px;
    }
    .menu-button {
        width:42px;
        height:42px;
        flex-basis:42px;
    }
    .masthead-logo img {
        width:108px;
    }
    .masthead-search {
        height:42px;
        min-width:0;
        flex:1 1 auto;
        padding-inline:11px;
    }
    .masthead-search input {
        font-size:12.5px;
    }
    .masthead-actions .button {
        min-height:42px;
        padding:0 13px;
        font-size:12.5px;
    }
    .masthead-actions .button--outline {
        display:none;
    }
    .header-language {
        width:42px;
        height:42px;
        padding:0;
    }
    .header-language span {
        display:none;
    }
}

@media(max-width:560px) {
    .masthead-search {
        display:none;
    }
    .masthead-actions {
        margin-left:auto;
    }
    .masthead-logo img {
        width:100px;
    }
}

@media(max-width:390px) {
    .masthead {
        gap:7px;
        padding-inline:9px;
    }
    .menu-button {
        width:40px;
        height:40px;
        flex-basis:40px;
    }
    .masthead-logo img {
        width:88px;
    }
    .masthead-actions .button {
        padding-inline:11px;
    }
    .header-language {
        width:40px;
        height:40px;
    }
    .mobile-menu {
        width:min(350px,94vw);
        padding:15px;
    }
}

@media(max-width:350px) {
    .header-language {
        display:none;
    }
    .masthead-actions .button {
        padding-inline:10px;
    }
}

@media(prefers-reduced-motion:reduce) {
    .mobile-menu,.menu-overlay {
        transition:none;
    }
}

/* TonPlay full-width theme */
:root {
    --bg:#070a0e;
    --panel:#0e151c;
    --panel-2:#121d26;
    --line:rgba(130,214,255,.14);
    --text:#f5f8fa;
    --muted:#9fb0bc;
    --primary:#fde20c;
    --primary-2:#ffb800;
    --secondary:#0098ea;
    --focus:#fde20c;
    --topbar:84px;
}

html {
    background:#070a0e;
}

.portal-canvas {
    background:radial-gradient(circle at 15% 0,rgba(0,152,234,.17),transparent 26%),radial-gradient(circle at 92% 8%,rgba(253,226,12,.09),transparent 22%),linear-gradient(180deg,#070b10,#0b1117 46%,#07090c);
}

.masthead {
    background:rgba(7,10,14,.91);
    border-bottom-color:rgba(130,214,255,.12);
    box-shadow:0 15px 34px rgba(0,0,0,.25);
}

.masthead-logo img {
    width:142px;
    height:auto;
}

.masthead-nav a.active,.masthead-nav a:hover,.quick-links a:hover {
    color:#fde20c;
}

.masthead-search {
    background:rgba(18,29,38,.86);
    border-color:rgba(130,214,255,.15);
}

.masthead-search:focus-within {
    border-color:#0098ea;
    box-shadow:0 0 0 3px rgba(0,152,234,.13);
}

.masthead-promo {
    color:#cad5db;
}

.header-language {
    border-color:rgba(130,214,255,.2);
    background:#101820;
}

.button--primary,.button--register {
    background:linear-gradient(115deg,#fde20c,#ffb800);
    color:#101214;
    box-shadow:0 13px 32px rgba(253,226,12,.2);
}

.button--outline {
    border-color:rgba(0,152,234,.6);
    color:#fff;
}

.button--outline:hover {
    background:#0098ea;
    border-color:#0098ea;
}

.mobile-menu {
    background:linear-gradient(180deg,#0a0e13,#111b24);
}

.mobile-menu__primary a.active {
    color:#fde20c;
    background:rgba(253,226,12,.09);
}

.promo-carousel {
    padding-top:18px;
}

.carousel-window {
    border:1px solid rgba(130,214,255,.16);
    border-radius:28px;
    box-shadow:0 34px 72px rgba(0,0,0,.38);
}

.carousel-slide {
    background:radial-gradient(circle at 82% 14%,rgba(0,152,234,.34),transparent 38%),linear-gradient(110deg,#081018,#0c1f2a 58%,#073146);
}

.carousel-slide--promotions {
    background:radial-gradient(circle at 82% 12%,rgba(253,226,12,.24),transparent 34%),linear-gradient(110deg,#0b1116,#172229 58%,#332d0b);
}

.carousel-slide--tournament {
    background:radial-gradient(circle at 82% 15%,rgba(0,152,234,.42),transparent 38%),linear-gradient(110deg,#081018,#0b202d 56%,#074a6c);
}

.carousel-slide::after {
    background:linear-gradient(90deg,rgba(5,9,13,.98),rgba(5,12,17,.9) 43%,rgba(6,18,25,.3) 70%,transparent);
}

.carousel-label {
    color:#fde20c;
}

.carousel-title {
    color:#fff;
}

.carousel-copy p {
    color:#c2d1d9;
}

.carousel-arrow {
    background:rgba(7,13,18,.72);
    border-color:rgba(255,255,255,.2);
}

.carousel-arrow:hover {
    background:#fde20c;
    color:#111;
}

.carousel-dots button.is-active {
    background:#fde20c;
    box-shadow:0 0 0 4px rgba(253,226,12,.14);
}

.payment-ribbon {
    border-color:rgba(130,214,255,.12);
    background:rgba(14,21,28,.8);
    backdrop-filter:blur(14px);
}

.payment-ribbon__item {
    border-color:rgba(130,214,255,.1);
    background:rgba(18,29,38,.78);
}

.payment-ribbon__item:hover {
    border-color:rgba(0,152,234,.48);
    background:#152531;
}

.benefit-card {
    border-color:rgba(130,214,255,.12);
    box-shadow:0 20px 45px rgba(0,0,0,.25);
}

.benefit-card--wheel {
    background:radial-gradient(circle at 90% 16%,rgba(253,226,12,.27),transparent 34%),linear-gradient(140deg,#13191e,#27270f);
}

.benefit-card--bonus {
    background:radial-gradient(circle at 88% 12%,rgba(0,152,234,.36),transparent 34%),linear-gradient(140deg,#0c161d,#083248);
}

.benefit-card--vip {
    background:radial-gradient(circle at 88% 15%,rgba(255,144,12,.28),transparent 34%),linear-gradient(140deg,#151617,#35240b);
}

.benefit-title {
    color:#fff;
}

.benefit-copy p {
    color:#c1cdd4;
}

.button--secondary {
    background:#fff;
    color:#0b1116;
}

.button--secondary:hover {
    background:#fde20c;
}

.brand-intro {
    border:1px solid rgba(130,214,255,.12);
    border-radius:24px;
    background:linear-gradient(135deg,rgba(18,29,38,.88),rgba(10,16,22,.72));
    box-shadow:0 24px 50px rgba(0,0,0,.19);
}

.brand-intro h1 {
    color:#fff;
}

.brand-intro p {
    color:#becbd3;
}

.jackpot-showcase {
    border-color:rgba(0,152,234,.35);
    border-radius:28px;
    background:radial-gradient(circle at 14% 18%,rgba(253,226,12,.18),transparent 32%),radial-gradient(circle at 88% 12%,rgba(0,152,234,.4),transparent 38%),linear-gradient(120deg,#111b14,#0b1b24 54%,#073247);
}

.jackpot-showcase__label {
    color:#fde20c;
}

.jackpot-showcase__copy small {
    color:#8fddff;
}

.button--jackpot {
    background:linear-gradient(112deg,#fde20c,#ffb800 50%,#0098ea);
    color:#101214;
    box-shadow:0 17px 42px rgba(0,152,234,.25);
}

.partner-card {
    background:linear-gradient(145deg,#101a22,#0c1319);
    border-color:rgba(130,214,255,.11);
}

.partner-card:hover {
    border-color:rgba(0,152,234,.5);
    background:#13232e;
}

.signup-cover {
    border-color:rgba(0,152,234,.28);
    border-radius:28px;
    background:radial-gradient(circle at 82% 12%,rgba(253,226,12,.2),transparent 31%),radial-gradient(circle at 96% 90%,rgba(0,152,234,.36),transparent 36%),linear-gradient(120deg,#0b1319,#102630 54%,#073a54);
}

.signup-cover__copy p {
    color:#c5d3da;
}

.button--cta {
    background:linear-gradient(115deg,#fde20c,#ffb800 58%,#0098ea);
    color:#111;
    box-shadow:0 18px 44px rgba(0,152,234,.25);
}

.content-guide,.answers-area {
    border:1px solid rgba(130,214,255,.11);
    border-radius:24px;
    background:linear-gradient(145deg,rgba(15,24,32,.94),rgba(9,14,19,.92));
}

.content-guide__head h2,.content-guide__body h2,.content-guide__body h3,.answers-title {
    color:#fff;
}

.content-guide__head p,.content-guide__body,.answers-panel {
    color:#bdc9d0;
}

.toc {
    background:#101b23;
    border-color:rgba(130,214,255,.12);
}

.toc a {
    color:#83d7ff;
}

.answers-item {
    background:#101920;
    border-color:rgba(130,214,255,.1);
}

.answers-item:has(button[aria-expanded="true"]) {
    border-color:rgba(253,226,12,.45);
}

.answers-item button {
    color:#f4f7f8;
}

.answers-mark {
    background:rgba(0,152,234,.13);
    color:#83d7ff;
}

.footer-zone {
    background:radial-gradient(circle at 10% 0,rgba(0,152,234,.14),transparent 27%),linear-gradient(180deg,#0b1319,#040608);
    border-top-color:rgba(130,214,255,.11);
}

.footer-payments img,.footer-providers img {
    filter:grayscale(1) brightness(2);
    opacity:.58;
}

.cookie-consent {
    background:rgba(8,13,18,.97);
    border-color:rgba(0,152,234,.25);
}

/* 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,#fde20c);
    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(253,226,12,.72);
    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;
    }
}

/* Site content and editable static jackpot */
/* Artwork sits above the copy on narrow displays. */
@media (max-width: 680px) {
    .feature-slide .feature-art,     .carousel-slide .carousel-art,     .wp-hero-slide .wp-hero-art {
        top: 12px;
        bottom: auto;
        left: 50%;
        right: auto;
        width: min(76%, 285px);
        height: 200px;
        max-width: none;
        max-height: none;
        transform: translateX(-50%);
        object-fit: contain;
        object-position: center;
        opacity: 1;
        z-index: 2;
    }
    .feature-slide::before,     .carousel-slide::before {
        z-index: 1;
    }
}

.payline img, .payment-ribbon img, .wp-payment-strip img, .footer-payments img {
    filter: grayscale(1) invert(1) brightness(1.3);
    opacity: .7;
}

[hidden] {
    display: none !important;
}

.jackpot-number {
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.search-result {
    margin: 12px 0 0;
    font-size: 14px;
}

.article-table {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    margin: 24px 0;
    -webkit-overflow-scrolling: touch;
}

.article-table table {
    margin: 0;
}

.article-table:focus-visible {
    outline: 2px solid #0098ea;
    outline-offset: 4px;
}

.side-panel .social-row {
    gap: 8px;
    flex-wrap: wrap;
}

.side-panel .social-row a, .widget-area .social-navigation a {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 7px;
}

.side-panel .social-row img, .widget-area .social-navigation img {
    width: 17px;
    height: 17px;
    object-fit: contain;
}

.game-card > a:focus-visible {
    outline: 3px solid #fde20c;
    outline-offset: 3px;
}

@media (max-width: 520px) {
    .jackpot-number {
        font-size: clamp(24px, 7.7vw, 40px) !important;
        line-height: 1.2;
        letter-spacing: -0.02em;
    }
    .jackpot-number small {
        font-size: 0.6em;
    }
}

@media (prefers-reduced-motion: reduce) {
    .game-card, .game-card > a, .game-card img, .game-overlay {
        transition: none !important;
        transform: none !important;
    }
}