body.activeplayer-apex-hub { background: #080b0f !important; }
.activeplayer-apex-hub .jnews_header_bottom_ads,
.activeplayer-apex-hub .jnews_header_top_ads { display: none !important; }
.activeplayer-apex-hub .jeg_header_wrapper { position: relative !important; z-index: 1000 !important; }
.activeplayer-apex-hub .jeg_header_sticky,
.activeplayer-apex-hub .jeg_navbar_mobile_wrapper { z-index: 1000 !important; }
.activeplayer-apex-hub .jeg_header_wrapper .jeg_megamenu .sub-menu,
.activeplayer-apex-hub .jeg_header_wrapper .jeg_menu li > ul,
.activeplayer-apex-hub .jeg_header_sticky .jeg_megamenu .sub-menu,
.activeplayer-apex-hub .jeg_header_sticky .jeg_menu li > ul { z-index: 1001 !important; }

.apex-hub {
    --ah-orange: #ff5b22;
    --ah-red: #c52820;
    --ah-gold: #f6b73c;
    --ah-ink: #090d12;
    --ah-panel: #111820;
    --ah-line: rgba(255,255,255,.1);
    min-height: 100vh;
    overflow: hidden;
    background: radial-gradient(circle at 85% 20%, rgba(197,40,32,.18), transparent 32%), #090e13;
    color: #cbd3d8;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.apex-hub__shell { width: min(1320px, calc(100% - 48px)); margin-inline: auto; }
.apex-hub__identity { border-bottom: 1px solid var(--ah-line); background: #080c11; }
.apex-hub__identity .apex-hub__shell { display: flex; align-items: center; min-height: 48px; }
.apex-hub__identity a { display: inline-flex; align-items: center; gap: 10px; color: #fff !important; font-size: 11px; letter-spacing: .14em; text-decoration: none !important; }
.apex-hub__identity a span { display: grid; width: 28px; height: 28px; place-items: center; border: 2px solid var(--ah-orange); color: var(--ah-orange); font-size: 15px; font-weight: 950; transform: skew(-8deg); }
.apex-hub__section-nav { position: sticky; z-index: 20; top: 0; border-bottom: 1px solid var(--ah-line); background: rgba(10,14,19,.97); backdrop-filter: blur(14px); }
.admin-bar .apex-hub__section-nav { top: 32px; }
.apex-hub__nav-links { display: flex; align-items: stretch; justify-content: center; min-height: 55px; overflow-x: auto; }
.apex-hub__nav-links a { position: relative; padding: 19px 18px 15px; color: #aeb6bc !important; font-size: 12px; font-weight: 850; text-decoration: none !important; white-space: nowrap; }
.apex-hub__nav-links a::after { position: absolute; right: 18px; bottom: 0; left: 18px; height: 3px; background: transparent; content: ""; }
.apex-hub__nav-links a:hover,
.apex-hub__nav-links a[aria-current="page"] { color: #fff !important; }
.apex-hub__nav-links a[aria-current="page"]::after { background: var(--ah-orange); box-shadow: 0 0 18px rgba(255,91,34,.7); }

.apex-hub__masthead { position: relative; isolation: isolate; padding: clamp(60px, 8vw, 110px) 0 72px; border-bottom: 1px solid var(--ah-line); background: linear-gradient(115deg, #101820 0 55%, #5d1817 55.2% 70%, #c52820 70.2% 86%, #ff5b22 86.2%); }
.apex-hub__masthead::before { position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg, rgba(0,0,0,.05), rgba(0,0,0,.12) 52%, rgba(0,0,0,.48)); content: ""; }
.apex-hub__scanlines { position: absolute; z-index: -1; inset: 0; opacity: .16; background-image: repeating-linear-gradient(0deg, transparent 0 7px, rgba(255,255,255,.14) 8px), linear-gradient(110deg, transparent 45%, rgba(255,255,255,.18) 45.2% 45.5%, transparent 45.7%); }
.apex-hub__masthead-inner { display: grid; grid-template-columns: minmax(0, 1fr) 270px; align-items: center; gap: 70px; }
.apex-hub__eyebrow { margin: 0 0 9px !important; color: #ff9a72 !important; font-size: 11px !important; font-weight: 950 !important; letter-spacing: .2em !important; text-transform: uppercase; }
.apex-hub__masthead h1 { max-width: 900px; margin: 0 !important; color: #fff !important; font-size: clamp(43px, 7vw, 82px) !important; font-weight: 950 !important; letter-spacing: -.05em !important; line-height: .96 !important; text-transform: uppercase; }
.apex-hub__masthead p:not(.apex-hub__eyebrow) { max-width: 740px; margin: 22px 0 0 !important; color: #d0d6da !important; font-size: clamp(15px, 2vw, 19px) !important; line-height: 1.65 !important; }
.apex-hub__signals { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 28px; }
.apex-hub__signals span { display: inline-flex; align-items: center; gap: 7px; padding: 8px 11px; border: 1px solid rgba(255,255,255,.2); background: rgba(6,9,12,.35); color: #fff; font-size: 10px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.apex-hub__signals i { width: 7px; height: 7px; border-radius: 50%; background: #67e89c; box-shadow: 0 0 0 4px rgba(103,232,156,.13); }
.apex-hub__mark { display: grid; justify-items: center; gap: 12px; color: #fff; }
.apex-hub__mark span { display: grid; width: 185px; height: 185px; place-items: center; border: 3px solid rgba(255,255,255,.7); background: rgba(5,8,11,.2); font-size: 96px; font-weight: 950; line-height: 1; transform: skew(-7deg); }
.apex-hub__mark small { font-size: 10px; font-weight: 900; letter-spacing: .24em; }

.apex-hub__body { min-width: 0; padding-block: 52px 72px; }
.apex-hub__content { min-width: 0; color: #c3cbd1; }
.apex-hub__content > h2,
.apex-hub__content > h3 { max-width: 1050px; margin: 52px auto 15px !important; color: #fff !important; font-weight: 900 !important; }
.apex-hub__content > h2:first-child { margin-top: 0 !important; font-size: clamp(27px, 4vw, 40px) !important; }
.apex-hub__content > p,
.apex-hub__content > ul,
.apex-hub__content > ol { box-sizing: border-box; width: 100%; max-width: 1050px; margin-right: auto !important; margin-left: auto !important; color: #b9c2c9 !important; font-size: 16px; line-height: 1.8; }
.apex-hub__content > p a,
.apex-hub__content > ul a,
.apex-hub__content > ol a { color: #ff885d !important; }

.apex-leaderboard { max-width: 1180px; margin: 32px auto; overflow: hidden; border: 1px solid var(--ah-line); border-radius: 16px; background: #f6f7f8; color: #182029; box-shadow: 0 30px 80px rgba(0,0,0,.42); scroll-margin-top: 82px; }
.apex-leaderboard__header { display: grid; grid-template-columns: 1fr 110px; align-items: center; gap: 28px; padding: 32px; background: linear-gradient(115deg, #171f27 0 65%, #8e231d 65.2%, #ff5b22); color: #fff; }
.apex-leaderboard__header h2 { margin: 0 !important; color: #fff !important; font-size: clamp(27px, 4vw, 39px) !important; font-weight: 950 !important; }
.apex-leaderboard__header p:not(.apex-hub__eyebrow) { max-width: 720px; margin: 10px 0 0 !important; color: #d5dade !important; font-size: 14px; }
.apex-leaderboard__badges { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
.apex-leaderboard__badges span { padding: 7px 10px; border: 1px solid rgba(255,255,255,.22); background: rgba(0,0,0,.28); color: #fff; font-size: 11px; font-weight: 850; text-transform: uppercase; }
.apex-leaderboard__apex-mark { display: grid; width: 88px; height: 88px; place-items: center; border: 2px solid rgba(255,255,255,.7); color: #fff; font-size: 47px; font-weight: 950; transform: skew(-7deg); }
.apex-leaderboard__events { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); background: #111820; }
.apex-leaderboard__events a { padding: 16px 18px; border-right: 1px solid #303943; border-bottom: 3px solid transparent; color: #edf1f4 !important; font-size: 13px; font-weight: 850; line-height: 1.25; text-decoration: none !important; }
.apex-leaderboard__events a:last-child { border-right: 0; }
.apex-leaderboard__events a:hover,
.apex-leaderboard__events a[aria-current="page"] { border-bottom-color: var(--ah-orange); background: #202a33; }
.apex-leaderboard__events small { display: block; margin-bottom: 4px; color: #85919a; font-size: 8px; letter-spacing: .15em; text-transform: uppercase; }
.apex-leaderboard__notice { margin: 0 !important; padding: 12px 22px; border-bottom: 1px solid #f3c28c; background: #fff1dd; color: #854d0e !important; font-size: 12px !important; }
.apex-leaderboard__table-wrap { overflow-x: auto; background: #fff; }
.apex-leaderboard__table { width: 100% !important; min-width: 820px; margin: 0 !important; border: 0 !important; border-collapse: collapse !important; font-size: 13px !important; }
.apex-leaderboard__table th,
.apex-leaderboard__table td { padding: 13px 15px !important; border: 0 !important; border-bottom: 1px solid #e3e7ea !important; text-align: left !important; vertical-align: middle !important; }
.apex-leaderboard__table th { background: #202a33 !important; color: #eef2f4 !important; font-size: 10px !important; font-weight: 900 !important; letter-spacing: .1em; text-transform: uppercase; }
.apex-leaderboard__table tbody tr { border-left: 4px solid transparent; background: #fff; }
.apex-leaderboard__table tbody tr:nth-child(even) { background: #f4f6f7; }
.apex-leaderboard__table tbody tr:hover { background: #fff1eb; }
.apex-leaderboard__table tbody tr.apex-leaderboard__top-1 { border-left-color: #dba51c; background: linear-gradient(90deg, #fff7d5, #fff 72%); }
.apex-leaderboard__table tbody tr.apex-leaderboard__top-2 { border-left-color: #9aa5ae; background: linear-gradient(90deg, #edf1f3, #fff 72%); }
.apex-leaderboard__table tbody tr.apex-leaderboard__top-3 { border-left-color: #bb6b35; background: linear-gradient(90deg, #ffeadc, #fff 72%); }
.apex-leaderboard__table td:first-child strong { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 50%; background: #e7ebee; color: #34404a; font-size: 12px; }
.apex-leaderboard__team { display: flex; align-items: center; gap: 12px; min-width: 190px; }
.apex-leaderboard__team img,
.apex-leaderboard__team i { width: 50px !important; height: 50px !important; flex: 0 0 50px; margin: 0 !important; object-fit: contain; }
.apex-leaderboard__team i { display: grid; place-items: center; border-radius: 8px; background: linear-gradient(135deg, var(--ah-red), var(--ah-orange)); color: #fff; font-style: normal; font-size: 20px; font-weight: 950; }
.apex-leaderboard__team b { color: #111820 !important; font-size: 14px; }
.apex-leaderboard__roster { color: #596773; font-size: 12px; line-height: 1.5; }
.apex-leaderboard__points { display: inline-flex; min-width: 52px; justify-content: center; padding: 6px 9px; border-radius: 6px; background: #ffe0d3; color: #a62918; }
.apex-leaderboard__footer { display: flex; flex-wrap: wrap; gap: 7px 20px; padding: 15px 22px; background: #e9edf0; color: #596670; font-size: 11px; }
.apex-leaderboard__footer a { margin-left: auto; color: #a52a1d !important; font-weight: 850; text-decoration: none !important; }

.activeplayer-apex-status-page .apex-status { max-width: 1100px; margin: 30px auto; scroll-margin-top: 82px; }
.apex-hub__related { display: grid; grid-template-columns: 280px 1fr; gap: 38px; margin-top: 68px; padding: 32px; border: 1px solid var(--ah-line); background: #0d141a; }
.apex-hub__related h2 { margin: 0 0 16px !important; color: #fff !important; font-size: 25px !important; }
.apex-hub__related > div > a { color: #ff885d !important; font-size: 12px; font-weight: 800; text-decoration: none !important; }
.apex-hub__related-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.apex-hub__related-grid > a { position: relative; min-height: 112px; padding: 19px 44px 19px 19px; border: 1px solid var(--ah-line); background: #172029; color: #fff !important; text-decoration: none !important; }
.apex-hub__related-grid > a:hover { border-color: var(--ah-orange); background: #202b34; transform: translateY(-2px); }
.apex-hub__related-grid small { display: block; margin-bottom: 7px; color: #ff885d; font-size: 9px; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.apex-hub__related-grid strong { display: block; font-size: 14px; line-height: 1.35; }
.apex-hub__related-grid span { position: absolute; right: 16px; bottom: 15px; color: var(--ah-orange); font-size: 20px; }

@media (max-width: 900px) {
    .apex-hub__nav-links { justify-content: flex-start; }
    .apex-hub__masthead-inner { grid-template-columns: 1fr; }
    .apex-hub__mark { display: none; }
    .apex-leaderboard__events { grid-template-columns: repeat(2, 1fr); }
    .apex-hub__related { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
    .apex-hub__shell { width: min(calc(100% - 28px), 1320px); }
    .apex-hub__masthead { padding: 48px 0; }
    .apex-hub__masthead h1 { font-size: 42px !important; }
    .apex-hub__body { padding-block: 34px 48px; }
    .apex-leaderboard { border-radius: 11px; }
    .apex-leaderboard__header { grid-template-columns: 1fr; padding: 25px 18px; }
    .apex-leaderboard__apex-mark { display: none; }
    .apex-leaderboard__events a { padding: 13px 11px; font-size: 11px; }
    .apex-hub__related { padding: 20px; }
    .apex-hub__related-grid { grid-template-columns: 1fr; }
}
@media (max-width: 782px) { .admin-bar .apex-hub__section-nav { top: 46px; } }