:root{
--bg-page:#0E0C0C;
--ink-on-gold:#FFFFFF;
--gold-border:rgba(255,255,255,.14);
--grad-gold:linear-gradient(180deg, rgba(255,255,255,.30), rgba(255,255,255,0) 42%),linear-gradient(180deg,#E8373D 0%,#CB2126 50%,#9E161A 100%);
--grad-ring:linear-gradient(132deg,rgba(255,255,255,.5) 0%,rgba(242,166,168,.42) 32%,rgba(227,102,105,.38) 66%,rgba(203,33,38,.28) 100%);
--shadow-gold:inset 0 2px 0 rgba(255,255,255,.28), inset 0 -6px 14px rgba(34,30,31,.3);
--font:'Manrope',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif; --font-mono:'Roboto Mono',ui-monospace,'SF Mono',Menlo,monospace; --ink:#FFFFFF; --ink-2:#E6E2E1; --ink-soft:#8C8584; --ink-deep:#FFFFFF; --paper:#1B1819; --paper-2:#161314; --paper-3:#2A2627; --nav-surface:#221E1F; --rule:rgba(255,255,255,.08); --rule-2:rgba(255,255,255,.16); --brand-navy:#221E1F; --brand-navy-2:#34302F; --brand-navy-deep:#0E0C0C; --red:#CB2126; --red-deep:#AB1A1F; --red-tint:#FFE8EB; --magenta:#CB2126; --magenta-tint:#FFE2F1; --yellow:#CB2126; --yellow-tint:#FFF4C4; --yellow-deep:#AB1A1F; --cyan:#CB2126; --cyan-tint:#C9F3F6; --cyan-deep:#00A0AC; --purple:#7C1FBE; --purple-tint:#EDD8FA; --purple-deep:#5E1591; --green:#0BA15C; --green-tint:#D9F3E5; --r-pill:999px; --r-blob:32px; --r-card:22px; --r-tile:16px; --r-sm:10px; --shadow-sm:0 1px 0 var(--rule); --shadow-md:0 8px 24px -8px rgba(0,0,0,.55); --shadow-lg:0 24px 48px -16px rgba(0,0,0,.65); --shadow-press:0 8px 0 -2px rgba(0,0,0,.45); --sidebar-w:280px; --sidebar-w-collapsed:80px; --header-h:72px; --gutter:clamp(16px, 2.4vw, 28px); --section-gap:clamp(20px, 2.4vw, 28px); --fs-display:clamp(32px, 4.4vw, 46px); --fs-h2:clamp(22px, 2.4vw, 30px); --fs-h3:clamp(18px, 1.9vw, 22px); --fs-h4:clamp(14px, 1.2vw, 15px); --fs-body:14px; --fs-sm:13px; --fs-xs:12px; --fs-eb:11px; --spark: polygon(50% 0%, 53.5% 46.5%, 100% 50%, 53.5% 53.5%, 50% 100%, 46.5% 53.5%, 0% 50%, 46.5% 46.5%); --ease-out:cubic-bezier(.2,.7,.2,1); --ease-in-out:cubic-bezier(.65,0,.35,1);}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:'Mulish', system-ui, -apple-system, Segoe UI, Roboto, sans-serif; color:var(--ink); background:var(--bg-page); font-size:var(--fs-body); line-height:1.45; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; text-rendering:optimizeLegibility; overflow-x:clip;}
button,input{font-family:inherit;color:inherit}
button{background:none;border:0;cursor:pointer;padding:0}
a{color:inherit;text-decoration:none}
svg{display:block}
img{max-width:100%;height:auto;display:block}
.np-icon-sprite{position:absolute;width:0;height:0;overflow:hidden;}
.np-icon{width:1em;height:1em;display:block;flex-shrink:0; fill:none;stroke:currentColor;stroke-width:2.2; stroke-linecap:round;stroke-linejoin:round;}
.np-icon .np-fill{fill:currentColor;stroke:none}
.np-icon--solid{fill:currentColor;stroke:none}
:focus-visible{outline:2px solid var(--magenta);outline-offset:2px;border-radius:6px}
::selection{background:var(--ink);color:#fff}
.scroll-rail{scrollbar-width:none; -ms-overflow-style:none;}
.scroll-rail::-webkit-scrollbar{display:none}
.layout{display:grid; grid-template-columns:var(--sidebar-w) 1fr; min-height:100vh; transition:grid-template-columns .3s var(--ease-out);}
.layout.collapsed{grid-template-columns:var(--sidebar-w-collapsed) 1fr}
.scrim{position:fixed;inset:0; background:rgba(34,30,31,.55); backdrop-filter:blur(2px); opacity:0;visibility:hidden; transition:opacity .25s var(--ease-out), visibility .25s; z-index:90;}
.layout.drawer-open .scrim{opacity:1;visibility:visible}
.sidebar{background:var(--ink); color:#fff; position:sticky;top:0; height:100vh; overflow-y:auto; display:flex;flex-direction:column; flex-shrink:0; scrollbar-width:thin;}
.sidebar::-webkit-scrollbar{width:6px}
.sidebar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18);border-radius:3px}
.sidebar > *{flex-shrink:0}
.sb-scroll{display:contents}
.sb-scroll > *{flex-shrink:0}
.sb-market{display:flex;gap:3px; margin:13px 22px 8px; padding:3px; border-radius:var(--r-pill); background:linear-gradient(135deg, rgba(255,255,255,.06) 0%, rgba(255,255,255,.02) 100%); border:1px solid rgba(255,255,255,.12); box-shadow: inset 0 1px 0 rgba(255,255,255,.12), inset 0 -1px 0 rgba(0,0,0,.18);}
.sb-market-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px; height:38px;border-radius:var(--r-pill); background:transparent;border:0;cursor:pointer;text-decoration:none; font-weight:800;font-size:13px;letter-spacing:.02em; color:rgba(255,255,255,.62);white-space:nowrap; transition:background .15s, color .15s;}
.sb-market-tab .np-icon{width:18px;height:18px;color:rgba(255,255,255,.55);transition:color .15s;flex-shrink:0}
.sb-market-tab[data-vert="sports"] .np-icon{width:19px;height:19px}
.sb-market-tab:hover{color:#fff}
.sb-market-tab:hover .np-icon{color:#fff}
.sb-market-tab.active{background:rgba(255,255,255,.10);color:#fff; box-shadow: inset 0 1px 0 rgba(255,255,255,.18), inset 0 -1px 0 rgba(0,0,0,.12);}
.sb-market-tab.active .np-icon{color:var(--yellow)}
.collapsed .sb-market{display:none}
.fold-edge{position:fixed;top:19px;left:calc(var(--sidebar-w) - 17px);z-index:85; width:34px;height:34px;border-radius:50%; display:inline-flex;align-items:center;justify-content:center; background:linear-gradient(135deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.03) 100%), var(--brand-navy); border:1px solid rgba(255,255,255,.14); box-shadow:inset 0 1px 0 rgba(255,255,255,.22), inset 0 -1px 0 rgba(0,0,0,.18), 0 2px 8px -3px rgba(0,0,0,.4); color:#fff;cursor:pointer; transition:left .3s var(--ease-out), top .3s var(--ease-out), background .15s, transform .15s;}
.fold-edge:hover{background:linear-gradient(135deg, rgba(255,255,255,.18) 0%, rgba(255,255,255,.06) 100%), var(--brand-navy)}
.fold-edge svg{width:16px;height:16px;transition:transform .2s}
.collapsed .fold-edge{top:19px;left:calc((var(--sidebar-w-collapsed) - 34px) / 2); transform:none;}
.collapsed .fold-edge svg{transform:rotate(180deg)}
.collapsed .nav{padding-top:46px}
.drawer-close{display:none; position:absolute;z-index:6; width:34px;height:34px;border-radius:50%; align-items:center;justify-content:center;cursor:pointer; background:linear-gradient(135deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.03) 100%), var(--brand-navy); border:1px solid rgba(255,255,255,.14); box-shadow:inset 0 1px 0 rgba(255,255,255,.22), inset 0 -1px 0 rgba(0,0,0,.18), 0 2px 8px -3px rgba(0,0,0,.4); color:#fff; transition:background .15s;}
.drawer-close:hover{background:linear-gradient(135deg, rgba(255,255,255,.18) 0%, rgba(255,255,255,.06) 100%), var(--brand-navy)}
.drawer-close svg{width:15px;height:15px}
.nav{display:flex;flex-direction:column;gap:2px;padding:0 12px}
.nav-item{display:flex;align-items:center;gap:14px; padding:13px 14px;border-radius:12px; font-weight:800;font-size:14px;color:rgba(255,255,255,.9);cursor:pointer; transition:background .15s, color .15s, transform .15s; white-space:nowrap;}
.collapsed .nav-item{justify-content:center;padding:13px 0;gap:0;position:relative}
.collapsed .nav-item .ni-label, .collapsed .nav-item .caret{display:none}
.collapsed .nav-item .badge, .collapsed .nav-item .dot-badge{position:absolute;top:5px;right:12px; padding:1px 5px;font-size:9px;letter-spacing:0;}
.collapsed .nav-item .dot-badge::before{display:none}
.nav-item .ni-ico{width:24px;height:24px;display:flex;align-items:center;justify-content:center; flex-shrink:0;}
.nav-item .ni-ico svg{width:20px;height:20px;font-size:20px}
.nav-item .ni-label{flex:1}
.nav-item .badge{background:var(--red);color:#fff; padding:2px 8px;border-radius:999px; font-size:10px;font-weight:900;letter-spacing:.04em;}
.nav-item .dot-badge{display:inline-flex;align-items:center;gap:5px; background:var(--magenta);color:#fff; padding:3px 9px;border-radius:999px; font-size:10px;font-weight:900;letter-spacing:.04em; line-height:1;}
.nav-item .dot-badge::before{content:''; width:5px;height:5px;border-radius:50%;background:#fff; flex-shrink:0;}
.nav-item .caret{color:rgba(255,255,255,.5);width:16px;height:16px}
.nav-item:hover{background:rgba(255,255,255,.06);color:#fff}
.ni-ico.c-red,.ni-ico.c-yellow,.ni-ico.c-magenta, .ni-ico.c-cyan,.ni-ico.c-purple,.ni-ico.c-green,.ni-ico.c-navy{color:rgba(255,255,255,.6)}
.nav-item:hover .ni-ico{color:#fff}
.nav-item.active .ni-ico.c-red{color:var(--red)}
.nav-item.active .ni-ico.c-yellow{color:var(--yellow)}
.nav-item.active .ni-ico.c-magenta{color:var(--magenta)}
.nav-item.active .ni-ico.c-cyan{color:var(--cyan)}
.nav-item.active .ni-ico.c-purple{color:var(--purple)}
.nav-item.active{background:var(--paper);color:var(--ink); box-shadow:0 6px 18px -8px rgba(0,0,0,.4);}
.nav-item.active .badge{background:var(--red)}
.right-col{display:flex;flex-direction:column;min-width:0}
.header{position:sticky;top:-4px;z-index:50; height:calc(var(--header-h) + 4px); margin-bottom:calc(-1 * var(--header-h) - 4px); background:transparent; box-shadow:none; display:flex;align-items:center;gap:16px; padding:4px var(--gutter) 0; transition:background .25s var(--ease-out), box-shadow .25s, backdrop-filter .25s;}
.header::before{content:''; position:absolute;inset:0;z-index:-1; pointer-events:none; background:linear-gradient(180deg, rgba(14,12,12,.82) 0%, rgba(14,12,12,.46) 52%, rgba(14,12,12,0) 100%); transition:opacity .25s var(--ease-out);}
.header.is-solid{background:rgba(22,19,20,.62); backdrop-filter:blur(22px) saturate(180%); -webkit-backdrop-filter:blur(22px) saturate(180%); border-bottom:1px solid rgba(255,255,255,.10); box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 8px 24px -10px rgba(0,0,0,.55);}
.header.is-solid::before{opacity:0}
.header-logo{display:none;align-items:center;gap:9px;min-width:0}
.header-logo-img{height:clamp(30px, 3.6vw, 44px);width:auto;display:block}
.collapsed .header-logo{display:flex}
.header-nav{flex:1 1 auto; min-width:0; display:flex;align-items:center;justify-content:center;gap:6px;}
@media (max-width: 1180px){
.header-nav{display:none;}
}
@media (max-width: 1400px){
.layout:not(.collapsed) .header-nav{display:none;}
}
.header-nav .hn-link{position:relative;display:inline-flex;align-items:center; padding:8px 16px;border-radius:10px; font-weight:700;font-size:16px;letter-spacing:-.01em;line-height:1; color:rgba(255,255,255,.72);white-space:nowrap; transition:color .15s, background .15s;}
.header-nav .hn-link:hover{color:#fff;background:rgba(255,255,255,.06)}
.header-nav .hn-link.is-active{color:#fff}
.header-nav .hn-link.is-active::after{content:"";position:absolute;left:16px;right:16px;bottom:-1px;height:3px; border-radius:3px;background:var(--yellow); box-shadow:0 0 10px rgba(203,33,38,.55);}
.header-right{display:flex;align-items:center;gap:10px;margin-left:auto}
.lang{height:44px;padding:0 16px;border-radius:var(--r-pill); background:transparent;border:1.5px solid var(--rule); display:inline-flex;align-items:center;gap:8px; font-weight:900;font-size:12.5px;color:var(--ink); transition:background .15s;}
.lang:hover{background:var(--paper-2)}
.lang svg{width:16px;height:16px;opacity:.7;flex-shrink:0}
.login{height:44px;padding:0 24px;border-radius:var(--r-pill); background:transparent;border:1.5px solid var(--ink); font-weight:900;font-size:14px;color:var(--ink); white-space:nowrap;transition:background .15s; display:inline-flex;align-items:center;justify-content:center;}
.login:hover{background:var(--paper-2)}
.signup{height:44px;padding:0 28px;border-radius:var(--r-pill); background:var(--ink);color:#fff; font-weight:900;font-size:14px;white-space:nowrap; box-shadow:0 8px 0 -2px rgba(34,30,31,.22); transition:transform .15s, background .15s, box-shadow .15s; display:inline-flex;align-items:center;justify-content:center;}
.signup:hover{transform:translateY(-1px);background:var(--ink-2)}
.signup:active{transform:translateY(2px);box-shadow:0 4px 0 -2px rgba(34,30,31,.22)}
.login .ico,.signup .ico{display:none}
.main{padding:24px var(--gutter) 24px;min-width:0;flex:1}
.main-inner{max-width:1480px;margin:0 auto;display:flex;flex-direction:column;gap:var(--section-gap)}
.hero-track{display:grid; grid-auto-flow:column; grid-auto-columns:calc((100% - 32px) / 3); gap:16px; overflow-x:auto; scroll-snap-type:x mandatory; scroll-behavior:smooth; scroll-padding:0; padding-bottom:4px;}
.hero-card{scroll-snap-align:start; border-radius:var(--r-card); padding:30px; position:relative;overflow:hidden; min-height:380px; display:flex;flex-direction:column; isolation:isolate; container-type:inline-size;}
.hero-card.c-red{background:var(--red);color:#fff}
.hero-card.c-yellow{background:var(--yellow);color:var(--ink)}
.hero-card.c-purple{background:var(--purple);color:#fff}
.hero-card.c-cyan{background:var(--cyan);color:var(--ink)}
.hero-card.c-magenta{background:var(--magenta);color:#fff}
.hero-card.c-navy{background:var(--ink);color:#fff}
.hero-card > *{position:relative;z-index:3}
.hero-card .hc-eb, .hero-card h2, .hero-card .bonus, .hero-card .ctas{max-width:60%}
.hero-card .hc-eb{align-self:flex-start; font-size:clamp(11px, 2.1cqw, 13.5px); font-weight:900;letter-spacing:.18em;text-transform:uppercase; color:var(--yellow); white-space:nowrap;}
.hero-card.c-yellow .hc-eb, .hero-card.c-cyan .hc-eb{color:var(--ink)}
.hero-card h2{margin:clamp(18px, 3cqw, 24px) 0 clamp(14px, 2.6cqw, 20px); font-size:clamp(50px, 10cqw, 56px); font-weight:900;line-height:.96;letter-spacing:-.025em; text-wrap:pretty;}
.hero-card .pct{color:var(--yellow)}
.hero-card.c-yellow .pct{color:var(--red)}
.hero-card.c-cyan .pct{color:var(--red)}
.hero-card.c-magenta .pct{color:var(--yellow)}
.hero-card.c-purple .pct{color:var(--yellow)}
.hero-card.c-navy .pct{color:var(--yellow)}
.hero-card .bonus{margin:0; font-size:clamp(17px, 3.6cqw, 22px); line-height:1.5;font-weight:600; color:inherit;opacity:.95;}
.hero-card.c-yellow .bonus, .hero-card.c-cyan .bonus{color:var(--ink-2);opacity:1}
.hero-card .ctas{margin-top:clamp(28px, 5.5cqw, 36px); align-self:flex-start; display:inline-flex;align-items:center; z-index:5;position:relative;}
.hero-card .cta{display:inline-flex;align-items:center;gap:14px; height:clamp(60px, 13cqw, 68px); padding:0 clamp(30px, 6cqw, 40px); border-radius:var(--r-pill); background:#fff;color:var(--ink);font-weight:900; font-size:clamp(16px, 3.2cqw, 18px); letter-spacing:-.005em; white-space:nowrap; box-shadow:0 8px 0 -2px rgba(0,0,0,.18); transition:transform .15s var(--ease-out), box-shadow .15s var(--ease-out);}
.hero-card .cta:hover{transform:translateY(-2px);box-shadow:0 10px 0 -2px rgba(0,0,0,.20)}
.hero-card .cta:active{transform:translateY(2px);box-shadow:0 4px 0 -2px rgba(0,0,0,.18)}
.hero-card.c-yellow .cta, .hero-card.c-cyan .cta{background:var(--ink);color:#fff;box-shadow:0 8px 0 -2px rgba(34,30,31,.28)}
.hero-card.c-yellow .cta:hover, .hero-card.c-cyan .cta:hover{box-shadow:0 10px 0 -2px rgba(34,30,31,.32)}
.hero-card .cta svg{width:clamp(17px, 3cqw, 20px);height:clamp(17px, 3cqw, 20px);flex-shrink:0}
.hero-card .mascot{position:absolute;pointer-events:none;z-index:2; right:0;top:0;bottom:0; width:40%;height:100%; object-fit:cover; object-position:left bottom; filter:drop-shadow(0 18px 24px rgba(0,0,0,.32)); clip-path:inset(0 0 0 0 round 0 var(--r-card) var(--r-card) 0);}
.hero-dots{display:flex;align-items:center;gap:7px; padding:0 4px;}
.hero-dots .d{width:8px;height:8px;border-radius:50%;background:var(--rule-2); transition:background .2s var(--ease-out), width .25s var(--ease-out); cursor:pointer;border:0;padding:0;}
.hero-dots .d:hover{background:var(--ink-soft)}
.hero-dots .d.active{background:var(--ink);width:24px;border-radius:4px}
.cat-wrap{position:relative;margin-top:8px}
.cat-wrap::after{content:'';position:absolute;right:0;top:0;bottom:0;width:60px;pointer-events:none; background:linear-gradient(90deg, rgba(14,12,12,0), var(--bg-page));}
.cat-tabs{display:flex;gap:6px;align-items:center; overflow-x:auto; padding:2px 60px 2px 0;}
.cat-tab{display:inline-flex;align-items:center;gap:8px; height:42px;padding:0 18px;border-radius:var(--r-pill); font-weight:800;font-size:14px;color:var(--ink);white-space:nowrap; background:var(--paper);border:1px solid var(--rule); transition:background .15s, color .15s, border-color .15s, transform .15s;}
.cat-tab svg{width:16px;height:16px;color:var(--ink-soft)}
.cat-tab:hover{background:var(--paper-3);transform:translateY(-1px)}
.cat-tab.active{background:var(--ink);color:#fff;border-color:var(--ink)}
.cat-tab.active svg{color:var(--yellow)}
.lobby-search{display:grid; grid-template-columns:minmax(220px, 1fr) minmax(0, 2.4fr); gap:14px; margin-top:14px;}
.provider-dd{position:relative}
.provider-select{display:flex;align-items:center;gap:12px;width:100%; background:var(--paper); border:1px solid var(--rule); border-radius:var(--r-card); height:56px;padding:0 18px 0 20px; font-weight:800;font-size:14px;color:var(--ink); box-shadow:0 1px 0 var(--rule); cursor:pointer;text-align:left; transition:border-color .15s, background .15s, box-shadow .15s, transform .12s;}
.provider-select:hover{background:var(--paper-2);border-color:var(--rule-2);transform:translateY(-1px)}
.provider-select:focus-visible, .provider-select[aria-expanded="true"]{outline:none;border-color:var(--ink); box-shadow:0 0 0 4px rgba(34,30,31,.08);}
.provider-select .ps-ico{width:18px;height:18px;color:var(--ink-soft);flex-shrink:0}
.provider-select .ps-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.provider-select .ps-count{font-size:11px;font-weight:900;letter-spacing:.04em; color:var(--ink-soft);background:var(--paper-2); padding:4px 9px;border-radius:var(--r-pill); flex-shrink:0;}
.provider-select .ps-chev{width:16px;height:16px;color:var(--ink-soft);flex-shrink:0;transition:transform .15s}
.provider-select[aria-expanded="true"] .ps-chev{transform:rotate(180deg);color:var(--ink)}
.provider-panel{position:absolute;top:calc(100% + 8px);left:0;right:0; background:var(--paper); border:1px solid var(--rule); border-radius:var(--r-card); box-shadow:var(--shadow-lg); padding:6px; max-height:360px;overflow-y:auto; z-index:30; animation:ddPop .14s var(--ease-out);}
@keyframes ddPop{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
.provider-panel[hidden]{display:none}
.provider-divider{height:1px;background:var(--rule);margin:4px 6px}
.provider-opt{display:flex;align-items:center;gap:10px; width:100%;height:40px;padding:0 14px; border-radius:10px;background:transparent;border:0; font-weight:700;font-size:13.5px;color:var(--ink-2); text-align:left;cursor:pointer; transition:background .12s, color .12s;}
.provider-opt .opt-count{margin-left:auto; font-size:11px;font-weight:900;color:var(--ink-soft); font-variant-numeric:tabular-nums;}
.provider-opt:hover{background:var(--paper-2);color:var(--ink)}
.provider-opt.selected{background:var(--ink);color:#fff}
.provider-opt.selected .opt-count{color:rgba(255,255,255,.6)}
.big-search-wrap{background:var(--paper); border:1px solid var(--rule); border-radius:var(--r-card); padding:5px 5px 5px 20px; display:flex;align-items:center;gap:12px; box-shadow:0 1px 0 var(--rule); transition:border-color .15s, box-shadow .15s;}
.big-search-wrap:focus-within{border-color:var(--ink); box-shadow:0 0 0 4px rgba(34,30,31,.08);}
.big-search-wrap .icon{width:18px;height:18px;color:var(--ink-soft);flex-shrink:0;}
.big-search-wrap input{flex:1;border:0;background:transparent;outline:none; font-size:14px;font-weight:600;color:var(--ink);height:42px; min-width:0;}
.big-search-wrap input::placeholder{color:var(--ink-soft);font-weight:500}
.big-search-wrap .kbd{font-size:11px;font-weight:800;color:var(--ink-soft); background:var(--paper-2);padding:5px 9px;border-radius:7px;letter-spacing:.04em; flex-shrink:0;}
.big-search-wrap .filter-btn{height:36px;padding:0 18px;border-radius:var(--r-card); background:var(--ink);color:#fff; font-weight:900;font-size:12.5px;letter-spacing:.02em; display:inline-flex;align-items:center;gap:7px;flex-shrink:0; transition:background .15s;}
.big-search-wrap .filter-btn svg{width:13px;height:13px}
.big-search-wrap .filter-btn:hover{background:var(--ink-2)}
.lobby-games{margin-top:22px}
.lg-meta{font-size:10.5px;font-weight:900;letter-spacing:.16em;text-transform:uppercase; color:var(--ink-soft); padding:5px 10px;border-radius:var(--r-pill); background:var(--paper-2);}
.lg-grid{display:grid; grid-template-columns:repeat(6, minmax(0, 1fr)); gap:10px;}
.lg-card{position:relative; aspect-ratio:1.6/1; border-radius:var(--r-tile); overflow:hidden; background:var(--paper-2); cursor:pointer; transition:transform .18s var(--ease-out), box-shadow .18s;}
.lg-card:hover{transform:translateY(-3px); box-shadow:var(--shadow-md);}
.lg-img{width:100%;height:100%;object-fit:cover;display:block}
.lg-tag{position:absolute;top:8px;left:8px;z-index:2; padding:4px 10px;border-radius:var(--r-pill); font-size:9.5px;font-weight:900;letter-spacing:.14em;text-transform:uppercase; background:var(--ink);color:#fff; box-shadow:0 2px 6px -2px rgba(0,0,0,.25);}
.lg-tag.t-yellow{background:var(--yellow); color:var(--ink)}
.lg-tag.t-red{background:var(--red); color:#fff}
.lg-tag.t-magenta{background:var(--magenta); color:#fff}
.lg-tag.t-cyan{background:var(--cyan); color:var(--ink)}
.lg-card .game-overlay{padding:8px 10px}
.lg-card .game-overlay .fav{width:26px;height:26px;top:8px;right:8px}
.lg-card .game-overlay .fav svg{width:12px;height:12px}
.lg-card .game-overlay .g-mid{gap:4px;padding:0 6px}
.lg-card .game-overlay .g-play{width:40px;height:40px;box-shadow:inset 0 1.5px 0 rgba(255,255,255,.7), inset 0 -2px 5px rgba(34,30,31,.32), 0 6px 14px -4px rgba(0,0,0,.5), 0 0 0 4px rgba(255,255,255,.12), 0 0 18px -6px rgba(203,33,38,.6);margin-bottom:0}
.lg-card .game-overlay .g-play svg{width:19px;height:19px;margin-left:2px}
.lg-card .game-overlay .g-demo{font-size:10.5px;text-underline-offset:2px}
.lg-card .game-overlay .g-title{font-size:11.5px;line-height:1.15;margin-top:0; -webkit-line-clamp:1; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block; width:100%;}
.lg-card .game-overlay .g-bot{font-size:9.5px;letter-spacing:.06em;margin-top:0}
.lg-empty{display:flex;flex-direction:column;align-items:center;justify-content:center; gap:8px;padding:48px 24px; border:1px dashed var(--rule);border-radius:var(--r-card); background:var(--paper);text-align:center;}
.lg-empty[hidden]{display:none}
.lg-empty svg{width:32px;height:32px;color:var(--ink-soft);margin-bottom:4px}
.lg-empty-title{font-size:15px;font-weight:900;color:var(--ink)}
.lg-empty-sub{font-size:12.5px;font-weight:600;color:var(--ink-soft)}
.sec{display:flex;flex-direction:column;gap:16px}
.sec-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.sec-head .ico.t-red{background:var(--red)}
.sec-head .ico.t-yellow{background:var(--yellow);color:var(--ink)}
.sec-head .ico.t-cyan{background:var(--cyan);color:var(--ink)}
.sec-head .ico.t-magenta{background:var(--magenta)}
.sec-head .ico.t-purple{background:var(--purple)}
.sec-head .ico.t-navy{background:var(--ink)}
.sec-head .ico.t-green{background:var(--green)}
.sec-head .ico svg{width:26px;height:26px;font-size:26px}
.sec-head h3{margin:0;font-size:var(--fs-h3);font-weight:900;letter-spacing:-.01em}
.live-pill{display:inline-flex;align-items:center;gap:6px; background:var(--red);color:#fff; padding:5px 11px;border-radius:var(--r-pill); font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase; flex-shrink:0;}
.live-pill .lp-dot{width:6px;height:6px;border-radius:50%;background:#fff; animation:pulseDot 1.5s infinite; box-shadow:0 0 0 3px rgba(255,255,255,.25);}
@media (max-width: 767px){
.live-pill--desktop{display:none}
}
.sec-head .more{margin-left:auto;display:inline-flex;align-items:center;gap:10px; font-weight:800;font-size:13px;color:var(--ink);cursor:pointer;}
.sec-head .more:hover{color:var(--yellow)}
.sec-head .more .count{background:var(--ink);color:#fff;padding:3px 10px;border-radius:var(--r-pill);font-size:11px;font-weight:900;}
.sec-head .nav-arrows{display:flex;gap:6px;margin-left:14px}
.sec-head .nav-arrows button{width:36px;height:36px;border-radius:50%;background:var(--paper);border:1px solid var(--rule); display:flex;align-items:center;justify-content:center;color:var(--ink); transition:background .15s, color .15s, border-color .15s, transform .15s, opacity .2s;}
.sec-head .nav-arrows button:hover{background:var(--ink);color:#fff;border-color:var(--ink);transform:translateY(-1px)}
.sec-head .nav-arrows button:disabled{opacity:.35;cursor:not-allowed;transform:none}
.sec-head .nav-arrows svg{width:14px;height:14px}
.row-wrap{position:relative}
.row-wrap::before, .row-wrap::after{content:'';position:absolute;top:0;bottom:8px;width:32px; pointer-events:none;z-index:2; transition:opacity .2s;}
.row-wrap::before{left:-4px;background:linear-gradient(90deg, var(--bg-page), rgba(14,12,12,0));opacity:0}
.row-wrap::after{right:-4px;background:linear-gradient(-90deg, var(--bg-page), rgba(14,12,12,0));opacity:1}
.row-wrap.at-start::before{opacity:0}
.row-wrap.at-end::after{opacity:0}
.row-wrap:not(.at-start)::before{opacity:1}
.game-row, .rtp-row{display:grid; grid-auto-flow:column; grid-auto-columns:calc((100% - 72px) / 7); gap:12px; overflow-x:auto; scroll-snap-type:x mandatory; scroll-behavior:smooth; padding:0 4px 8px;}
.originals{display:grid; grid-auto-flow:column; grid-auto-columns:calc((100% - 42px) / 4); gap:14px; overflow-x:auto; scroll-snap-type:x mandatory; scroll-behavior:smooth; padding:0 4px 8px;}
.orig-card{scroll-snap-align:start; aspect-ratio:1.6/1;border-radius:var(--r-card); color:#fff;position:relative;overflow:hidden;cursor:pointer; background:var(--ink); transition:transform .2s var(--ease-out), box-shadow .2s;}
.orig-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
.orig-card .badge{position:absolute;top:14px;right:14px; background:rgba(0,0,0,.55);color:#fff;backdrop-filter:blur(6px); padding:5px 12px;border-radius:var(--r-pill); font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase; z-index:5;}
.game{scroll-snap-align:start; border-radius:var(--r-tile); position:relative;overflow:hidden;cursor:pointer; aspect-ratio:.78/1; background:var(--ink); box-shadow:var(--shadow-sm); transition:transform .2s var(--ease-out), box-shadow .2s;}
.game:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
.game-img{position:absolute;inset:0;width:100%;height:100%; object-fit:cover;display:block;}
.game .tag{position:absolute;top:10px;left:10px;z-index:6; padding:4px 10px;border-radius:var(--r-pill); font-size:9.5px;font-weight:900;letter-spacing:.12em;text-transform:uppercase; color:#fff;background:var(--ink); white-space:nowrap; box-shadow:0 2px 8px rgba(0,0,0,.3);}
.game .tag.hot{background:var(--red)}
.game .tag.new{background:var(--magenta)}
.game .tag.exc{background:var(--purple)}
.game .tag.buy{background:var(--ink);color:var(--yellow)}
.rtp-card .rtp-pct{position:absolute;top:10px;left:10px;z-index:6; background:var(--yellow);color:var(--brand-navy); padding:4px 10px;border-radius:var(--r-pill); font-size:11px;font-weight:900; display:inline-flex;align-items:center;gap:5px; box-shadow:0 2px 8px rgba(0,0,0,.3);}
.rtp-card .rtp-pct svg{width:11px;height:11px}
.game-overlay{position:absolute;inset:0;z-index:4; display:flex;flex-direction:column; padding:12px; background:linear-gradient(180deg, rgba(34,30,31,.55) 0%, rgba(34,30,31,.45) 40%, rgba(34,30,31,.85) 100%); opacity:0; transition:opacity .2s var(--ease-out);}
.game:hover .game-overlay, .game:focus-within .game-overlay, .orig-card:hover .game-overlay, .orig-card:focus-within .game-overlay, .lg-card:hover .game-overlay, .lg-card:focus-within .game-overlay{opacity:1}
.game-overlay .fav{position:absolute;top:12px;right:12px; width:30px;height:30px;border-radius:50%; background:rgba(255,255,255,.15);color:#fff; display:flex;align-items:center;justify-content:center; backdrop-filter:blur(6px); transition:background .15s, color .15s, transform .15s;}
.game-overlay .fav:hover{background:rgba(255,255,255,.28);transform:scale(1.08)}
.game-overlay .fav.on{background:var(--red);color:#fff}
.game-overlay .fav svg{width:14px;height:14px}
.game-overlay .g-mid{flex:1; display:flex;flex-direction:column;align-items:center;justify-content:center; gap:8px; padding:0 8px;}
.game-overlay .g-play{width:54px;height:54px;border-radius:50%; background: linear-gradient(180deg, rgba(255,255,255,.55), rgba(255,255,255,0) 42%), linear-gradient(180deg, #E36669 0%, #CB2126 52%, #AB1A1F 100%); color:#FFFFFF; display:flex;align-items:center;justify-content:center; box-shadow: inset 0 2px 0 rgba(255,255,255,.75), inset 0 -3px 7px rgba(34,30,31,.35), 0 8px 18px -4px rgba(0,0,0,.5), 0 0 0 5px rgba(255,255,255,.12), 0 0 22px -6px rgba(203,33,38,.6); transition:transform .15s var(--ease-out), box-shadow .15s; margin-bottom:2px;}
.game-overlay .g-play:hover{transform:scale(1.06); box-shadow: inset 0 2px 0 rgba(255,255,255,.85), inset 0 -3px 7px rgba(34,30,31,.35), 0 10px 24px -4px rgba(0,0,0,.55), 0 0 0 5px rgba(255,255,255,.2), 0 0 28px -4px rgba(203,33,38,.78);}
.game-overlay .g-play:active{transform:scale(.98)}
.game-overlay .g-play svg{width:28px;height:28px;margin-left:3px}
.game-overlay .g-demo{color:var(--yellow);font-weight:900;font-size:13px;letter-spacing:.04em; text-decoration:underline;text-underline-offset:3px; cursor:pointer;}
.game-overlay .g-demo:hover{color:#fff}
.game-overlay .g-title{text-align:center; color:#fff;font-size:14px;font-weight:900;line-height:1.15;letter-spacing:-.005em; text-shadow:0 1px 4px rgba(0,0,0,.55); display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; margin-top:2px;}
.game-overlay .g-bot{text-align:center; color:rgba(255,255,255,.85); font-size:10.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.orig-card .game-overlay .g-title{font-size:clamp(18px, 2vw, 24px);line-height:1.05;margin-top:4px}
.orig-card .game-overlay .g-play{width:64px;height:64px}
.orig-card .game-overlay .g-play svg{width:32px;height:32px;margin-left:3px}
.rtp-card .fav{position:absolute;top:8px;right:8px;z-index:3;width:28px;height:28px;border-radius:50%;background:rgba(0,0,0,.35);color:#fff;display:flex;align-items:center;justify-content:center;transition:background .15s, transform .15s}
.rtp-card .fav:hover{background:rgba(0,0,0,.55);transform:scale(1.08)}
.rtp-card .fav svg{width:14px;height:14px}
.daily{background:var(--ink);color:#fff; border-radius:var(--r-card); display:flex;flex-direction:column; position:relative;overflow:hidden;}
.daily-main{display:grid; grid-template-columns:auto 1fr auto auto; align-items:center;gap:28px; padding:22px 32px 22px 24px; min-height:140px;}
.daily .daily-mascot{position:relative; height:170px;width:auto; object-fit:contain;object-position:center center; pointer-events:none; filter:drop-shadow(0 12px 20px rgba(0,0,0,.5)); align-self:center;}
.live-ticker{display:flex;align-items:center;gap:14px; padding:10px 24px; background:rgba(0,0,0,.28); border-top:1px solid rgba(255,255,255,.08); overflow:hidden; font-size:12.5px;}
.lt-label{display:inline-flex;align-items:center;gap:7px; flex-shrink:0; font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase; color:var(--red);}
.lt-dot{width:6px;height:6px;border-radius:50%; background:var(--red); animation:pulseDot 1.5s infinite; box-shadow:0 0 0 3px rgba(203,33,38,.25);}
.lt-rail{flex:1;min-width:0;overflow:hidden; -webkit-mask-image:linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent); mask-image:linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent);}
.lt-track{display:inline-flex;align-items:center; gap:40px; white-space:nowrap; animation:tickerScroll 50s linear infinite; will-change:transform;}
@keyframes tickerScroll{from{transform:translateX(0)} to {transform:translateX(-50%)}}
.lt-track:hover{animation-play-state:paused}
.lt-item{display:inline-flex;align-items:center;gap:6px;color:rgba(255,255,255,.85);font-weight:700}
.lt-item .pl{color:#fff;font-weight:900}
.lt-item .won{opacity:.6}
.lt-item .amt{color:var(--yellow);font-weight:900;font-variant-numeric:tabular-nums}
.lt-item .on{opacity:.55}
.lt-item .gm{color:var(--yellow);font-weight:800; text-decoration:underline;text-underline-offset:3px; cursor:pointer; transition:color .15s;}
.lt-item .gm:hover{color:#fff}
@media (prefers-reduced-motion: reduce){
.lt-track{animation:none}
}
.daily .d-left{position:relative;z-index:2;min-width:0}
.daily .d-left .lbl{font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:var(--yellow);margin-bottom:6px;display:block}
.daily > .live-pill{position:absolute; top:18px;right:22px; z-index:6;}
.daily .d-left h3{margin:0;font-size:clamp(22px,2.4vw,30px);font-weight:900;letter-spacing:-.02em;line-height:1}
.daily .d-left p{margin:6px 0 0;font-size:14px;font-weight:600;opacity:.85;max-width:540px}
.daily .d-center{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:4px}
.daily .d-center .hurry{font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;opacity:.75}
.daily .d-time{display:flex;gap:8px}
.daily .d-time .u{display:flex;flex-direction:column;align-items:center;background:rgba(255,255,255,.1);border-radius:10px;padding:8px 14px;min-width:54px}
.daily .d-time .n{font-size:24px;font-weight:900;line-height:1;color:#fff;font-variant-numeric:tabular-nums}
.daily .d-time .s{font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;opacity:.6;margin-top:2px}
.daily .d-cta{position:relative;z-index:2}
.daily .d-cta button{height:52px;padding:0 28px;border-radius:var(--r-pill); background:var(--red);color:#fff;font-weight:900;font-size:14px; box-shadow:0 6px 0 -2px rgba(200,0,26,.32); transition:transform .15s, box-shadow .15s;}
.daily .d-cta button:hover{transform:translateY(-1px)}
.daily .d-cta button:active{transform:translateY(2px);box-shadow:0 3px 0 -2px rgba(200,0,26,.32)}
@keyframes pulseDot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(1.3)}}
.np-tournament{position:relative;overflow:hidden; border-radius:var(--r-card); background:var(--paper); border:1px solid var(--rule); color:var(--ink); padding:22px 28px 22px 30px; display:grid; grid-template-columns:minmax(0, 1.15fr) minmax(0, 1fr); gap:24px; min-height:360px; isolation:isolate;}
.npt-info{position:relative; display:flex;flex-direction:column;gap:14px; min-width:0;}
.npt-info > *{position:relative;z-index:2}
.npt-info > .npt-divider{display:none}
.npt-status{display:inline-flex;align-items:center;gap:14px;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.npt-pill{background:var(--yellow);color:var(--ink); padding:5px 12px;border-radius:var(--r-pill); font-size:10.5px;font-weight:900;letter-spacing:.14em;}
.npt-dates{color:var(--ink-soft);font-weight:800}
.npt-title{margin:0; font-size:clamp(20px, 2.2vw, 30px);font-weight:900;letter-spacing:-.025em;line-height:1; color:var(--ink); text-wrap:balance;}
.npt-prize{display:flex;flex-direction:column;gap:5px}
.npt-prize .lbl{font-size:10.5px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft)}
.npt-prize .val{font-size:clamp(24px, 2.6vw, 33px);font-weight:900;letter-spacing:-.025em;line-height:1; color:var(--ink);font-variant-numeric:tabular-nums;}
.npt-countdown{display:flex;gap:8px}
.npt-countdown .u{display:flex;flex-direction:column;align-items:center; background:var(--paper-2); border:1px solid var(--rule); border-radius:12px;padding:9px 11px; min-width:52px;}
.npt-countdown .n{font-size:clamp(17px, 2vw, 22px);font-weight:900;line-height:1;color:var(--ink); font-variant-numeric:tabular-nums;}
.npt-countdown .s{font-size:9px;font-weight:900;letter-spacing:.14em;text-transform:uppercase; color:var(--ink-soft);margin-top:3px;}
.npt-conditions{display:flex;gap:20px;flex-wrap:wrap;}
.npt-conditions .cond{display:flex;flex-direction:column;gap:3px}
.npt-conditions .cond .lbl{font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}
.npt-conditions .cond .val{font-size:14px;font-weight:900;color:var(--ink);font-variant-numeric:tabular-nums}
.npt-cta{align-self:flex-start; display:inline-flex;align-items:center;gap:10px; height:44px;padding:0 26px;border-radius:var(--r-pill); background:var(--ink);color:#fff; font-weight:900;font-size:15px;letter-spacing:-.005em; border:0;cursor:pointer;white-space:nowrap; box-shadow:0 8px 0 -2px rgba(34,30,31,.25); transition:transform .15s var(--ease-out), box-shadow .15s, background .15s;}
.npt-cta:hover{transform:translateY(-2px);box-shadow:0 10px 0 -2px rgba(34,30,31,.28);background:var(--ink-2)}
.npt-cta:active{transform:translateY(2px);box-shadow:0 4px 0 -2px rgba(34,30,31,.25)}
.npt-cta svg{width:16px;height:16px}
.npt-cta-mobile{display:none}
.npt-leaderboard{position:relative;z-index:3; background:var(--paper-2); border:1px solid var(--rule); border-radius:18px; padding:14px 14px 11px; display:flex;flex-direction:column;gap:7px;}
.npt-lb-head{display:flex;align-items:center;justify-content:space-between; padding:0 6px 9px; border-bottom:1px solid var(--rule);}
.npt-lb-head h4{margin:0;font-size:13px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);}
.npt-live-tag{display:inline-flex;align-items:center;gap:6px; background:var(--red);color:#fff; padding:4px 10px;border-radius:var(--r-pill); font-size:9.5px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;}
.npt-live-tag::before{content:'';width:6px;height:6px;border-radius:50%;background:#fff; animation:pulseDot 1.5s infinite;}
.npt-lb-cols{display:grid; grid-template-columns:36px 1fr 80px 80px; gap:10px; padding:4px 14px; font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase; color:var(--ink-soft);}
.npt-lb-cols .num{text-align:right}
.npt-lb-rows{list-style:none;padding:0;margin:0; display:flex;flex-direction:column;gap:5px; max-height:240px; overflow-y:auto; overscroll-behavior:contain; padding-right:2px; scrollbar-width:thin; scrollbar-color:transparent transparent; transition:scrollbar-color .18s ease;}
.npt-lb-rows.is-scrolling{scrollbar-color:rgba(255,255,255,.32) transparent}
.npt-lb-rows::-webkit-scrollbar{width:6px}
.npt-lb-rows::-webkit-scrollbar-track{background:transparent}
.npt-lb-rows::-webkit-scrollbar-thumb{background:transparent;border-radius:999px}
.npt-lb-rows.is-scrolling::-webkit-scrollbar-thumb{background:rgba(255,255,255,.32)}
.npt-lb-rows li{display:grid; grid-template-columns:36px 1fr 80px 80px; gap:10px;align-items:center; min-height:44px; padding:8px 14px; background:var(--paper); border:1px solid var(--rule); border-radius:12px; font-size:12.5px;font-weight:800; transition:background .15s, border-color .15s;}
.npt-lb-rows li:hover{background:var(--paper-3);border-color:var(--rule-2)}
.npt-lb-rows .rank{display:flex;align-items:center;justify-content:center; width:22px;height:22px;border-radius:50%; font-size:11px;font-weight:900; background:var(--paper-3);color:var(--ink-soft);}
.npt-lb-rows .r1 .rank{background:var(--yellow);color:var(--ink);box-shadow:0 0 0 2px rgba(203,33,38,.25)}
.npt-lb-rows .r2 .rank{background:#D6D6D6;color:var(--ink)}
.npt-lb-rows .r3 .rank{background:#C8843B;color:#fff}
.npt-lb-rows .player{color:var(--ink);font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.npt-lb-rows .points{text-align:right;color:var(--ink-soft);font-variant-numeric:tabular-nums}
.npt-lb-rows .prize{text-align:right;color:var(--ink);font-weight:900;font-variant-numeric:tabular-nums}
.np-wins-board{position:relative; border-radius:var(--r-card); background:var(--paper); border:1px solid var(--rule); padding:20px; isolation:isolate; overflow:hidden;}
.np-wins-grid{display:grid; grid-template-columns:1fr 1fr 1fr; gap:14px; position:relative; z-index:2;}
.np-glass-card{position:relative;overflow:hidden; background:var(--paper-2); border:1px solid var(--rule); border-radius:18px; padding:24px 26px; color:var(--ink); min-height:200px; display:flex;flex-direction:column; transition:background .15s, transform .15s var(--ease-out), box-shadow .2s, border-color .15s;}
.np-glass-card:hover{background:var(--paper-3); border-color:var(--rule-2); transform:translateY(-2px); box-shadow:0 8px 20px -10px rgba(34,30,31,.18);}
.ngc-mascot{position:absolute; right:-12%;bottom:-10%; height:88%;width:auto; object-fit:contain; z-index:1; opacity:.32; filter:drop-shadow(0 6px 14px rgba(34,30,31,.18)); pointer-events:none;}
.np-glass-card:nth-child(1) .ngc-mascot{right:-7%; bottom:-18%; height:105%; opacity:.38;}
.np-glass-card:nth-child(2) .ngc-mascot{right:-5%; bottom:-24%; height:96%; opacity:.26; transform:rotate(10deg);}
.np-glass-card:nth-child(3) .ngc-mascot{right:-12%; bottom:-10%; height:88%; opacity:.32;}
.np-glass-card::after{content:''; position:absolute; right:-40px; top:-42px; width:132px; height:132px; border-radius:50%; z-index:0; pointer-events:none; background:radial-gradient(circle, rgba(203,33,38,.18), transparent 62%);}
.np-glass-card:nth-child(2)::after{background:radial-gradient(circle, rgba(203,33,38,.16), transparent 62%)}
.np-glass-card:nth-child(3)::after{background:radial-gradient(circle, rgba(203,33,38,.14), transparent 62%)}
.ngc-label{position:relative;z-index:2; font-size:10.5px;font-weight:900;letter-spacing:.14em;text-transform:uppercase; color:var(--ink-soft);}
.ngc-value{position:relative;z-index:2; margin:10px 0 auto; font-size:clamp(28px, 3.2cqw, 42px); font-weight:900;letter-spacing:-.025em;line-height:1; color:var(--ink); font-variant-numeric:tabular-nums;}
.ngc-meta{position:relative;z-index:2; margin-top:14px; font-size:12.5px;font-weight:600;color:var(--ink-soft); line-height:1.4;}
.ngc-pl{color:var(--ink);font-weight:900;font-variant-numeric:tabular-nums}
.ngc-game{color:var(--red);font-weight:800;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.ngc-game:hover{color:var(--ink)}
.ngc-cta{position:relative;z-index:2; align-self:flex-start; margin-top:14px; display:inline-flex;align-items:center;gap:10px; height:44px;padding:0 22px;border-radius:var(--r-pill); background:var(--ink);color:#fff; font-weight:900;font-size:13px; border:0;cursor:pointer;white-space:nowrap; box-shadow:0 6px 0 -2px rgba(34,30,31,.25); transition:transform .15s var(--ease-out), box-shadow .15s;}
.ngc-cta:hover{transform:translateY(-1px);box-shadow:0 8px 0 -2px rgba(34,30,31,.28);background:var(--ink-2)}
.ngc-cta:active{transform:translateY(2px);box-shadow:0 3px 0 -2px rgba(34,30,31,.25)}
.ngc-cta svg{width:13px;height:13px}
.np-wins-ticker{position:relative;z-index:2; margin-top:14px; background:var(--ink); border:0; border-radius:14px; padding:10px 18px;}
@media (max-width: 1023px){
.np-wins-grid{grid-template-columns:1fr 1fr;gap:12px}
.np-glass-card{min-height:0;padding:22px 24px}
.np-glass-card:nth-child(3){grid-column:1 / -1}
}
@media (max-width: 567px){
.np-wins-board{padding:14px}
.np-wins-grid{grid-template-columns:1fr}
.np-glass-card:nth-child(3){grid-column:auto}
.ngc-value{font-size:32px}
}
.np-wins{position:relative;overflow:hidden; border-radius:var(--r-card); background:linear-gradient(135deg, #1F1F75, var(--ink-deep)); color:#fff; padding:36px 40px; display:grid; grid-template-columns:minmax(0, 1fr); min-height:340px; isolation:isolate;}
.np-wins .npw-mascot{position:absolute;pointer-events:none;z-index:1; right:-8%;top:50%;transform:translateY(-50%); height:120%;width:auto; object-fit:contain;object-position:center; filter:drop-shadow(0 14px 26px rgba(0,0,0,.5));}
.npw-content{position:relative;z-index:2; display:flex;flex-direction:column;gap:24px; max-width:65%;}
.npw-hero{display:flex;flex-direction:column;gap:8px}
.npw-eb{font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase; color:var(--yellow);}
.npw-hero-value{font-size:clamp(40px, 5vw, 60px); font-weight:900;letter-spacing:-.025em;line-height:1; color:#fff; font-variant-numeric:tabular-nums; text-shadow:0 2px 14px rgba(0,0,0,.3);}
.npw-stats{display:grid; grid-template-columns:1fr 1fr; gap:24px; padding-top:22px; border-top:1px solid rgba(255,255,255,.15);}
.npw-stat{display:flex;flex-direction:column;gap:4px}
.npw-stat-label{font-size:10.5px;font-weight:900;letter-spacing:.14em;text-transform:uppercase; color:rgba(255,255,255,.6);}
.npw-stat-value{font-size:clamp(24px, 2.6vw, 32px); font-weight:900;letter-spacing:-.02em;line-height:1; color:var(--yellow); font-variant-numeric:tabular-nums; margin:4px 0 2px;}
.npw-stat-meta{font-size:12.5px;font-weight:600;color:rgba(255,255,255,.7);line-height:1.4;}
.npw-pl{color:#fff;font-weight:900;font-variant-numeric:tabular-nums}
.npw-game{color:var(--yellow);font-weight:800;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.npw-game:hover{color:#fff}
.npw-cta{align-self:flex-start; display:inline-flex;align-items:center;gap:10px; height:52px;padding:0 28px;border-radius:var(--r-pill); background:#fff;color:var(--ink); font-weight:900;font-size:14px; border:0;cursor:pointer;white-space:nowrap; box-shadow:0 7px 0 -2px rgba(0,0,0,.22); transition:transform .15s var(--ease-out), box-shadow .15s;}
.npw-cta:hover{transform:translateY(-1px);box-shadow:0 9px 0 -2px rgba(0,0,0,.25)}
.npw-cta:active{transform:translateY(2px);box-shadow:0 4px 0 -2px rgba(0,0,0,.22)}
.npw-cta svg{width:14px;height:14px}
@media (max-width: 1023px){
.np-wins{padding:28px;min-height:0}
.npw-content{max-width:100%}
.np-wins .npw-mascot{right:-22%;height:90%;opacity:.35;}
.npw-stats{gap:16px}
}
@media (max-width: 567px){
.npw-stats{grid-template-columns:1fr;gap:14px;padding-top:16px}
}
.win-stats{display:grid; grid-template-columns:1fr 1fr 1fr; gap:16px;}
.win-card{position:relative;overflow:hidden; border-radius:var(--r-card); padding:26px 28px; color:#fff; min-height:200px; display:flex;flex-direction:column; isolation:isolate; transition:transform .2s var(--ease-out), box-shadow .2s;}
.win-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
.win-jackpot{background:linear-gradient(135deg, var(--red), var(--red-deep))}
.win-month{background:var(--ink)}
.win-daily{background:linear-gradient(135deg, var(--magenta), #B5005F)}
.wc-label{font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase; color:var(--yellow); position:relative;z-index:2;}
.win-jackpot .wc-label{color:#fff;opacity:.9}
.wc-value{margin:10px 0 auto; font-size:clamp(32px, 4vw, 50px); font-weight:900;letter-spacing:-.025em;line-height:1; color:var(--yellow); font-variant-numeric:tabular-nums; position:relative;z-index:2;}
.win-jackpot .wc-value{color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.25)}
.wc-meta{position:relative;z-index:2; margin-top:14px; font-size:12.5px;font-weight:600;color:rgba(255,255,255,.7); line-height:1.4;}
.wc-player{color:#fff;font-weight:900;font-variant-numeric:tabular-nums}
.wc-game{color:var(--yellow);font-weight:800;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.wc-game:hover{color:#fff}
.wc-cta{align-self:flex-start; margin-top:14px; display:inline-flex;align-items:center;gap:10px; height:44px;padding:0 22px;border-radius:var(--r-pill); background:#fff;color:var(--ink); font-weight:900;font-size:13px; border:0;cursor:pointer;white-space:nowrap; box-shadow:0 6px 0 -2px rgba(0,0,0,.22); transition:transform .15s var(--ease-out), box-shadow .15s; position:relative;z-index:2;}
.wc-cta:hover{transform:translateY(-1px);box-shadow:0 8px 0 -2px rgba(0,0,0,.25)}
.wc-cta:active{transform:translateY(2px);box-shadow:0 3px 0 -2px rgba(0,0,0,.22)}
.wc-cta svg{width:13px;height:13px}
.win-card .wc-mascot{position:absolute;pointer-events:none;z-index:1; right:-25%;top:55%;transform:translateY(-50%); height:96%;width:auto; object-fit:contain;object-position:center; filter:drop-shadow(0 14px 24px rgba(0,0,0,.4));}
@media (max-width: 1023px){
.win-stats{grid-template-columns:1fr;gap:12px}
.win-card{min-height:0;padding:22px 24px}
.wc-value{font-size:clamp(32px, 8vw, 44px)}
}
.lb-board{position:relative;overflow:hidden; border-radius:var(--r-card); background:var(--paper); border:1px solid var(--rule); padding:14px; isolation:isolate;}
.lb-board .lb-live{position:absolute; top:14px;right:14px; z-index:5;}
.lb-tabs{display:flex;gap:6px; background:var(--paper-2); border:1px solid var(--rule); border-radius:var(--r-pill); padding:4px; width:fit-content; margin-bottom:10px;}
.lb-tab{height:34px;padding:0 16px;border-radius:var(--r-pill); background:transparent; display:inline-flex;align-items:center;justify-content:center;gap:8px; font-weight:900;font-size:11.5px;letter-spacing:.04em; color:var(--ink-soft); border:0;cursor:pointer;white-space:nowrap; transition:background .15s, color .15s;}
.lb-tab .np-icon{width:14px;height:14px;opacity:.72}
.lb-tab.on .np-icon{opacity:1}
.lb-tab:hover{color:var(--ink)}
.lb-tab.on{background:var(--ink);color:#fff;box-shadow:0 4px 12px -4px rgba(34,30,31,.35)}
.lb-scroll{overflow:auto; max-height:356px; padding-right:2px; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; scrollbar-width:thin; scrollbar-color:transparent transparent; transition:scrollbar-color .18s ease;}
.lb-scroll.is-scrolling{scrollbar-color:rgba(255,255,255,.32) transparent}
.lb-scroll::-webkit-scrollbar{width:6px;height:6px}
.lb-scroll::-webkit-scrollbar-track{background:transparent}
.lb-scroll::-webkit-scrollbar-thumb{background:transparent;border-radius:999px}
.lb-scroll.is-scrolling::-webkit-scrollbar-thumb{background:rgba(255,255,255,.32)}
.lb-table{width:100%;border-collapse:separate;border-spacing:0 5px; min-width:680px;}
.lb-table th{text-align:left; font-size:9.5px;font-weight:900;letter-spacing:.16em;text-transform:uppercase; color:var(--ink-soft); padding:4px 14px 7px; background:transparent;}
.lb-table th.num{text-align:right}
.lb-table td{padding:12px 14px; font-size:13px;font-weight:700;color:var(--ink); background:var(--paper-2); border-top:1px solid var(--rule); border-bottom:1px solid var(--rule); transition:background .15s, border-color .15s;}
.lb-table td.num{text-align:right;font-variant-numeric:tabular-nums}
.lb-table td:first-child{border-left:1px solid var(--rule); border-top-left-radius:12px;border-bottom-left-radius:12px;}
.lb-table td:last-child{border-right:1px solid var(--rule); border-top-right-radius:12px;border-bottom-right-radius:12px; font-weight:900;}
.lb-table tr:hover td{background:var(--paper-3);border-color:var(--rule-2)}
.lb-game{display:inline-flex;align-items:center;gap:10px}
.lb-game .thm{width:28px;height:28px;border-radius:7px; background:var(--paper-2); overflow:hidden;flex-shrink:0;}
.lb-game .thm img{width:100%;height:100%;object-fit:cover;display:block}
.lb-game .nm{font-weight:900;color:var(--ink);cursor:pointer}
.lb-game .nm:hover{color:var(--red)}
.lb-time{color:var(--ink-soft);font-weight:700;font-variant-numeric:tabular-nums}
.lb-user{color:var(--ink-soft);font-weight:800;font-variant-numeric:tabular-nums}
.lb-mult{color:var(--red);font-weight:900}
.lb-mult.zero{color:var(--ink-soft);font-weight:700}
.lb-pay{display:inline-flex;align-items:center;gap:6px;justify-content:flex-end;font-weight:900}
.lb-pay.zero{color:var(--ink-soft);font-weight:700}
.lb-pay .coin{width:18px;height:18px;border-radius:50%; background:var(--red);color:#fff; display:flex;align-items:center;justify-content:center; font-size:9px;font-weight:900;}
.lb-pay.zero .coin{background:var(--rule-2);color:var(--ink-soft)}
.about{display:grid;grid-template-columns:1.4fr 1fr;gap:48px;padding:36px 4px;align-items:stretch}
.about .left{display:flex;flex-direction:column;justify-content:space-between;gap:14px}
.about p{margin:0 0 14px;font-size:14px;line-height:1.65;color:var(--ink-2)}
.about p:last-child{margin-bottom:0}
.about a{color:var(--red);font-weight:800;border-bottom:1.5px solid var(--red)}
.about .facts{display:flex;flex-direction:column;gap:14px}
.fact{display:grid;grid-template-columns:60px 1fr;gap:16px;align-items:flex-start;padding:18px;border-radius:var(--r-tile);background:var(--paper);border:1px solid var(--rule);transition:transform .2s, border-color .2s}
.fact:hover{transform:translateY(-2px);border-color:var(--rule-2)}
.fact .ico{width:48px;height:48px;border-radius:12px;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.fact .ico svg{width:22px;height:22px}
.fact .ico.t-red{background:var(--red)}
.fact .ico.t-cyan{background:var(--cyan);color:var(--ink)}
.fact .ico.t-purple{background:var(--purple)}
.fact .ico.t-yellow{background:var(--yellow);color:var(--ink)}
.fact .ico.t-magenta{background:var(--magenta)}
.fact .ico.t-ink, .fact .ico.t-navy{background:var(--ink)}
.fact .ico.t-green{background:var(--green)}
.fact .ico svg{width:24px;height:24px;font-size:24px}
.fact h4{margin:0 0 4px;font-size:15px;font-weight:900;color:var(--ink)}
.fact p{margin:0;font-size:13px;color:var(--ink-soft);font-weight:600;line-height:1.45}
.footer{margin-top:12px;padding:40px 0 32px;background:var(--paper)}
.foot-inner{max-width:1480px;margin:0 auto;padding:0 var(--gutter);display:grid;grid-template-columns:280px repeat(5,1fr);gap:40px;align-items:start}
.foot-brand{display:flex;flex-direction:column;gap:14px}
.foot-brand .small-logo{display:flex;align-items:center;gap:10px}
.foot-brand .small-logo .lm{width:34px;height:34px;border-radius:10px;background:var(--red);display:flex;align-items:center;justify-content:center}
.foot-brand .small-logo .lm .s{width:20px;height:20px;background:#fff;clip-path:var(--spark)}
.foot-brand .small-logo .word{font-weight:900;font-size:18px;letter-spacing:-.02em;color:var(--ink)}
.foot-brand .small-logo .word .dot{color:var(--red)}
.foot-brand .copy{font-size:12px;color:var(--ink-soft);font-weight:600;line-height:1.5}
.foot-brand .badges{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:6px}
.foot-brand .badges .b{height:38px;min-height:38px;box-sizing:border-box; padding:0 14px;border-radius:10px; background:var(--paper-2); display:flex;align-items:center;gap:6px;font-size:11px;font-weight:900;color:var(--ink);}
.foot-brand .badges .b.age{background:var(--yellow);color:var(--brand-navy)}
.foot-brand .badges .b.vpn svg{width:14px;height:14px;flex-shrink:0;color:var(--red)}
.foot-brand .badges .b.seal{background:transparent;padding:0;height:38px;min-height:38px;overflow:hidden;border-radius:8px}
.foot-brand .badges .b.seal img{height:100%;width:auto;display:block}
.foot-col h5{margin:0 0 14px;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;color:var(--ink)}
.foot-col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px}
.foot-col a{font-size:13px;color:var(--ink-2);font-weight:600;transition:color .15s}
.foot-col a:hover{color:var(--yellow)}
.foot-bot{max-width:1480px;margin:28px auto 0;padding:0 var(--gutter); display:flex;flex-direction:column;align-items:stretch;gap:18px;}
.foot-bot .legal{font-size:11px;line-height:1.6;color:var(--ink-soft);font-weight:600;flex:1;min-width:300px}
.foot-bot .legal b{color:var(--ink);font-weight:900}
.foot-bot .badges{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.foot-bot .badges .b{height:38px;min-height:38px;box-sizing:border-box; padding:0 14px;border-radius:10px; background:var(--paper-2); display:flex;align-items:center;gap:6px;font-size:11px;font-weight:900;color:var(--ink);}
.foot-bot .badges .b.age{background:var(--ink);color:#fff;font-size:13px;letter-spacing:.04em}
.foot-bot .badges .b.vpn svg{width:14px;height:14px;flex-shrink:0;color:var(--red)}
.foot-bot .badges .b.seal{background:transparent;padding:0;height:38px;min-height:38px;overflow:hidden;border-radius:8px}
.foot-bot .badges .b.seal img{height:100%;width:auto;display:block}
.chat{position:fixed;right:20px;bottom:20px;z-index:60; display:inline-flex;align-items:center;gap:12px; height:48px;padding:0 56px 0 18px; border:1px solid rgba(255,255,255,.10); border-radius:999px; background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.02)), var(--brand-navy-deep); box-shadow: 0 12px 28px -8px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.10); color:#fff; cursor:pointer; transition:transform .2s var(--ease-out), box-shadow .2s, background .2s;}
.chat:hover{transform:translateY(-2px); box-shadow: 0 16px 34px -8px rgba(0,0,0,.65), inset 0 1px 0 rgba(255,255,255,.14); background: linear-gradient(180deg, rgba(255,255,255,.11), rgba(255,255,255,.03)), var(--brand-navy-deep);}
.chat:active{transform:translateY(0)}
.chat .ch-mascot{position:absolute;right:-4px;top:50%;transform:translateY(-50%); width:54px;height:54px;border-radius:50%; background: radial-gradient(circle at 35% 30%, rgba(255,255,255,.50), transparent 65%), linear-gradient(135deg, var(--cyan) 0%, #008B95 100%); box-shadow: 0 6px 16px -4px rgba(203,33,38,.55), inset 0 -2px 0 rgba(0,0,0,.10), inset 0 1px 0 rgba(255,255,255,.40); display:flex;align-items:center;justify-content:center; transition:transform .25s var(--ease-out);}
.chat:hover .ch-mascot{transform:translateY(-50%) rotate(8deg) scale(1.05)}
.chat .ch-mascot img{width:38px;height:38px;display:block; filter:drop-shadow(0 3px 6px rgba(0,0,0,.30));}
.chat .ch-text{display:flex;flex-direction:column;align-items:flex-end; gap:3px;line-height:1;text-align:right;}
.chat .ch-eb{font:800 9px/1 var(--font); letter-spacing:.16em;text-transform:uppercase; color:var(--cyan);}
.chat .ch-title{font:800 13.5px/1 var(--font); letter-spacing:-.005em;color:#fff; white-space:nowrap;}
.bonus-map{position:fixed; left:calc(var(--sidebar-w) + 24px); bottom:20px;z-index:60; display:inline-flex;align-items:center;gap:12px; height:48px;padding:0 18px 0 56px; border:1px solid rgba(255,255,255,.10); border-radius:999px; background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.02)), var(--brand-navy-deep); box-shadow: 0 12px 28px -8px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.10); color:#fff; cursor:pointer; transition:transform .2s var(--ease-out), box-shadow .2s, background .2s;}
.bonus-map:hover{transform:translateY(-2px); box-shadow: 0 16px 34px -8px rgba(0,0,0,.65), inset 0 1px 0 rgba(255,255,255,.14); background: linear-gradient(180deg, rgba(255,255,255,.11), rgba(255,255,255,.03)), var(--brand-navy-deep);}
.bonus-map:active{transform:translateY(0)}
.bonus-map .bm-mascot{position:absolute;left:-4px;top:50%;transform:translateY(-50%); width:54px;height:54px;border-radius:50%; background: radial-gradient(circle at 35% 30%, rgba(255,255,255,.50), transparent 65%), linear-gradient(135deg, var(--yellow) 0%, #D83E43 100%); box-shadow: 0 6px 16px -4px rgba(203,33,38,.55), inset 0 -2px 0 rgba(0,0,0,.10), inset 0 1px 0 rgba(255,255,255,.40); display:flex;align-items:center;justify-content:center; transition:transform .25s var(--ease-out);}
.bonus-map:hover .bm-mascot{transform:translateY(-50%) rotate(-8deg) scale(1.05)}
.bonus-map .bm-mascot img{width:42px;height:42px;display:block; filter:drop-shadow(0 3px 6px rgba(0,0,0,.30));}
.bonus-map .bm-text{display:flex;flex-direction:column;align-items:flex-start; gap:3px;line-height:1;text-align:left;}
.bonus-map .bm-eb{font:800 9px/1 var(--font); letter-spacing:.16em;text-transform:uppercase; color:var(--yellow);}
.bonus-map .bm-title{font:800 13.5px/1 var(--font); letter-spacing:-.005em;color:#fff; white-space:nowrap;}
body:has(.layout.collapsed) .bonus-map{left:calc(var(--sidebar-w-collapsed) + 24px);}
.mb-nav{display:none}
.mb-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px; background:transparent;border:0;cursor:pointer; padding:8px 4px 6px;min-width:0; font-weight:900;font-size:10.5px;letter-spacing:.04em; color:var(--ink-soft); transition:color .15s; position:relative;}
.mb-ico{width:34px;height:34px;border-radius:11px; display:flex;align-items:center;justify-content:center; color:var(--ink-soft); transition:background .15s, color .15s, transform .15s;}
.mb-ico svg{width:20px;height:20px;font-size:20px}
.mb-label{line-height:1}
.mb-item:hover{color:var(--ink)}
.mb-item:hover .mb-ico{color:var(--ink)}
.mb-item.active{color:var(--ink)}
.mb-item.active .mb-ico{background:var(--ink);color:#fff}
.mb-item.active .mb-ico svg{color:var(--yellow)}
@media (max-width: 1399px){
.game-row, .rtp-row{grid-auto-columns:calc((100% - 60px) / 6)}
.hero-track{grid-auto-columns:calc((100% - 16px) / 2)}
.lg-grid{grid-template-columns:repeat(5, minmax(0, 1fr))}
}
@media (max-width: 1199px){
:root{--sidebar-w:248px;--header-h:78px}
.game-row, .rtp-row{grid-auto-columns:calc((100% - 48px) / 5)}
.originals{grid-auto-columns:calc((100% - 28px) / 3)}
.hero-track{grid-auto-columns:calc((100% - 16px) / 2)}
.hero-card{padding:26px;min-height:360px}
.lg-grid{grid-template-columns:repeat(4, minmax(0, 1fr))}
}
@media (max-width: 1023px){
:root{--header-h:68px;--gutter:18px;--section-gap:22px}
.header-nav{display:none}
.layout{grid-template-columns:1fr}
.layout.collapsed{grid-template-columns:1fr}
.sidebar{position:fixed;top:0;left:0;height:100dvh; width:300px;max-width:88vw; transform:translateX(-105%); transition:transform .3s var(--ease-out); z-index:100; box-shadow:0 0 60px rgba(0,0,0,.3); overflow:visible;}
.sb-scroll{display:flex;flex-direction:column; flex:1 1 auto;min-height:0; width:100%; overflow-y:auto;overflow-x:hidden; -webkit-overflow-scrolling:touch; scrollbar-width:none;}
.sb-scroll::-webkit-scrollbar{width:0;height:0;display:none}
.layout.drawer-open .sidebar{transform:translateX(0)}
.layout.collapsed .sidebar{width:300px;}
.sb-market{margin:16px 22px 8px}
.fold-edge{display:none}
.collapsed .nav{padding-top:0}
.collapsed .nav-item{justify-content:flex-start;padding:13px 14px;gap:14px}
.collapsed .nav-item .ni-label, .collapsed .nav-item .caret{display:flex}
.collapsed .nav-item .badge, .collapsed .nav-item .dot-badge{position:static;padding:2px 8px;font-size:10px;letter-spacing:.04em}
.collapsed .nav-item .dot-badge{padding:2px 9px 2px 14px}
.collapsed .nav-item .dot-badge::before{display:block}
.drawer-close{display:flex; top:22px;right:-17px; opacity:0;visibility:hidden; transition:opacity .22s var(--ease-out),visibility .22s var(--ease-out),background .2s var(--ease-out);}
.layout.drawer-open .drawer-close{opacity:1;visibility:visible}
.header-logo{display:flex}
.chat{bottom:calc(80px + env(safe-area-inset-bottom, 0px))}
.bonus-map{left:16px;bottom:calc(80px + env(safe-area-inset-bottom, 0px))}
body:has(.layout.collapsed) .bonus-map{left:16px}
.mb-nav{display:flex;align-items:stretch; position:fixed;left:0;right:0;bottom:0;z-index:80; background:var(--paper); border-top:1px solid var(--rule); box-shadow:0 -6px 20px -10px rgba(34,30,31,.12); padding:0 4px; padding-bottom:env(safe-area-inset-bottom, 0); height:calc(64px + env(safe-area-inset-bottom, 0px));}
body{padding-bottom:calc(64px + env(safe-area-inset-bottom, 0px))}
.hero-track{grid-auto-columns:calc((100% - 16px) / 2)}
.game-row, .rtp-row{grid-auto-columns:calc((100% - 36px) / 4)}
.originals{grid-auto-columns:calc((100% - 14px) / 2)}
.np-tournament{grid-template-columns:1fr; gap:16px;padding:20px;min-height:0;}
.np-tournament::before{background-position:72% bottom; opacity:.55;}
.np-tournament::after{background: linear-gradient(180deg, rgba(22,19,20,.96) 0%, rgba(22,19,20,.92) 48%, rgba(22,19,20,.70) 100%), radial-gradient(circle at 76% 66%, rgba(203,33,38,.18), transparent 42%), radial-gradient(circle at 64% 82%, rgba(203,33,38,.14), transparent 38%);}
.npt-info{gap:14px;text-align:center;align-items:center}
.npt-info .npt-status{justify-content:center}
.npt-info .npt-prize{align-items:center}
.npt-title, .npt-prize .val, .npt-conditions .cond .val{text-shadow:0 2px 12px rgba(0,0,0,.45);}
.npt-countdown .u{background:rgba(255,255,255,.10); backdrop-filter:blur(12px) saturate(1.25); -webkit-backdrop-filter:blur(12px) saturate(1.25); border-color:rgba(255,255,255,.14);}
.npt-conditions{display:grid; grid-template-columns:1fr 1fr 1fr; gap:10px; width:100%;}
.npt-conditions .cond{align-items:center;text-align:center}
.npt-conditions .cond .lbl{font-size:11px}
.npt-conditions .cond .val{font-size:17px}
.npt-info .npt-cta{display:none}
.npt-cta-mobile{display:inline-flex; align-self:stretch; justify-content:center; width:100%;}
.npt-leaderboard{width:100%; max-height:none; padding:14px 14px 10px; gap:8px; background:linear-gradient(180deg, rgba(255,255,255,.13), rgba(255,255,255,.07));}
.npt-lb-rows{max-height:142px}
.about{grid-template-columns:1fr;gap:32px;padding:24px 4px}
.daily-main{grid-template-columns:1fr; gap:18px;padding:32px 24px;text-align:center;}
.daily .daily-mascot{position:absolute; top:50%;left:50%; transform:translate(-50%, -50%); height:80%;width:auto; max-width:80%; object-fit:contain; margin:0; opacity:.18; z-index:0; pointer-events:none;}
.daily .d-left, .daily .d-center, .daily .d-cta{position:relative;z-index:2}
.daily .d-left p{margin-left:auto;margin-right:auto}
.daily .d-cta{display:flex;justify-content:center}
.live-ticker{padding:10px 18px;font-size:12px}
.foot-inner{grid-template-columns:1fr 1fr 1fr;gap:32px}
.foot-brand{grid-column:1 / -1}
.lang{padding:0 12px;font-size:11.5px}
.lang > svg{display:none}
}
@media (max-width: 767px){
:root{--gutter:14px;--section-gap:18px;--header-h:64px}
.header{padding:4px 14px 0;gap:10px}
.lang{height:40px;padding:0 12px}
.login,.signup{width:40px;height:40px;padding:0; border-radius:50%;}
.login{box-shadow:none}
.signup{box-shadow:0 6px 14px -6px rgba(34,30,31,.45)}
.login .label,.signup .label{display:none}
.login .ico,.signup .ico{display:block;width:18px;height:18px}
.main{padding:18px 14px 80px}
.hero-track{grid-auto-columns:100%;gap:12px}
.hero-card{padding:22px 22px;min-height:280px}
.hero-card .hc-eb{font-size:11px;letter-spacing:.14em}
.hero-card h2{font-size:clamp(34px, 8cqw, 44px);line-height:1.02;margin:8px 0 10px}
.hero-card .bonus{font-size:14.5px;line-height:1.38}
.hero-card .cta{height:46px;padding:0 22px;font-size:14px}
.hero-card.has-art{background-position:var(--hero-mobile-pos, 76% center)}
.hero-card .mascot{right:0;top:0;bottom:0;width:40%;height:100%}
.hero-card .hc-eb, .hero-card h2, .hero-card .bonus, .hero-card .ctas{max-width:60%}
.game-row, .rtp-row{grid-auto-columns:36%}
.originals{grid-auto-columns:calc((100% - 12px) / 2)}
.orig-card{padding:18px;aspect-ratio:1.5/1}
.orig-card .name{font-size:24px}
.orig-card .badge{top:14px;right:14px;padding:4px 10px;font-size:9px}
.sec-head .nav-arrows{margin-left:auto;order:2}
.cat-wrap{margin-left:-14px;margin-right:-14px}
.cat-tabs{padding-left:14px;padding-right:74px}
.cat-wrap::after{width:50px}
.cat-tab{height:40px;padding:0 16px;font-size:13px}
.lobby-search{grid-template-columns:1fr;gap:10px;margin-top:12px}
.provider-select{height:48px;font-size:13.5px;padding:0 14px 0 16px;gap:10px}
.provider-select .ps-count{display:none}
.big-search-wrap{padding:4px 4px 4px 16px}
.big-search-wrap input{height:40px;font-size:14px}
.big-search-wrap .kbd{display:none}
.big-search-wrap .filter-btn{height:34px;padding:0 14px;font-size:12px}
.lobby-games{margin-top:18px}
.lg-grid{grid-template-columns:repeat(2, minmax(0, 1fr));gap:8px}
.lg-meta{font-size:9.5px;padding:4px 8px}
.lg-card .game-overlay .g-play{width:38px;height:38px}
.lg-card .game-overlay .g-play svg{width:18px;height:18px}
.lg-load{height:44px;font-size:12.5px;margin-top:12px}
.np-tournament{padding:22px;gap:18px}
.np-tournament::before{background-position:76% bottom; opacity:.46;}
.np-tournament::after{background: linear-gradient(180deg, rgba(22,19,20,.98) 0%, rgba(22,19,20,.94) 52%, rgba(22,19,20,.74) 100%), radial-gradient(circle at 80% 72%, rgba(203,33,38,.14), transparent 46%), radial-gradient(circle at 58% 88%, rgba(203,33,38,.12), transparent 42%);}
.npt-title{font-size:38px}
.npt-prize .val{font-size:46px}
.npt-countdown{gap:8px}
.npt-countdown .u{padding:14px 12px;flex:1;min-width:0}
.npt-countdown .n{font-size:28px}
.npt-countdown .s{font-size:10px;margin-top:5px}
.npt-conditions{gap:18px}
.npt-conditions .cond .val{font-size:15px}
.npt-cta{height:54px;padding:0 28px;font-size:15px}
.npt-leaderboard{padding:14px}
.npt-lb-rows li{min-height:44px;font-size:12px;padding:8px 10px;grid-template-columns:28px 1fr 70px 70px}
.npt-lb-cols{grid-template-columns:28px 1fr 70px 70px;padding:4px 10px}
.npt-lb-rows .rank{width:22px;height:22px;font-size:10px}
.daily-main{padding:28px 18px}
.daily .d-time .u{padding:6px 8px;min-width:44px}
.live-ticker{padding:9px 14px;font-size:11.5px}
.lt-track{gap:28px;animation-duration:42s}
.daily .d-time .n{font-size:20px}
.about{padding:18px 4px;gap:24px}
.fact{padding:14px;grid-template-columns:44px 1fr;gap:12px}
.fact .ico{width:40px;height:40px}
.fact .ico svg{width:18px;height:18px}
.lb-board{padding:14px}
.lb-tab{padding:0 12px;font-size:11.5px;height:32px;gap:6px}
.lb-tab .np-icon{width:13px;height:13px}
.lb-table th,.lb-table td{padding:12px 14px;font-size:13px}
.lb-table th{font-size:9.5px}
.lb-game .thm{width:28px;height:28px}
.foot-inner{grid-template-columns:1fr 1fr 1fr;gap:28px 16px;padding:0 14px}
.foot-brand{grid-column:1 / -1}
.foot-bot{padding:0 14px;gap:18px;flex-direction:column;align-items:stretch}
.foot-bot .legal{flex:0 0 auto;min-width:0;width:100%;font-size:10.5px}
.foot-bot .badges{width:100%;justify-content:space-between;gap:10px;flex-wrap:nowrap;align-items:stretch}
.foot-bot .badges .b{height:44px;min-height:44px;padding:0 14px;font-size:12px}
.foot-bot .badges .b.age{flex:0 0 auto;min-width:60px;justify-content:center;font-size:16px}
.foot-bot .badges .b.vpn{flex:1 1 auto;justify-content:center;font-size:12.5px}
.foot-bot .badges .b.vpn svg{width:16px;height:16px}
.foot-bot .badges .b.seal{flex:0 0 auto;height:44px;min-height:44px}
.chat,.bonus-map{width:56px;height:56px;padding:0; bottom:calc(80px + env(safe-area-inset-bottom, 0px)); border-radius:50%;justify-content:center; background:none;border:0;box-shadow:none; backdrop-filter:none;-webkit-backdrop-filter:none;}
.chat{right:16px}
.bonus-map{left:16px}
.chat .ch-mascot,.bonus-map .bm-mascot{position:static;transform:none;width:56px;height:56px}
.chat .ch-mascot img{width:40px;height:40px}
.bonus-map .bm-mascot img{width:44px;height:44px}
.chat .ch-mascot{box-shadow: inset 0 3px 4px -2px rgba(255,255,255,.55), inset 0 -7px 9px -6px rgba(0,0,0,.22), 0 0 0 1px rgba(0,0,0,.05), 0 10px 22px -8px rgba(0,0,0,.45); transition:transform .15s var(--ease-out), box-shadow .15s var(--ease-out);}
.bonus-map .bm-mascot{box-shadow: inset 0 3px 4px -2px rgba(255,255,255,.55), inset 0 -7px 9px -6px rgba(0,0,0,.22), 0 0 0 1px rgba(0,0,0,.05), 0 10px 22px -8px rgba(0,0,0,.45); transition:transform .15s var(--ease-out), box-shadow .15s var(--ease-out);}
.chat:hover .ch-mascot{transform:translateY(-1px) rotate(8deg) scale(1.04)}
.bonus-map:hover .bm-mascot{transform:translateY(-1px) rotate(-8deg) scale(1.04)}
.chat:active .ch-mascot{transform:translateY(2px); box-shadow:inset 0 3px 4px -2px rgba(255,255,255,.55), inset 0 -7px 9px -6px rgba(0,0,0,.22), 0 0 0 1px rgba(0,0,0,.05), 0 6px 14px -8px rgba(0,0,0,.4);}
.bonus-map:active .bm-mascot{transform:translateY(2px); box-shadow:inset 0 3px 4px -2px rgba(255,255,255,.55), inset 0 -7px 9px -6px rgba(0,0,0,.22), 0 0 0 1px rgba(0,0,0,.05), 0 6px 14px -8px rgba(0,0,0,.4);}
.chat .ch-text,.bonus-map .bm-text{display:none}
.row-wrap::before,.row-wrap::after{width:20px}
}
@media (max-width: 479px){
.hero-card{min-height:0;height:280px}
.hero-card .hc-eb{font-size:11px;letter-spacing:.14em}
.hero-card h2{font-size:30px;margin:4px 0 8px;line-height:1.05}
.hero-card .bonus{font-size:13.5px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hero-card .ctas{margin-top:auto}
.hero-card .cta{height:44px;padding:0 22px;font-size:14px}
.hero-card .cta svg{width:15px;height:15px}
.game-row, .rtp-row{grid-auto-columns:44%}
.originals{grid-auto-columns:88%}
.lb-table th:nth-child(2),.lb-table td:nth-child(2), .lb-table th:nth-child(4),.lb-table td:nth-child(4){display:none}
.foot-inner{grid-template-columns:1fr 1fr 1fr;gap:22px 12px}
.foot-col{padding-bottom:0;border-bottom:0}
.daily .daily-mascot{opacity:.14}
.daily .d-time{flex-wrap:wrap;justify-content:center;gap:6px}
.daily .d-time .u{padding:6px 8px;min-width:42px}
.daily .d-time .n{font-size:18px}
.daily .d-cta button{height:46px;padding:0 22px;font-size:13px}
.sec-head h3{font-size:17px}
.sec-head .ico{width:32px;height:32px}
.sec-head .ico svg{width:20px;height:20px}
}
@media (prefers-reduced-motion: reduce){
*{animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; scroll-behavior:auto !important;}
}
@media print{
.sidebar,.chat,.bonus-map,.hero-controls,.nav-arrows,.fold-btn,.hamburger,.scrim{display:none !important}
.layout{grid-template-columns:1fr}
body{background:#fff}
}
.lang{border-color:var(--rule-2)}
.lang:hover{background:rgba(255,255,255,.06)}
.login{border:1px solid rgba(255,255,255,.32) !important; color:#fff !important; background:transparent !important; box-shadow:none !important;}
.login:hover{background:rgba(255,255,255,.08) !important; border-color:rgba(255,255,255,.5) !important; transform:translateY(-1px);}
.signup, .filter-btn, .ngc-cta, .npt-cta, .benefit .b-cta{background:linear-gradient(180deg, #D83E43 0%, #CB2126 100%) !important; color:var(--brand-navy) !important; border:0 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.55), inset 0 -1px 0 rgba(34,30,31,.18), 0 4px 16px -4px rgba(203,33,38,.42) !important; transition:background .15s, box-shadow .2s, transform .15s !important;}
.signup:hover, .filter-btn:hover, .ngc-cta:hover, .npt-cta:hover, .benefit .b-cta:hover{background:linear-gradient(180deg, #E36669 0%, #CB2126 100%) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.65), inset 0 -1px 0 rgba(34,30,31,.18), 0 8px 24px -4px rgba(203,33,38,.55) !important; transform:translateY(-1px);}
.signup:active, .filter-btn:active, .ngc-cta:active, .npt-cta:active, .benefit .b-cta:active{transform:translateY(0); box-shadow: inset 0 1px 0 rgba(255,255,255,.4), 0 2px 8px -2px rgba(203,33,38,.3) !important;}
.hero-card .cta, .hero-card.c-red .cta, .hero-card.c-yellow .cta, .hero-card.c-cyan .cta, .hero-card.c-magenta .cta, .hero-card.c-purple .cta, .hero-card.c-navy .cta{background:linear-gradient(180deg, rgba(255,255,255,.95) 0%, rgba(255,255,255,.82) 100%) !important; color:var(--brand-navy) !important; border:1px solid rgba(255,255,255,.55) !important; backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); box-shadow: inset 0 1px 0 rgba(255,255,255,1), inset 0 -1px 0 rgba(0,0,0,.06), 0 4px 16px -4px rgba(0,0,0,.4) !important; transition:background .15s, box-shadow .2s, transform .15s !important;}
.hero-card .cta:hover{background:linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,.92) 100%) !important; border-color:rgba(255,255,255,.75) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,1), inset 0 -1px 0 rgba(0,0,0,.08), 0 8px 22px -4px rgba(0,0,0,.5) !important; transform:translateY(-1px);}
.hero-card .cta:active{transform:translateY(0); box-shadow: inset 0 1px 0 rgba(255,255,255,.7), 0 2px 6px -2px rgba(0,0,0,.3) !important;}
.sidebar{background:#161314;box-shadow:6px 0 18px -8px rgba(0,0,0,.55)}
.nav-item:hover{background:rgba(255,255,255,.05)}
.nav-item.active{background:var(--yellow);color:var(--brand-navy)}
.nav-item.active .ni-ico{background:var(--brand-navy);color:var(--yellow)}
.nav-sub{display:none; flex-direction:column; margin:0 0 8px; padding:6px;}
.nav-item.is-open{background:linear-gradient(180deg, #34302F 0%, #1F1415 100%) !important; border:1px solid rgba(255,255,255,.14); border-bottom:0; border-radius:12px 12px 0 0; box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 4px 16px -8px rgba(0,0,0,.35); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);}
.nav-item.is-open + .nav-sub{display:flex; background:linear-gradient(180deg, #1F1415 0%, #161314 100%); border:1px solid rgba(255,255,255,.14); border-top:0; border-radius:0 0 12px 12px; backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); box-shadow: inset 0 -1px 0 rgba(0,0,0,.12), 0 8px 22px -8px rgba(0,0,0,.45);}
.nav-item.js-toggle-sub .caret{margin-left:auto;flex-shrink:0; transition:transform .2s var(--ease-out);}
.nav-item.js-toggle-sub.is-open .caret{transform:rotate(90deg)}
.nav-sub-item{display:flex;align-items:center; padding:9px 14px; border-radius:8px; font-size:13px;font-weight:700; color:rgba(255,255,255,.7); cursor:pointer; transition:background .12s, color .12s;}
.nav-sub-item:hover{background:rgba(255,255,255,.06);color:#fff}
.nav-sub-item.active{color:var(--yellow)}
.nav-sub-more{display:flex;align-items:center;gap:10px; padding:10px 14px 6px; margin-top:2px; border-top:1px solid rgba(255,255,255,.06); font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase; color:rgba(255,255,255,.55); cursor:pointer; transition:color .12s;}
.nav-sub-more::before{content:'\2022\2022\2022'; letter-spacing:1px;color:rgba(255,255,255,.5); font-size:13px;}
.nav-sub-more:hover{color:#fff}
.nav-sub-more:hover::before{color:#fff}
.collapsed .nav-sub{display:none !important}
.sb-bonus{display:flex;align-items:center;gap:10px; margin:6px 22px; padding:14px; border-radius:var(--r-card); background:linear-gradient(135deg, #341A1C 0%, #1F1415 100%); border:1px solid rgba(203,33,38,.42); box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 6px 18px -6px rgba(0,0,0,.55), 0 0 22px -8px rgba(203,33,38,.34); cursor:pointer; transition:transform .15s, box-shadow .2s;}
.sb-bonus:hover{transform:translateY(-1px); box-shadow: inset 0 1px 0 rgba(255,255,255,.22), 0 8px 22px -6px rgba(0,0,0,.6);}
.sb-bonus-img{width:64px;height:64px;object-fit:contain;object-position:center; flex-shrink:0; filter:drop-shadow(0 10px 16px rgba(0,0,0,.38));}
.sb-bonus-text{min-width:0;flex:1}
.sb-bonus-eb{font-size:9.5px;font-weight:900;letter-spacing:.16em;text-transform:uppercase; color:rgba(255,255,255,.6); margin-bottom:3px;}
.sb-bonus-amount{font-size:16px;font-weight:900;letter-spacing:-.01em;color:var(--yellow); line-height:1.1;}
.sb-bonus-plus{display:block;font-size:11px;font-weight:800;color:#fff;letter-spacing:0; margin-top:2px;}
.sb-bonus-meta{font-size:10.5px;font-weight:600;color:rgba(255,255,255,.55); margin-top:4px;}
.collapsed .sb-bonus{display:none}
.game-overlay .fav.on{background:var(--yellow) !important;color:var(--brand-navy) !important}
.sec-head .more::after{content:''; display:inline-block; width:16px;height:16px; margin-left:2px; background-color:currentColor; -webkit-mask:url("data:image/svg+xml;utf8,") no-repeat center / contain; mask:url("data:image/svg+xml;utf8,") no-repeat center / contain;}
.ngc-game{color:var(--yellow) !important;text-decoration-color:var(--yellow) !important}
.ngc-game:hover{color:#fff !important}
.lb-mult{color:var(--yellow) !important}
.lb-pay .coin{background:var(--yellow) !important;color:var(--brand-navy) !important}
.collapsed .nav-item{position:relative}
.collapsed .nav-item::after{content:attr(data-tooltip); position:absolute; left:100%;top:50%; transform:translateY(-50%) translateX(10px); background:#1B1819; color:#fff; padding:6px 12px;border-radius:8px; font-size:12px;font-weight:800;letter-spacing:.01em; white-space:nowrap; pointer-events:none; opacity:0;visibility:hidden; border:1px solid rgba(255,255,255,.14); box-shadow:0 6px 18px -6px rgba(0,0,0,.5); transition:opacity .15s, transform .15s, visibility .15s; z-index:120;}
.collapsed .nav-item:hover::after{opacity:1;visibility:visible; transform:translateY(-50%) translateX(14px);}
@media (min-width: 1024px){
.header-logo{display:flex !important}
.header{padding:4px var(--gutter) 0}
}
.foot-brand .small-logo .lm{display:none !important}
.header-logo .logo-text, .foot-brand .small-logo .word{text-transform:none}
.nav{margin-top:14px}
.collapsed .nav-item[data-tooltip="Casino"] .ni-ico{background:linear-gradient(135deg, rgba(203,33,38,.20) 0%, rgba(203,33,38,.06) 100%) !important; border-color:rgba(203,33,38,.32) !important;}
.collapsed .nav-item[data-tooltip="Casino"] .ni-ico .np-icon{color:var(--red)}
.collapsed .nav-item[data-tooltip="Sports"] .ni-ico{background:linear-gradient(135deg, rgba(203,33,38,.20) 0%, rgba(203,33,38,.06) 100%) !important; border-color:rgba(203,33,38,.32) !important;}
.collapsed .nav-item[data-tooltip="Sports"] .ni-ico .np-icon{color:var(--cyan)}
.collapsed .nav-item[data-tooltip="Live Casino"] .ni-ico{background:linear-gradient(135deg, rgba(203,33,38,.20) 0%, rgba(203,33,38,.06) 100%) !important; border-color:rgba(203,33,38,.32) !important;}
.collapsed .nav-item[data-tooltip="Live Casino"] .ni-ico .np-icon{color:var(--magenta)}
.collapsed .nav-item[data-tooltip="Promotions"] .ni-ico{background:linear-gradient(135deg, rgba(124,31,190,.22) 0%, rgba(124,31,190,.06) 100%) !important; border-color:rgba(124,31,190,.35) !important;}
.collapsed .nav-item[data-tooltip="Promotions"] .ni-ico .np-icon{color:var(--purple)}
body:has(.layout.collapsed) .fold-restore svg{transform:rotate(180deg)}
.collapsed .sidebar{overflow:visible;z-index:60}
.collapsed .sb-auth, .collapsed .sb-promo, .collapsed .sb-bonus, .collapsed .sb-theme, .collapsed .sb-lang, .collapsed .nav-sub{display:none !important}
.collapsed .nav-item{padding:8px 0;background:transparent !important;border:0;justify-content:center;gap:0}
.collapsed .nav-item .ni-label, .collapsed .nav-item .caret, .collapsed .nav-item .dot-badge, .collapsed .nav-item .badge{display:none}
.collapsed .nav-item .ni-ico{width:46px;height:46px;border-radius:12px; background:linear-gradient(135deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.03) 100%); border:1px solid rgba(255,255,255,.14); box-shadow: inset 0 1px 0 rgba(255,255,255,.22), inset 0 -1px 0 rgba(0,0,0,.18), 0 2px 8px -3px rgba(0,0,0,.4); transition:background .15s, border-color .15s, transform .15s;}
.collapsed .nav-item .ni-ico svg{width:26px;height:26px;font-size:26px}
.collapsed .nav-item:hover .ni-ico{background:linear-gradient(135deg, rgba(255,255,255,.18) 0%, rgba(255,255,255,.06) 100%); border-color:rgba(255,255,255,.24); transform:translateY(-1px);}
.collapsed{overflow:visible}
.collapsed .sidebar{overflow:visible;z-index:80}
.collapsed .nav, .collapsed .nav-item{position:relative;overflow:visible}
.collapsed .nav-item::after{content:attr(data-tooltip); position:absolute;left:100%;top:50%; transform:translateY(-50%) translateX(10px); background:#1B1819;color:#fff; padding:7px 14px;border-radius:8px; font-size:12.5px;font-weight:800;letter-spacing:.01em; white-space:nowrap;pointer-events:none; opacity:0;visibility:hidden; border:1px solid rgba(255,255,255,.16); box-shadow:0 6px 22px -6px rgba(0,0,0,.6); transition:opacity .15s, transform .15s, visibility .15s; z-index:200;}
.collapsed .nav-item:hover::after{opacity:1;visibility:visible; transform:translateY(-50%) translateX(14px);}
.collapsed .nav-item{padding:8px 0}
.collapsed .nav-item:hover{background:transparent}
.collapsed .nav-item .ni-ico{width:46px;height:46px;border-radius:12px; background:linear-gradient(135deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.03) 100%); border:1px solid rgba(255,255,255,.14); box-shadow: inset 0 1px 0 rgba(255,255,255,.22), inset 0 -1px 0 rgba(0,0,0,.18), 0 2px 8px -3px rgba(0,0,0,.4); transition:background .15s, border-color .15s, transform .15s;}
.collapsed .nav-item .ni-ico svg{width:26px;height:26px;font-size:26px}
.collapsed .nav-item:hover .ni-ico{background:linear-gradient(135deg, rgba(255,255,255,.18) 0%, rgba(255,255,255,.06) 100%); border-color:rgba(255,255,255,.24); transform:translateY(-1px);}
.nav-item .dot-badge.dot-badge--live{background:var(--red) !important; color:#fff;}
.nav-item .dot-badge.dot-badge--live::before{animation:pulseDot 1.5s infinite;}
.sb-lang{display:flex;align-items:center;gap:10px; margin:6px 22px 18px; padding:0 16px;height:44px; background:linear-gradient(135deg, rgba(255,255,255,.06) 0%, rgba(255,255,255,.02) 100%); border:1px solid rgba(255,255,255,.12); border-radius:var(--r-pill); color:#fff;font-weight:800;font-size:13px;letter-spacing:.01em; cursor:pointer;width:calc(100% - 44px); box-shadow: inset 0 1px 0 rgba(255,255,255,.14), inset 0 -1px 0 rgba(0,0,0,.12); transition:background .15s, border-color .15s;}
.sb-lang .sb-lang-label{flex:1;text-align:left}
.sb-lang-chev{width:16px;height:16px;color:rgba(255,255,255,.5);flex-shrink:0}
.sb-lang:hover{background:linear-gradient(135deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%); border-color:rgba(255,255,255,.20);}
.collapsed .sb-lang{display:none}
.sb-lang-flag{flex:0 0 20px; width:20px;height:20px;border-radius:50%; overflow:hidden;display:block; box-shadow:0 0 0 1px rgba(255,255,255,.15);}
.flag-svg{width:100%;height:100%;display:block}
.sb-lang-wrap{position:relative}
.lang-pop{position:absolute; bottom:calc(100% + 14px);left:22px;right:22px; padding:16px 14px 14px; border-radius:18px; background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), var(--brand-navy-deep); border:1px solid rgba(255,255,255,.14); box-shadow: 0 24px 48px -12px rgba(0,0,0,.65), 0 6px 16px -4px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.10); z-index:120; opacity:0;transform:translateY(6px) scale(.98);transform-origin:50% 100%; pointer-events:none; transition:opacity .18s var(--ease-out), transform .18s var(--ease-out);}
.lang-pop.is-open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}
.lang-pop::after{content:'';position:absolute;left:50%;top:100%; width:14px;height:14px; background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%), var(--brand-navy-deep); border-right:1px solid rgba(255,255,255,.14); border-bottom:1px solid rgba(255,255,255,.14); transform:translate(-50%,-50%) rotate(45deg);}
.lang-pop-head{font:800 9.5px/1 var(--font); letter-spacing:.18em;text-transform:uppercase; color:rgba(255,255,255,.55); padding:0 4px 10px;}
.lang-grid{display:grid; grid-template-columns:repeat(4, 1fr); gap:10px;}
.lang-opt{position:relative; width:100%;aspect-ratio:1;max-width:48px;margin:0 auto; border-radius:50%; background:transparent;border:none;padding:0; cursor:pointer; display:block; transition:transform .18s var(--ease-out);}
.lang-opt-img{width:100%;height:100%;border-radius:50%;overflow:hidden; display:block; box-shadow: 0 0 0 1px rgba(255,255,255,.12), 0 4px 10px -2px rgba(0,0,0,.45); transition:box-shadow .18s, transform .18s var(--ease-out);}
.lang-opt-img .flag-svg{width:100%;height:100%}
.lang-opt:hover{transform:translateY(-2px)}
.lang-opt:hover .lang-opt-img{box-shadow: 0 0 0 1px rgba(255,255,255,.30), 0 6px 14px -2px rgba(0,0,0,.55);}
.lang-opt.is-on .lang-opt-img{box-shadow: 0 0 0 2px var(--yellow), 0 0 0 4px rgba(203,33,38,.20), 0 6px 14px -2px rgba(203,33,38,.35);}
.lang-opt .lang-check{position:absolute;right:-2px;bottom:-2px; width:18px;height:18px;border-radius:50%; background:var(--yellow);color:var(--brand-navy); display:none;align-items:center;justify-content:center; box-shadow:0 2px 6px rgba(0,0,0,.45), 0 0 0 2px var(--brand-navy-deep);}
.lang-opt.is-on .lang-check{display:flex}
.lang-opt .lang-check svg{width:11px;height:11px}
@media (max-width:1023px){
.lang-pop{left:14px;right:14px;bottom:calc(100% + 12px)}
}
.lang-wrap{position:relative;display:inline-block}
.lang .lang-flag{width:18px;height:18px;border-radius:50%; overflow:hidden;flex-shrink:0;display:block; box-shadow:0 0 0 1px rgba(0,0,0,.10);}
.lang .lang-flag .flag-svg{width:100%;height:100%}
.lang-pop--down{top:calc(100% + 12px);bottom:auto; left:auto;right:0; width:280px; transform-origin:100% 0; transform:translateY(-6px) scale(.98);}
.lang-pop--down.is-open{transform:translateY(0) scale(1)}
.lang-pop--down::after{display:none}
@media (max-width:1023px){
.lang-pop--down{position:fixed; top:calc(var(--header-h) + 8px); right:14px;left:auto;bottom:auto; width:min(300px, calc(100vw - 28px)); transform-origin:100% 0;}
.lang-pop--down::after{display:none}
}
/* social icons hidden — no social channels yet; restore display:flex to re-enable */
.sb-socials{display:none;justify-content:space-between;gap:8px; margin:12px 22px 14px; padding:14px 0 0; border-top:1px solid rgba(255,255,255,.06);}
.sb-soc{display:flex;align-items:center;justify-content:center; width:36px;height:36px;border-radius:10px; background:linear-gradient(135deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.02) 100%); border:1px solid rgba(255,255,255,.10); color:rgba(255,255,255,.7); box-shadow: inset 0 1px 0 rgba(255,255,255,.14), inset 0 -1px 0 rgba(0,0,0,.12); cursor:pointer; transition:background .15s, border-color .15s, color .15s, transform .15s;}
.sb-soc:hover{background:linear-gradient(135deg, rgba(255,255,255,.16) 0%, rgba(255,255,255,.05) 100%); border-color:rgba(255,255,255,.22); color:#fff; transform:translateY(-1px);}
.sb-soc svg{width:16px;height:16px}
.collapsed .sb-socials{display:none}
.cat-tabs{gap:8px;padding:6px 0; align-items:flex-start; justify-content:safe center;}
.cat-tab{flex-direction:column;align-items:center;gap:10px; height:auto;padding:8px 6px;min-width:88px; background:transparent;border:0; font-size:11.5px;font-weight:800;letter-spacing:.02em; color:rgba(255,255,255,.7); white-space:nowrap;cursor:pointer; text-decoration:none; transition:color .15s, transform .15s;}
.cat-tab .cat-ico{width:72px;height:72px;padding:5px;box-sizing:content-box; object-fit:contain; background:linear-gradient(135deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.03) 100%); border:1px solid rgba(255,255,255,.14); border-radius:50%; backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); box-shadow: inset 0 1px 0 rgba(255,255,255,.25), inset 0 -1px 0 rgba(0,0,0,.18), 0 2px 8px -3px rgba(0,0,0,.35); transition:background .15s, border-color .15s, box-shadow .2s, transform .15s;}
.cat-tab:hover{color:#fff;background:transparent;transform:none;border:0}
.cat-tab:hover .cat-ico{background:linear-gradient(135deg, rgba(255,255,255,.20) 0%, rgba(255,255,255,.08) 100%); border-color:rgba(255,255,255,.32); box-shadow: inset 0 1px 0 rgba(255,255,255,.38), inset 0 -1px 0 rgba(0,0,0,.18), 0 2px 8px -3px rgba(0,0,0,.35); transform:translateY(-1px);}
.cat-tab.active{color:#fff;background:transparent;border:0}
.cat-tab.active .cat-ico{background:linear-gradient(135deg, rgba(255,217,61,.98) 0%, rgba(255,184,0,.92) 100%); border-color:rgba(255,255,255,.5); box-shadow: inset 0 2px 0 rgba(255,255,255,.55), inset 0 -2px 0 rgba(180,120,0,.3), 0 2px 8px -3px rgba(0,0,0,.35);}
@media (max-width: 768px){
.cat-tabs{gap:6px;padding:6px 60px 6px 14px;justify-content:flex-start}
.cat-tab{min-width:70px;padding:6px 4px;font-size:10px;gap:6px}
.cat-tab .cat-ico{width:56px;height:56px;padding:5px}
}
.big-search-wrap:focus-within{border-color:var(--yellow) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 0 0 3px rgba(203,33,38,.18), 0 4px 18px -6px rgba(0,0,0,.4) !important;}
.provider-select .ps-count, .big-search-wrap .kbd, .lg-meta{background:linear-gradient(135deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%); border:1px solid rgba(255,255,255,.12); color:var(--ink-soft); box-shadow:inset 0 1px 0 rgba(255,255,255,.18);}
.provider-panel{background:rgba(34,30,31,.92) !important; border:1px solid rgba(255,255,255,.14) !important; backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); box-shadow:0 12px 30px -8px rgba(0,0,0,.6);}
.provider-opt:hover{background:rgba(255,255,255,.06)}
.provider-opt.selected{background:var(--yellow);color:var(--brand-navy)}
.provider-opt.selected .opt-count{color:rgba(34,30,31,.55)}
.big-search-wrap .filter-btn{background:var(--yellow);color:var(--brand-navy)}
.big-search-wrap .filter-btn:hover{background:#D83E43}
.lg-card{background:var(--paper-2)}
.lang{background:linear-gradient(180deg, rgba(22,19,20,.80) 0%, rgba(8,10,32,.68) 100%) !important; border:1px solid rgba(255,255,255,.18) !important; -webkit-backdrop-filter:blur(12px) saturate(1.3); backdrop-filter:blur(12px) saturate(1.3); box-shadow: inset 0 1px 0 rgba(255,255,255,.16), inset 0 -1px 0 rgba(0,0,0,.12), 0 2px 6px -2px rgba(0,0,0,.3) !important;}
.lang:hover{background:linear-gradient(135deg, rgba(255,255,255,.12) 0%, rgba(255,255,255,.04) 100%) !important; border-color:rgba(255,255,255,.20) !important;}
.fact .ico{box-shadow: inset 0 1px 0 rgba(255,255,255,.32), inset 0 -1px 0 rgba(0,0,0,.18), 0 3px 10px -3px rgba(0,0,0,.45);}
.lb-tabs{background:linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%) !important; border:1px solid rgba(255,255,255,.16) !important; backdrop-filter:blur(16px) saturate(1.4); -webkit-backdrop-filter:blur(16px) saturate(1.4); box-shadow: inset 0 1px 0 rgba(255,255,255,.18), inset 0 -1px 0 rgba(0,0,0,.22), 0 4px 14px -6px rgba(0,0,0,.40) !important;}
.lb-tab{color:rgba(255,255,255,.65) !important}
.lb-tab:hover{background:rgba(255,255,255,.08) !important; color:#fff !important;}
.lb-tab.on{background:linear-gradient(180deg, rgba(255,255,255,.20) 0%, rgba(255,255,255,.10) 100%) !important; color:#fff !important; border:1px solid rgba(255,255,255,.22) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.32), inset 0 -1px 0 rgba(0,0,0,.18), 0 4px 12px -4px rgba(0,0,0,.40) !important;}
.hero-arrow, .sec-head .nav-arrows button{background:linear-gradient(135deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.02) 100%) !important; border:1px solid rgba(255,255,255,.12) !important; color:#fff !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.14), inset 0 -1px 0 rgba(0,0,0,.12), 0 2px 8px -3px rgba(0,0,0,.35) !important;}
.hero-arrow:hover, .sec-head .nav-arrows button:hover{background:linear-gradient(135deg, rgba(255,255,255,.14) 0%, rgba(255,255,255,.04) 100%) !important; border-color:rgba(255,255,255,.22) !important; color:#fff !important; transform:translateY(-1px);}
.sec-head .ico{box-shadow: inset 0 1px 0 rgba(255,255,255,.32), inset 0 -1px 0 rgba(0,0,0,.18), 0 3px 10px -3px rgba(0,0,0,.45);}
.hero-card, .hero-card.c-red, .hero-card.c-yellow, .hero-card.c-purple, .hero-card.c-cyan, .hero-card.c-magenta, .hero-card.c-navy{background:linear-gradient(135deg, #16164A 0%, #161314 100%); color:#fff; border:0; box-shadow:none;}
.hero-card .hc-eb, .hero-card.c-yellow .hc-eb, .hero-card.c-cyan .hc-eb{color:var(--yellow)}
.hero-card .pct, .hero-card.c-yellow .pct, .hero-card.c-cyan .pct, .hero-card.c-magenta .pct, .hero-card.c-purple .pct, .hero-card.c-navy .pct{color:var(--yellow)}
.hero-card .bonus, .hero-card.c-yellow .bonus, .hero-card.c-cyan .bonus{color:rgba(255,255,255,.85);opacity:1}
.hero-card, .hero-card.has-art{border-radius:var(--r-card)}
.hero-card.has-art{overflow:hidden}
.hero-card::before, .hero-card::after, .hero-card.has-art::before, .hero-card.has-art::after{border-radius:inherit}
.hero-card::before{content:''; position:absolute; inset:-36% -18% auto 38%; height:150%; z-index:1; pointer-events:none; background: radial-gradient(circle at 72% 38%, rgba(203,33,38,.28) 0 0, rgba(203,33,38,.20) 0 3px, transparent 4px), radial-gradient(circle at 52% 60%, rgba(255,255,255,.20) 0 0, rgba(255,255,255,.14) 0 2px, transparent 3px), linear-gradient(116deg, transparent 0 28%, rgba(203,33,38,.72) 29% 34%, transparent 35% 45%, rgba(42,42,138,.72) 46% 52%, transparent 53% 100%); opacity:.72; transform:rotate(-7deg); mix-blend-mode:screen;}
.hero-card::after{content:''; position:absolute; right:28%; bottom:-42px; width:170px; height:170px; border-radius:50%; z-index:1; pointer-events:none; background: radial-gradient(circle at 50% 50%, transparent 0 46%, rgba(203,33,38,.70) 47% 50%, transparent 51%), conic-gradient(from -20deg, transparent 0 18%, rgba(203,33,38,.46) 19% 24%, transparent 25% 42%, rgba(203,33,38,.34) 43% 48%, transparent 49% 100%); opacity:.55; filter:blur(.1px);}
.hero-card.c-yellow::before, .hero-card.c-cyan::before{opacity:.82}
.hero-card.c-purple::before{background: radial-gradient(circle at 68% 42%, rgba(203,33,38,.28) 0 0, rgba(203,33,38,.20) 0 3px, transparent 4px), linear-gradient(116deg, transparent 0 30%, rgba(203,33,38,.68) 31% 36%, transparent 37% 47%, rgba(203,33,38,.58) 48% 54%, transparent 55% 100%);}
.hero-card.has-art{background-image:var(--hero-art); background-size:cover; background-position:var(--hero-pos, center); background-repeat:no-repeat; border:0; box-shadow:none;}
.hero-card.has-art::after{content:none; display:none; position:absolute; inset:0; z-index:1; pointer-events:none; background: radial-gradient(circle at 73% 52%, rgba(var(--hero-accent-rgb, 203,33,38), .32), transparent 34%), radial-gradient(circle at 42% 90%, rgba(var(--hero-accent-rgb, 203,33,38), .18), transparent 28%), linear-gradient(90deg, rgba(var(--hero-accent-rgb, 203,33,38), .12), transparent 42%); mix-blend-mode:screen;}
.hero-card.has-art .hc-eb{color:var(--cyan)}
.hero-card.has-art .mascot{display:none}
.hero-card.has-art .hc-eb, .hero-card.has-art h2, .hero-card.has-art .bonus, .hero-card.has-art .ctas{max-width:58%}
@media (max-width: 767px){
.hero-card.has-art{background-position:var(--hero-mobile-pos, 76% center)}
.hero-card.has-art .hc-eb, .hero-card.has-art h2, .hero-card.has-art .bonus, .hero-card.has-art .ctas{max-width:60%}
.hero-card.has-art h2{font-size:clamp(34px, 8cqw, 44px)}
}
.sec-head h3{color:#fff}
.sec-head .more{color:#fff}
.sec-head .nav-arrows button{background:var(--paper-2);border-color:var(--rule);color:#fff}
.sec-head .nav-arrows button:hover{background:var(--yellow);color:var(--brand-navy);border-color:var(--yellow)}
.orig-card{background:var(--paper-2)}
.game{background:var(--paper-2)}
.np-tournament::before{content:''; position:absolute; inset:0; z-index:0; pointer-events:none; border-radius:inherit; background-image:url('../assets-new/hero-banners/set-17-low-angle-winner-podium-desktop-1824x608.webp'); background-size:auto 132%; background-position:74% 30%; background-repeat:no-repeat; transform:scaleX(-1);}
.np-tournament::after{content:''; position:absolute; inset:0; z-index:1; pointer-events:none; border-radius:inherit; background: linear-gradient(90deg, rgba(22,19,20,.94) 0%, rgba(22,19,20,.78) 36%, rgba(22,19,20,.36) 58%, rgba(22,19,20,.18) 100%), radial-gradient(circle at 74% 50%, rgba(203,33,38,.22), transparent 34%), radial-gradient(circle at 82% 32%, rgba(203,33,38,.18), transparent 30%), radial-gradient(circle at 64% 72%, rgba(203,33,38,.14), transparent 28%);}
.npt-title{color:#fff}
.npt-prize .val{color:#fff}
.npt-prize .lbl{color:rgba(255,255,255,.6)}
.npt-countdown .u{background:rgba(255,255,255,.06);border-color:var(--rule)}
.npt-countdown .n{color:#fff}
.npt-countdown .s{color:rgba(255,255,255,.55)}
.npt-divider{display:none!important}
.npt-conditions .cond .lbl{color:rgba(255,255,255,.55)}
.npt-conditions .cond .val{color:#fff}
.npt-cta{background:var(--yellow);color:var(--brand-navy)}
.npt-leaderboard{justify-self:end; align-self:center; width:min(100%, 540px); background:linear-gradient(180deg, rgba(255,255,255,.13) 0%, rgba(255,255,255,.065) 100%); border:1px solid rgba(255,255,255,.16); backdrop-filter:blur(22px) saturate(1.5); -webkit-backdrop-filter:blur(22px) saturate(1.5); box-shadow: inset 0 1px 0 rgba(255,255,255,.18), inset 0 -1px 0 rgba(0,0,0,.20), 0 12px 32px -12px rgba(0,0,0,.45);}
.npt-lb-cols{color:rgba(255,255,255,.5)}
.np-tournament .npt-lb-rows li{background:rgba(255,255,255,.06) !important; border:1px solid rgba(255,255,255,.10) !important; color:#fff;}
.np-tournament .npt-lb-rows li:hover{background:rgba(255,255,255,.12) !important; border-color:rgba(255,255,255,.22) !important;}
.np-tournament .npt-lb-rows .player{color:#fff}
.np-tournament .npt-lb-rows .points{color:rgba(255,255,255,.55)}
.np-tournament .npt-lb-rows .prize{color:#fff}
.np-tournament .npt-lb-rows li:hover .player{color:#E36669}
.about p{color:rgba(255,255,255,.75)}
.about a{color:var(--yellow);border-color:var(--yellow)}
.fact{background:var(--paper-2);border-color:var(--rule)}
.fact h4{color:#fff}
.fact p{color:rgba(255,255,255,.6)}
.lb-board{background:#221E1F; border:1px solid rgba(255,255,255,.14); padding:18px; box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 18px 50px -18px rgba(0,0,0,.62); backdrop-filter:blur(18px) saturate(1.25); -webkit-backdrop-filter:blur(18px) saturate(1.25);}
.lb-board::before{content:''; position:absolute; inset:0; z-index:0; pointer-events:none; background:url('../assets-new/live-bets/live-bets-bg-v2-london-skyline-edges.webp') center top / 100% auto no-repeat; opacity:.74; filter:saturate(1.1) contrast(1.02) brightness(.92);}
.lb-board::after{content:''; position:absolute; inset:0; z-index:1; pointer-events:none; background: linear-gradient(180deg, rgba(22,19,20,.18) 0%, rgba(22,19,20,.44) 42%, rgba(22,19,20,.62) 100%), radial-gradient(circle at 50% 52%, rgba(22,19,20,.34), transparent 42%), radial-gradient(circle at 82% 18%, rgba(203,33,38,.08), transparent 32%), radial-gradient(circle at 16% 22%, rgba(203,33,38,.07), transparent 30%);}
.lb-board > *{position:relative;z-index:2}
.lb-board .lb-live{background:var(--red); color:#fff; box-shadow:0 0 22px rgba(203,33,38,.26);}
.lb-tabs{margin:0 0 16px; padding:6px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); border-radius:18px; backdrop-filter:blur(14px) saturate(1.25); -webkit-backdrop-filter:blur(14px) saturate(1.25); box-shadow:inset 0 1px 0 rgba(255,255,255,.12);}
.lb-tab{color:rgba(255,255,255,.62)}
.lb-tab:hover{color:#fff}
.lb-tab.on{background:linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.08)); color:#fff; border-color:rgba(255,255,255,.18); box-shadow:inset 0 1px 0 rgba(255,255,255,.20), 0 8px 20px -12px rgba(0,0,0,.5);}
.lb-table{border-spacing:0 5px}
.lb-table th{color:rgba(255,255,255,.50); padding:5px 14px 6px;}
.lb-table td{padding:8px 14px; font-size:12.5px; background:rgba(255,255,255,.075); border-top:1px solid rgba(255,255,255,.10); border-bottom:1px solid rgba(255,255,255,.08); color:rgba(255,255,255,.82); box-shadow: inset 0 1px 0 rgba(255,255,255,.08), inset 0 -1px 0 rgba(0,0,0,.12);}
.lb-table td:first-child{border-left:1px solid rgba(255,255,255,.10); border-top-left-radius:14px; border-bottom-left-radius:14px;}
.lb-table td:last-child{border-right:1px solid rgba(255,255,255,.10); border-top-right-radius:14px; border-bottom-right-radius:14px;}
.lb-table tr:hover td{background:rgba(255,255,255,.12); border-color:rgba(255,255,255,.18);}
.lb-game .nm{color:#fff}
.lb-game .nm:hover{color:var(--yellow)}
.lb-game .thm{width:26px;height:26px; background:rgba(255,255,255,.10); box-shadow:0 0 0 1px rgba(255,255,255,.08);}
.lb-time,.lb-user{color:rgba(255,255,255,.55)}
.lb-mult{color:var(--yellow)}
.lb-mult.zero{color:var(--yellow);font-weight:900}
.lb-pay{color:#fff}
.lb-pay.zero{color:rgba(255,255,255,.50)}
.lb-pay .coin{background:var(--yellow);color:var(--brand-navy)}
.lb-pay.zero .coin{background:var(--yellow);color:var(--brand-navy)}
.footer{background:var(--nav-surface);border-color:var(--rule)}
.foot-brand .copy{color:rgba(255,255,255,.55)}
.foot-col h5{color:rgba(255,255,255,.45)}
.foot-col a{color:rgba(255,255,255,.7)}
.foot-bot{border-color:var(--rule)}
.foot-bot .legal{color:rgba(255,255,255,.55)}
.foot-bot .legal b{color:#fff}
.foot-bot .badges .b{background:var(--paper-2);color:#fff}
.foot-bot .badges .b.age{background:var(--yellow);color:var(--brand-navy)}
.mb-nav{background:rgba(22,19,20,.55) !important; border-top:1px solid rgba(255,255,255,.12) !important; backdrop-filter:blur(24px) saturate(180%); -webkit-backdrop-filter:blur(24px) saturate(180%); box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 -8px 24px -10px rgba(0,0,0,.6) !important;}
.mb-item{color:rgba(255,255,255,.55)}
.mb-item .mb-ico{color:rgba(255,255,255,.7)}
.mb-item:hover{color:#fff}
.mb-item:hover .mb-ico{color:#fff}
.mb-item.active{color:#fff}
.mb-item.active .mb-ico{background:var(--yellow);color:var(--brand-navy)}
.mb-item.active .mb-ico svg{color:var(--brand-navy)}
::selection{background:var(--yellow);color:var(--brand-navy)}
.hero-dots .d.active{background:var(--yellow)}
.sec-head .more .count{background:var(--yellow);color:var(--brand-navy)}
.game .tag.buy{background:var(--magenta);color:#fff}
.lg-tag.t-yellow{background:var(--magenta) !important;color:#fff !important}
.sec-head .ico.t-yellow{background:var(--yellow) !important;color:var(--brand-navy) !important}
.fact .ico.t-yellow{background:var(--yellow) !important;color:var(--brand-navy) !important}
.orig-card,.game{background:var(--paper)}
.sec-head .ico.t-navy{background:var(--brand-navy);color:#fff}
.fact .ico.t-navy{background:var(--brand-navy);color:#fff}
.ngc-cta{background:var(--yellow);color:var(--brand-navy);box-shadow:0 6px 0 -2px rgba(203,33,38,.32)}
.ngc-cta:hover{background:#D83E43;box-shadow:0 8px 0 -2px rgba(203,33,38,.42)}
.ngc-cta:active{box-shadow:0 3px 0 -2px rgba(203,33,38,.28)}
.np-wins-ticker{background:var(--paper-2);border:1px solid var(--rule)}
.np-wins-ticker .lt-item{color:rgba(255,255,255,.8)}
.np-wins-ticker .lt-item .pl{color:#fff}
:focus-visible{outline-color:var(--yellow)}
.login{background:linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.03) 100%) !important; border:1px solid rgba(255,255,255,.18) !important; color:#fff !important; backdrop-filter:blur(12px) saturate(1.4); -webkit-backdrop-filter:blur(12px) saturate(1.4); box-shadow: inset 0 1px 0 rgba(255,255,255,.18), inset 0 -1px 0 rgba(0,0,0,.20), 0 4px 12px -4px rgba(0,0,0,.45) !important;}
.login:hover{background:linear-gradient(180deg, rgba(255,255,255,.16) 0%, rgba(255,255,255,.06) 100%) !important; border-color:rgba(255,255,255,.26) !important; transform:translateY(-1px);}
.np-wins-board{box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 10px 28px -10px rgba(0,0,0,.5) !important;}
.np-glass-card{background:linear-gradient(180deg, rgba(255,255,255,.06) 0%, rgba(255,255,255,.02) 100%) !important; border:1px solid rgba(255,255,255,.10) !important; isolation:isolate; box-shadow: inset 0 1px 0 rgba(255,255,255,.12), inset 0 -1px 0 rgba(0,0,0,.18), 0 8px 22px -10px rgba(0,0,0,.5) !important;}
.np-glass-card:hover{background:linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%) !important; border-color:rgba(255,255,255,.18) !important;}
.np-wins-grid .np-glass-card:nth-child(1){--win-bg:url('../assets-new/winner-bgs/magic-red-total-jackpot-bg.webp'); --win-pos:72% center; --win-glow:203,33,38;}
.np-wins-grid .np-glass-card:nth-child(2){--win-bg:url('../assets-new/winner-bgs/winner-month-red-stage-bg-magic-red-v2-1774x887.webp'); --win-pos:76% center; --win-glow:203,33,38;}
.np-wins-grid .np-glass-card:nth-child(3){--win-bg:url('../assets-new/winner-bgs/magic-red-top-daily-win-bg-v2.webp'); --win-pos:78% center; --win-glow:203,33,38;}
.np-wins-grid .np-glass-card::before{content:''; position:absolute; inset:0; z-index:0; border-radius:inherit; background: linear-gradient(90deg, rgba(22,19,20,.88) 0%, rgba(22,19,20,.62) 48%, rgba(22,19,20,.18) 100%), var(--win-bg); background-size:cover; background-position:center, var(--win-pos); pointer-events:none;}
.np-wins-grid .np-glass-card::after{z-index:1; background:radial-gradient(circle at 78% 22%, rgba(var(--win-glow), .22), transparent 56%);}
.np-wins-grid .ngc-mascot{display:none}
.np-tournament{box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 14px 36px -14px rgba(0,0,0,.55) !important;}
.np-tournament .npt-info, .np-tournament .npt-leaderboard, .np-tournament .npt-cta-mobile{position:relative;z-index:3}
@media (max-width: 1023px){
.np-tournament{display:block; min-height:auto; padding-bottom:28px;}
.np-tournament::before{background-size:auto 108%; background-position:62% center; opacity:1; filter:saturate(1.12) contrast(1.04);}
.np-tournament::after{background: linear-gradient(180deg, rgba(22,19,20,.92) 0%, rgba(22,19,20,.80) 40%, rgba(22,19,20,.50) 70%, rgba(22,19,20,.34) 100%), radial-gradient(circle at 84% 82%, rgba(203,33,38,.28), transparent 48%), radial-gradient(circle at 38% 88%, rgba(203,33,38,.22), transparent 44%), radial-gradient(circle at 48% 96%, rgba(203,33,38,.16), transparent 32%);}
.np-tournament .npt-info{max-width:none;}
.npt-leaderboard{margin-top:22px; width:100%; background:linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.08));}
}
@media (max-width: 767px){
.npt-title{font-size:clamp(30px, 9vw, 42px); line-height:1.02;}
.npt-prize .val{font-size:clamp(38px, 12vw, 46px)}
.npt-countdown{gap:8px}
.npt-countdown .u{background:rgba(255,255,255,.12); border-color:rgba(255,255,255,.16);}
.npt-cta-mobile{margin-top:24px;}
.lb-board{padding:12px 10px 14px; border-radius:18px; background:#221E1F;}
.lb-board::before{background-size:auto 100%; background-position:78% top; opacity:.58; filter:saturate(1.04) contrast(1) brightness(.86);}
.lb-board::after{background: linear-gradient(180deg, rgba(22,19,20,.36) 0%, rgba(22,19,20,.56) 44%, rgba(22,19,20,.72) 100%), radial-gradient(circle at 50% 48%, rgba(22,19,20,.30), transparent 42%), radial-gradient(circle at 84% 18%, rgba(203,33,38,.06), transparent 34%), radial-gradient(circle at 12% 24%, rgba(203,33,38,.05), transparent 32%);}
.lb-tabs{max-width:100%; overflow-x:auto; scrollbar-width:none;}
.lb-scroll{max-height:316px;}
.lb-table{min-width:720px;}
.lb-table td{padding:8px 10px; white-space:nowrap;}
}
.fact{background:linear-gradient(180deg, rgba(255,255,255,.06) 0%, rgba(255,255,255,.02) 100%) !important; border:1px solid rgba(255,255,255,.10) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.12), inset 0 -1px 0 rgba(0,0,0,.18), 0 6px 18px -8px rgba(0,0,0,.45) !important;}
.foot-bot .badges .b{background:linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%) !important; border:1px solid rgba(255,255,255,.12) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.14), 0 2px 8px -3px rgba(0,0,0,.4) !important;}
.foot-bot .badges .b.age{background:var(--yellow) !important;color:var(--brand-navy) !important;border:0 !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.5) !important}
.foot-bot .badges .b.seal{background:transparent !important;border:0 !important;box-shadow:none !important}
@media (hover: none){
.game-overlay{opacity:0 !important;pointer-events:none !important}
}
@media print{
body{background:#fff}
}
@media (min-width: 1024px){
.hero-track{grid-auto-columns:calc((100% - 16px) / 2) !important}
.hero-card{height:320px;min-height:320px;padding:26px 30px; overflow:visible;}
.hero-card .hc-eb{font-size:12.5px;letter-spacing:.16em}
.hero-card h2{font-size:38px;margin:12px 0 12px;line-height:1.04;letter-spacing:-.018em; text-wrap:pretty; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.hero-card .bonus{font-size:16px;line-height:1.42;margin:0}
.hero-card .ctas{margin-top:auto}
.hero-card .cta{height:50px;padding:0 26px;font-size:15px;gap:8px}
.hero-card .cta svg{width:15px;height:15px}
.hero-card .hc-eb, .hero-card h2, .hero-card .bonus, .hero-card .ctas{max-width:58%}
.hero-card .mascot{width:40%; height:100%; top:0;bottom:0;right:0; object-fit:cover; object-position:right 38%; clip-path:inset(0 0 0 0 round 0 var(--r-card) var(--r-card) 0);}
}
@media(max-width:767px){
.header-logo-img{height:36px}
.header .lang{width:40px;height:40px;padding:0;justify-content:center;gap:0;border-radius:50%}
.header .lang .lang-code{display:none}
.header .lang > svg{display:none}
.header .lang .lang-flag{width:22px;height:22px}
}
.signup, .sb-sign-up, .filter-btn, .ngc-cta, .npt-cta, .benefit .b-cta{background: linear-gradient(180deg, rgba(255,255,255,.30), rgba(255,255,255,0) 42%), linear-gradient(180deg,#E8373D 0%,#CB2126 50%,#9E161A 100%) !important; color:var(--ink-on-gold) !important; border:1px solid var(--gold-border) !important; box-shadow: inset 0 2px 0 rgba(255,255,255,.28), inset 0 -6px 14px rgba(34,30,31,.30), 0 12px 24px -12px rgba(203,33,38,.65), 0 0 22px -10px rgba(203,33,38,.5) !important;}
.signup:hover, .sb-sign-up:hover, .filter-btn:hover, .ngc-cta:hover, .npt-cta:hover, .benefit .b-cta:hover{transform:translateY(-2px); filter:saturate(1.05) brightness(1.03); background: linear-gradient(180deg, rgba(255,255,255,.30), rgba(255,255,255,0) 42%), linear-gradient(180deg,#E8373D 0%,#CB2126 50%,#9E161A 100%) !important; box-shadow: inset 0 2px 0 rgba(255,255,255,.28), inset 0 -6px 14px rgba(34,30,31,.30), 0 12px 24px -12px rgba(203,33,38,.65), 0 0 22px -10px rgba(203,33,38,.5) !important;}
.signup:active, .sb-sign-up:active, .filter-btn:active, .ngc-cta:active, .npt-cta:active, .benefit .b-cta:active{transform:translateY(1px);}
.foot-brand .badges .b.vpn{height:40px;min-height:40px}
.collapsed .nav-item.is-open{background:transparent !important; border:0 !important; box-shadow:none !important; -webkit-backdrop-filter:none !important;backdrop-filter:none !important;}
.collapsed .fold-edge{background:linear-gradient(135deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.03) 100%);}
.collapsed .fold-edge:hover{background:linear-gradient(135deg, rgba(255,255,255,.18) 0%, rgba(255,255,255,.06) 100%);}
.collapsed .nav-item[data-tooltip="Daily Bonus"] .ni-ico{background:linear-gradient(135deg, rgba(242,166,168,.22) 0%, rgba(242,166,168,.06) 100%) !important; border-color:rgba(242,166,168,.40) !important;}
.collapsed .nav-item[data-tooltip="Daily Bonus"] .ni-ico .np-icon{color:#5C85FF}
@media (min-width:1024px) and (max-height:960px){
.collapsed .nav-item{padding:10px 0}
}
@media (min-width:1024px) and (max-height:850px){
.collapsed .nav-item{padding:8px 0}
.collapsed .nav-item .ni-ico{width:42px;height:42px;border-radius:11px}
.collapsed .nav-item .ni-ico svg{width:25px;height:25px;font-size:25px}
}
@media (min-width:1024px) and (max-height:750px){
.collapsed .nav-item{padding:6px 0}
.collapsed .nav-item .ni-ico{width:38px;height:38px;border-radius:10px}
.collapsed .nav-item .ni-ico svg{width:23px;height:23px;font-size:23px}
.collapsed .nav{padding-top:34px}
}
@media (min-width:1024px) and (max-height:680px){
.collapsed .nav-item{padding:4px 0}
.collapsed .nav-item .ni-ico{width:34px;height:34px;border-radius:9px}
.collapsed .nav-item .ni-ico svg{width:20px;height:20px;font-size:20px}
}
@media (min-width:1024px) and (max-height:920px){
.sidebar .nav-item{padding:10px 14px}
.sb-market{margin-top:8px}
.layout:not(.collapsed) .fold-edge{top:14px}
.sb-bonus{padding:10px 14px;margin:4px 22px}
.sb-socials{margin:8px 22px 10px;padding-top:10px}
.sb-lang{height:40px;margin-bottom:12px}
}
@media (min-width:1024px) and (max-height:820px){
.sidebar .nav-item{padding:8px 14px}
.sidebar .nav{margin-top:8px}
.sb-bonus{padding:8px 12px;gap:8px}
.sb-lang{height:38px;margin-bottom:10px}
}
@media (min-width:1024px) and (max-height:750px){
.sb-socials{display:none}
}
@media (min-width:1024px) and (max-height:680px){
.sidebar .nav-item{padding:6px 14px}
.sb-lang{margin-bottom:6px}
.sb-market{margin-top:6px;margin-bottom:5px}
.layout:not(.collapsed) .fold-edge{top:12px}
}
.collapsed .nav{padding-top:64px}
@media (min-width:1024px) and (max-height:750px){
.collapsed .nav{padding-top:58px}
}
@media (max-width:767px){
.lobby-games{margin-top:4px}
}
.fx-pulse .game-img,.fx-pulse .lg-img{animation:fxPulse 4.2s ease-in-out infinite}
@keyframes fxPulse{0%,72%,100%{transform:scale(1)}82%{transform:scale(1.055)}92%{transform:scale(1)}}
.fx-pulse::before,.fx-pulse::after{content:'';position:absolute;width:14px;height:14px;z-index:3;opacity:0;pointer-events:none;border-radius:50%; background:radial-gradient(circle,#fff 0 18%,rgba(255,255,255,0) 60%), conic-gradient(from 0deg, transparent 0 40deg, rgba(255,255,255,.9) 45deg, transparent 50deg, transparent 130deg, rgba(255,255,255,.9) 135deg, transparent 140deg, transparent 220deg, rgba(255,255,255,.9) 225deg, transparent 230deg, transparent 310deg, rgba(255,255,255,.9) 315deg, transparent 320deg)}
.fx-pulse::before{top:26%;left:30%;animation:fxTwinkle 4.2s ease-in-out infinite}
.fx-pulse::after{top:52%;left:64%;width:10px;height:10px;animation:fxTwinkle 4.2s .25s ease-in-out infinite}
@keyframes fxTwinkle{0%,76%,98%,100%{opacity:0;transform:scale(.4) rotate(0deg)}84%{opacity:1;transform:scale(1.15) rotate(40deg)}90%{opacity:.4;transform:scale(.7) rotate(70deg)}}
.fx-shine::before{content:'';position:absolute;top:-40%;bottom:-40%;width:34%;left:-50%;z-index:3;transform:skewX(-18deg);pointer-events:none; background:linear-gradient(90deg, transparent, rgba(255,255,255,.42), transparent);animation:fxShine 5s ease-in-out infinite}
@keyframes fxShine{0%,62%{left:-50%}80%,100%{left:120%}}
.fx-excl{box-shadow:0 0 0 2.5px var(--yellow), var(--shadow-sm)}
.fx-pink{box-shadow:0 0 0 2.5px #CB2126, var(--shadow-sm)}
.fx-purp{box-shadow:0 0 0 2.5px #7C1FBE, var(--shadow-sm)}
.fx-cyanl{box-shadow:0 0 0 2.5px #CB2126, var(--shadow-sm)}
.fx-excl,.fx-pink,.fx-purp,.fx-cyanl{overflow:visible}
.fx-excl .lg-img,.fx-excl .game-img,.fx-excl .game-overlay, .fx-pink .lg-img,.fx-pink .game-img,.fx-pink .game-overlay, .fx-purp .lg-img,.fx-purp .game-img,.fx-purp .game-overlay, .fx-cyanl .lg-img,.fx-cyanl .game-img,.fx-cyanl .game-overlay{border-radius:var(--r-tile)}
.fx-lblrow{padding-top:16px !important;margin-top:-16px !important}
.fx-pink .fx-xbadge{background:#CB2126;color:#fff}
.fx-purp .fx-xbadge{background:#7C1FBE;color:#fff}
.fx-cyanl .fx-xbadge{background:#CB2126;color:var(--ink-on-gold)}
.fx-pink::after,.fx-purp::after,.fx-cyanl::after{content:'';position:absolute;inset:0;border-radius:inherit;z-index:3;pointer-events:none; background:linear-gradient(105deg, transparent 35%, rgba(255,255,255,.3) 50%, transparent 65%); background-size:240% 100%;background-position:130% 0;animation:fxFlipGloss 6s 1.2s ease-in-out infinite}
.fx-excl::after{content:'';position:absolute;inset:0;border-radius:inherit;z-index:3;pointer-events:none; background:linear-gradient(105deg, transparent 35%, rgba(255,255,255,.3) 50%, transparent 65%); background-size:240% 100%;background-position:130% 0;animation:fxFlipGloss 6s 1.2s ease-in-out infinite}
.fx-xbadge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);z-index:5;pointer-events:none; display:inline-flex;align-items:center;gap:6px;background:var(--yellow);color:var(--ink-on-gold);border-radius:999px; font:900 10.5px var(--font);letter-spacing:.14em;text-transform:uppercase;padding:5px 11px;white-space:nowrap; max-width:200px;overflow:hidden;animation:fxBadge 6s ease-in-out infinite}
.fx-xbadge svg{width:11px;height:11px;flex:none}
.fx-xbadge .lb{animation:fxBadgeLb 6s ease-in-out infinite}
@keyframes fxBadge{0%,38%{max-width:200px}50%,82%{max-width:33px}94%,100%{max-width:200px}}
@keyframes fxBadgeLb{0%,38%{opacity:1}48%,84%{opacity:0}96%,100%{opacity:1}}
.fx-foil::before{content:'';position:absolute;inset:0;z-index:3;pointer-events:none;mix-blend-mode:overlay; background:linear-gradient(115deg, transparent 30%, rgba(255,60,220,.55) 41%, rgba(80,255,255,.55) 50%, rgba(255,230,80,.5) 59%, transparent 70%); background-size:280% 280%;background-position:120% 120%;animation:fxFoil 6.5s ease-in-out infinite}
@keyframes fxFoil{0%,55%{background-position:120% 120%}85%,100%{background-position:-20% -20%}}
.fxring{position:absolute;inset:0;border-radius:inherit;z-index:3;pointer-events:none}
.fxring::before{content:'';position:absolute;inset:0;border-radius:inherit;padding:2.5px;opacity:0; -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor; mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}
@property --t{syntax:'';initial-value:0deg;inherits:false}
@keyframes fxTrace{0%{--t:0deg;opacity:0}8%{opacity:1}46%{--t:360deg;opacity:1}54%{--t:360deg;opacity:0}100%{--t:360deg;opacity:0}}
.fx-atrace .fxring::before{background:conic-gradient(from var(--t,0deg), transparent 0 55%, rgba(203,33,38,.25) 70%, #E36669 88%, #fff 92%, transparent 100%); animation:fxTrace 6s ease-in-out infinite}
.fx-ptrace .fxring::before{background:conic-gradient(from var(--t,0deg), transparent 0 55%, rgba(203,33,38,.25) 70%, #FF5CA8 88%, #fff 92%, transparent 100%); animation:fxTrace 6s .4s ease-in-out infinite}
.fx-utrace .fxring::before{background:conic-gradient(from var(--t,0deg), transparent 0 55%, rgba(124,31,190,.3) 70%, #B05CFF 88%, #fff 92%, transparent 100%); animation:fxTrace 6s .8s ease-in-out infinite}
.fx-ctrace .fxring::before{background:conic-gradient(from var(--t,0deg), transparent 0 55%, rgba(203,33,38,.25) 70%, #F7C9CA 88%, #fff 92%, transparent 100%)}
.fx-ctrace .fxring::before{animation:fxTrace 6s 1.2s ease-in-out infinite}
.fx-ntrace .fxring::before{background:conic-gradient(from var(--t,0deg), transparent 0 50%, rgba(255,255,255,0) 56%, rgba(255,255,255,.85) 68%, #F2A6A8 78%, #CB2126 86%, #AB1A1F 93%, transparent 100%); animation:fxTrace 6s 1s ease-in-out infinite}
.fx-flip{background:#0b0e2c}
.fx-flip .game-img,.fx-flip .lg-img{animation:fxFlip 5.4s cubic-bezier(.34,1.56,.64,1) infinite}
@keyframes fxFlip{0%,70%,100%{transform:perspective(700px) rotateY(0)}78%{transform:perspective(700px) rotateY(14deg)}86%{transform:perspective(700px) rotateY(-6deg)}93%{transform:perspective(700px) rotateY(2deg)}}
.fx-flip::after{content:'';position:absolute;inset:0;z-index:3;pointer-events:none; background:linear-gradient(105deg, transparent 35%, rgba(255,255,255,.3) 50%, transparent 65%); background-size:240% 100%;background-position:130% 0;animation:fxFlipGloss 5.4s ease-in-out infinite}
@keyframes fxFlipGloss{0%,70%{background-position:130% 0}88%,100%{background-position:-40% 0}}
.fx-pop .game-img,.fx-pop .lg-img{animation:fxPop 5s ease-in-out infinite}
@keyframes fxPop{0%,66%,100%{filter:saturate(.92) brightness(.96)}78%{filter:saturate(1.45) brightness(1.12);transform:scale(1.025)}90%{filter:saturate(1) brightness(1);transform:scale(1)}}
.fx-bb .tag,.fx-bb .badge,.fx-bb .lg-tag{animation:fxBb 3.8s ease-in-out infinite;transform-origin:center bottom}
@keyframes fxBb{0%,78%,100%{transform:scale(1) rotate(0)}84%{transform:scale(1.18) rotate(-4deg)}90%{transform:scale(.96) rotate(3deg)}95%{transform:scale(1.05) rotate(0)}}
.fx-shake{background:#0b0e2c}
.fx-shake .game-img,.fx-shake .lg-img{animation:fxShake 5.2s ease-in-out infinite}
@keyframes fxShake{0%,86%,100%{transform:rotate(0)}88%{transform:rotate(-1.6deg)}91%{transform:rotate(1.4deg)}94%{transform:rotate(-.8deg)}97%{transform:rotate(.5deg)}}
.fx-lev .game-img,.fx-lev .lg-img{animation:fxLev 5.6s cubic-bezier(.34,1.4,.64,1) infinite}
@keyframes fxLev{0%,72%,100%{transform:translateY(0) scale(1)}80%{transform:translateY(-6px) scale(1.02)}92%{transform:translateY(0) scale(1)}}
.fx-lev{animation:fxLevGlow 5.6s cubic-bezier(.34,1.4,.64,1) infinite}
@keyframes fxLevGlow{0%,72%,100%{box-shadow:var(--shadow-sm)}80%{box-shadow:0 18px 30px -14px rgba(0,0,0,.85), 0 0 24px -8px rgba(203,33,38,.4)}92%{box-shadow:var(--shadow-sm)}}
@media (prefers-reduced-motion: reduce){
[class*="fx-"],[class*="fx-"]::before,[class*="fx-"]::after, [class*="fx-"] .game-img,[class*="fx-"] .tag,[class*="fx-"] .badge,.fxring::before{animation:none !important}
}
/* ============================================================
NOIR build — carry over established Magic Red rules
(side nav neutral / no red, submenu charcoal, 18+ white)
============================================================ */
/* side nav icons: neutral base, no category colors, no red */
.ni-ico.c-red,.ni-ico.c-yellow,.ni-ico.c-magenta,.ni-ico.c-cyan,.ni-ico.c-purple,.ni-ico.c-green,.ni-ico.c-navy{color:rgba(255,255,255,.6) !important}
.nav-item:hover .ni-ico{color:#fff !important}
.nav-item.active .ni-ico{color:#fff !important}
/* submenu: charcoal, not the leftover navy */
.nav-item.is-open{background:linear-gradient(180deg,#34302F 0%,#221E1F 100%) !important}
.nav-item.is-open + .nav-sub{background:linear-gradient(180deg,#221E1F 0%,#161314 100%) !important}
.nav-sub-item.active{color:#fff !important}
/* 18+ badge: white text on red */
.foot-brand .badges .b.age{color:#fff !important}
/* ---- buttons/labels, active category, CYAN secondary (noir) ---- */
/* active category icon → red field (was gold/yellow) */
.cat-tab.active .cat-ico{background:linear-gradient(160deg,#3A3536 0%,#2A2627 55%,#1C191A 100%) !important; border:2px solid rgba(203,33,38,.65) !important; box-shadow:0 0 0 3px rgba(203,33,38,.22), 0 6px 16px -6px rgba(0,0,0,.5) !important}
/* SECONDARY = CYAN — applied to NEW + JACKPOT badges (rest stay red) */
.game .tag.new{background:#CB2126 !important; color:#FFFFFF !important}
.lg-tag.t-magenta{background:#CB2126 !important; color:#FFFFFF !important}
/* kill off-brand purple — EXCLUSIVE corner tag → red; purple featured ring/badge → cyan */
.game .tag.exc{background:var(--red) !important; color:#fff !important}
.fx-purp{box-shadow:0 0 0 2.5px #CB2126, var(--shadow-sm) !important}
.fx-purp .fx-xbadge{background:#CB2126 !important; color:#FFFFFF !important}
/* collapsed rail: neutral glass chips + grey icons (override per-item colored chips) */
.collapsed .nav-item[data-tooltip] .ni-ico{background:linear-gradient(135deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.03) 100%) !important; border-color:rgba(255,255,255,.14) !important}
.collapsed .nav-item[data-tooltip] .ni-ico .np-icon{color:rgba(255,255,255,.72) !important}
/* dynamic moving (trace) borders → cyan + red only (no pink/purple/rainbow) */
.fx-ptrace .fxring::before{background:conic-gradient(from var(--t,0deg), transparent 0 55%, rgba(203,33,38,.25) 70%, #CB2126 88%, #fff 92%, transparent 100%) !important}
.fx-utrace .fxring::before{background:conic-gradient(from var(--t,0deg), transparent 0 55%, rgba(203,33,38,.25) 70%, #E36669 88%, #fff 92%, transparent 100%) !important}
.fx-ntrace .fxring::before{background:conic-gradient(from var(--t,0deg), transparent 0 48%, rgba(203,33,38,0) 54%, #CB2126 70%, #fff 82%, #CB2126 92%, transparent 100%) !important}
/* dynamic moving (trace) borders → red + white comet (no blue/cyan) */
.fx-atrace .fxring::before, .fx-ptrace .fxring::before, .fx-utrace .fxring::before, .fx-ctrace .fxring::before, .fx-ntrace .fxring::before{background:conic-gradient(from var(--t,0deg), transparent 0 55%, rgba(203,33,38,.30) 70%, #CB2126 86%, #fff 93%, transparent 100%) !important}
/* ===== Top Games (wider) cards: match inner radius to the card (fixes border-radius mismatch on fx tiles) ===== */
.orig-card .game-img, .orig-card .lg-img, .orig-card .game-overlay{border-radius:var(--r-card) !important}
/* ===== MagicRed nav-icon behavior: Casino red + red hover + red active (new) ===== */
.nav-item[data-tooltip="Casino"] .ni-ico, .nav-item[data-tooltip="Casino"] .ni-ico .np-icon,
.nav-item:hover .ni-ico, .nav-item:hover .ni-ico .np-icon,
.nav-item.active .ni-ico, .nav-item.active .ni-ico .np-icon{color:var(--red) !important}
/* collapsed rail: red glyph + soft red chip for casino / hover / active */
.collapsed .nav-item[data-tooltip="Casino"] .ni-ico .np-icon,
.collapsed .nav-item[data-tooltip]:hover .ni-ico .np-icon,
.collapsed .nav-item.active .ni-ico .np-icon{color:var(--red) !important}
.collapsed .nav-item[data-tooltip="Casino"] .ni-ico,
.collapsed .nav-item[data-tooltip]:hover .ni-ico,
.collapsed .nav-item.active .ni-ico{background:linear-gradient(135deg, rgba(203,33,38,.22) 0%, rgba(203,33,38,.06) 100%) !important; border-color:rgba(203,33,38,.42) !important}
/* ===== benefit (fact) icons — vary colors: red / cyan / royal-blue / purple / green / charcoal ===== */
.fact .ico.t-magenta{background:#00C4D2 !important; color:#06343A !important} /* Instant withdrawals → cyan */
.fact .ico.t-cyan{background:#2E50CC !important; color:#fff !important} /* Pay Your Way → royal blue (lion shirt) */
/* ===== sidebar promo box — de-blue: warm charcoal + red accent (blends on noir) ===== */
.sb-bonus{background:linear-gradient(135deg, #341A1C 0%, #1F1415 100%) !important; border:1px solid rgba(203,33,38,.42) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 6px 18px -6px rgba(0,0,0,.55), 0 0 22px -8px rgba(203,33,38,.32) !important}
/* ===== language check badge — white check (was dark on red) ===== */
.lang-opt .lang-check{color:#fff !important}
.lang-opt.is-on .lang-check svg{color:#fff !important}
/* Tournament hero (home): set-17 portrait on phones — appended last so it wins the overlapping @media cascade */
@media (max-width: 767px){
.np-tournament::before{
background-image:url('../assets-new/hero-banners/set-17-low-angle-winner-podium-mobile-863x1823.webp');
background-size:cover;
background-position:center 38%;
opacity:.7;
filter:none;
}
}
/* ============================================================
Unified red CTA — matches the login button (.lgn-submit) sitewide.
The `body ` prefix lifts specificity above the bare `.cta`/`.npv3-cta`
red rules in the page CSS, without overriding the scoped white-glass
`.hero-card .cta` carousel buttons. Keeps each button's radius/icons/text.
============================================================ */
body .cta, body .npv3-cta, body .k1-cta, body .lgn-below-btn, body .demo-cta .dc-btn, body .signup, body .filter-btn, body .npt-cta, body .ngc-cta, body .b-cta{
background:linear-gradient(135deg,#E0353B,#CB2126 45%,#9E161A) !important;
color:#fff !important; border:0 !important;
box-shadow:0 12px 28px -10px rgba(203,33,38,.75), inset 0 1px 0 rgba(255,255,255,.25) !important;
}
body .cta:hover, body .npv3-cta:hover, body .k1-cta:hover, body .lgn-below-btn:hover, body .demo-cta .dc-btn:hover, body .signup:hover, body .filter-btn:hover, body .npt-cta:hover, body .ngc-cta:hover, body .b-cta:hover{
transform:translateY(-2px) !important;
box-shadow:0 18px 36px -10px rgba(203,33,38,.85) !important;
filter:brightness(1.05) !important;
}
body .cta:active, body .npv3-cta:active, body .k1-cta:active, body .lgn-below-btn:active, body .demo-cta .dc-btn:active, body .signup:active, body .filter-btn:active, body .npt-cta:active, body .ngc-cta:active, body .b-cta:active{
transform:translateY(0) !important;
}