:root{
    --ipx-sidebar-w:288px;
    --ipx-bg:#02070d;
    --ipx-panel:#071019;
    --ipx-line:rgba(148,163,184,.16);
    --ipx-green:#00f58a;
    --ipx-muted:#8ea2b6;
    --ipx-text:#f7fbff;
}
*{box-sizing:border-box}
html{background:var(--ipx-bg);overflow-x:hidden}
body.ipx-public-body, body.ipx-body.ipx-public-body{
    margin:0!important;
    overflow-x:hidden!important;
    background:
        radial-gradient(circle at 25% -10%,rgba(255,77,77,.16),transparent 30%),
        radial-gradient(circle at 78% 0%,rgba(0,245,138,.12),transparent 32%),
        linear-gradient(180deg,#02070d,#061018 45%,#02070d)!important;
    color:var(--ipx-text);
    font-family:'Plus Jakarta Sans','Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
body.ipx-public-body .ultra-topbar,
body.ipx-public-body .navbar,
body.ipx-public-body .member-topbar,
body.ipx-public-body .member-drawer,
body.ipx-public-body .member-drawer-backdrop,
body.ipx-public-body .public-mobile-panel{display:none!important}

/* GLOBAL SIDEBAR */
.ipx-sidebar{
    position:fixed!important;
    left:0!important;top:0!important;bottom:0!important;
    width:var(--ipx-sidebar-w)!important;
    z-index:3000!important;
    background:linear-gradient(180deg,rgba(7,16,25,.98),rgba(2,8,14,.99))!important;
    border-right:1px solid rgba(148,163,184,.15)!important;
    box-shadow:28px 0 80px rgba(0,0,0,.42)!important;
    padding:28px 22px 22px!important;
    overflow-y:auto!important;overflow-x:hidden!important;
    scrollbar-width:thin;
    scrollbar-color:rgba(0,245,138,.75) rgba(255,255,255,.04);
}
.ipx-sidebar::-webkit-scrollbar{width:7px}
.ipx-sidebar::-webkit-scrollbar-track{background:rgba(255,255,255,.04)}
.ipx-sidebar::-webkit-scrollbar-thumb{background:linear-gradient(#00f58a,#0ea5e9);border-radius:999px}
.ipx-sidebar-close{
    position:absolute;right:18px;top:18px;width:34px;height:34px;border:0;border-radius:12px;
    background:#fff;color:#061018;font-size:18px;font-weight:1000;display:none!important;place-items:center;cursor:pointer;z-index:2
}
.ipx-logo{display:inline-flex;align-items:baseline;gap:0;color:#fff;text-decoration:none;font-size:38px;font-weight:1000;letter-spacing:-.06em;margin-top:10px}
.ipx-logo span{color:#ff3346}
.ipx-logo-sub{margin-top:8px;color:var(--ipx-muted);font-size:14px;line-height:1.35;max-width:190px}
.ipx-menu{display:grid;gap:10px;margin-top:42px}
.ipx-menu a{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:12px;min-height:48px;padding:8px 12px;border-radius:16px;color:#dce8f2;text-decoration:none;font-weight:850;font-size:15px;transition:.18s ease;border:1px solid transparent}
.ipx-menu a span{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:rgba(148,163,184,.10);color:#dce8f2;font-weight:1000}
.ipx-menu a:hover{background:rgba(0,245,138,.08);color:#fff;border-color:rgba(0,245,138,.12)}
.ipx-menu a.active{background:linear-gradient(90deg,rgba(0,245,138,.28),rgba(0,245,138,.06));color:#fff;border-left:5px solid var(--ipx-green);padding-left:8px}
.ipx-menu a.active span{background:rgba(0,245,138,.18);color:var(--ipx-green)}
.ipx-vip-card{margin-top:36px;padding:22px 16px;border-radius:18px;background:radial-gradient(circle at 50% 0%,rgba(246,200,95,.32),transparent 48%),linear-gradient(180deg,rgba(246,200,95,.06),rgba(0,245,138,.05));border:1px solid rgba(246,200,95,.22);text-align:center}
.ipx-crown{font-size:44px;color:#f6c85f;text-shadow:0 0 24px rgba(246,200,95,.45)}
.ipx-vip-card h3{margin:8px 0 8px;color:#f6c85f}
.ipx-vip-card p{margin:0;color:#b6c5d2;font-size:12px;line-height:1.55}
.ipx-vip-card a{display:block;margin-top:14px;padding:11px;border-radius:10px;background:linear-gradient(90deg,#037d43,#00c96f);color:white;text-decoration:none;font-weight:900}

/* GLOBAL PAGE WRAPPER */
.ipx-global-main,
.ipx-index-app{
    margin-left:var(--ipx-sidebar-w)!important;
    width:calc(100% - var(--ipx-sidebar-w))!important;
    max-width:none!important;
    min-width:0!important;
    min-height:100vh!important;
    padding:24px clamp(16px,2vw,34px) 0!important;
    box-sizing:border-box!important;
    overflow-x:hidden!important;
    display:block!important;
}
.ipx-global-main > main,
.ipx-index-app > .ipx-main,
.ipx-global-main > .ls-shell,
.ipx-global-main > .ls-page,
.ipx-global-main > .ls-wrap,
.ipx-global-main > .premium-wrap,
.ipx-global-main > .container{
    width:100%!important;
    max-width:1480px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    min-width:0!important;
}

/* prevent duplicated page-local sidebars after global sidebar is enabled */
.ipx-global-main .ls-side,
.ipx-global-main .ipx-sidebar,
.ipx-index-app > .ipx-sidebar{display:none!important}

/* livescore page normalization */
.ipx-global-main .ls-shell{background:transparent!important;min-height:auto!important;width:100%!important}
.ipx-global-main .ls-app{display:block!important;grid-template-columns:1fr!important;max-width:1480px!important;width:100%!important;margin:0 auto!important}
.ipx-global-main .ls-main{padding:18px 0 50px!important;min-width:0!important;width:100%!important}
.ipx-global-main .ls-content{grid-template-columns:minmax(0,1fr) 360px!important;gap:18px!important}
.ipx-global-main .ls-top{grid-template-columns:minmax(0,1fr) minmax(240px,420px) auto!important}
.ipx-global-main img{max-width:100%}

.ipx-sidebar-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.56);z-index:2990}
.ipx-mobile-toggle,.ipx-global-menu-toggle{display:none!important}
.sp-footer{margin-left:var(--ipx-sidebar-w)!important;width:calc(100% - var(--ipx-sidebar-w))!important}

/* Kill accidental old nested public/header shells that sometimes survive in pages */
.ipx-global-main .public-header,
.ipx-global-main .nav-shell,
.ipx-global-main .nav-brand{max-width:100%!important}

@media(max-width:1180px){
    .ipx-global-main .ls-content{grid-template-columns:1fr!important}
    .ipx-global-main .ls-right{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
    .ipx-global-main .ls-top{grid-template-columns:1fr!important}
}
@media(max-width:980px){
    .ipx-sidebar{transform:translateX(-104%);transition:transform .25s ease;width:min(86vw,300px)!important}
    body.ipx-sidebar-open .ipx-sidebar{transform:translateX(0)}
    body.ipx-sidebar-open .ipx-sidebar-backdrop{display:block}
    .ipx-sidebar-close{display:grid!important}
    .ipx-global-main,.ipx-index-app{margin-left:0!important;width:100%!important;padding:78px 12px 0!important}
    .ipx-mobile-toggle,.ipx-global-menu-toggle{
        display:grid!important;position:fixed;left:14px;top:14px;width:46px;height:46px;z-index:2800;border-radius:14px;
        border:1px solid rgba(148,163,184,.25);background:rgba(7,16,25,.88);color:#fff;place-items:center;font-size:22px;
        box-shadow:0 14px 40px rgba(0,0,0,.35)
    }
    .sp-footer{margin-left:0!important;width:100%!important}
}
@media(max-width:760px){
    .ipx-global-main,.ipx-index-app{padding-left:10px!important;padding-right:10px!important}
    .ipx-global-main .ls-right{display:block!important}
    .ipx-global-main .ls-content{display:block!important}
    .ipx-global-main .ls-summary{grid-template-columns:1fr!important}
    .ipx-global-main .ls-filter-row{grid-template-columns:1fr!important}
    .ipx-global-main .ls-match:not(.ls-country-match){grid-template-columns:44px minmax(0,1fr) 68px minmax(0,1fr) 32px!important;gap:5px!important;padding:9px 8px!important}
    .ipx-global-main .ls-actions .ls-stat,.ipx-global-main .ls-actions .ls-star{display:none!important}
    .ipx-global-main .ls-team{font-size:11px!important;gap:4px!important}
    .ipx-global-main .ls-logo{width:24px!important;height:24px!important;flex-basis:24px!important}
    .ipx-global-main .ls-scorebox strong{font-size:14px!important}
    .ipx-global-main .ls-scorebox small,.ipx-global-main .ls-prediction-badge{display:none!important}
}