:root { --sitebar-height: 70px; }
.defiant-sitebar .sr-only { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.defiant-sitebar.site-header { --sitebar-hue:22; --sitebar-secondary-hue:198; position:fixed; inset:0 0 auto; z-index:240; width:100%; height:var(--sitebar-height); overflow:visible; isolation:isolate; border-bottom:1px solid hsl(var(--sitebar-hue) 78% 72%/.24); background:radial-gradient(circle at 16% -80%,rgba(249,115,22,.22),transparent 48%),radial-gradient(circle at 82% -110%,rgba(56,189,248,.16),transparent 44%),linear-gradient(180deg,rgba(16,24,43,.7),rgba(6,9,18,.52)); box-shadow:inset 0 1px rgba(255,255,255,.11),0 14px 42px rgba(0,0,0,.28); -webkit-backdrop-filter:blur(24px) saturate(155%); backdrop-filter:blur(24px) saturate(155%); }
.defiant-sitebar.site-header::before { content:""; position:absolute; inset:0; z-index:0; pointer-events:none; background:linear-gradient(105deg,transparent 5%,rgba(255,255,255,.075) 30%,transparent 52%); }
.defiant-sitebar.site-header::after { content:""; position:absolute; right:0; bottom:-1px; left:0; height:2px; pointer-events:none; opacity:.78; background:linear-gradient(90deg,transparent 0 9%,hsl(var(--sitebar-hue) 76% 58%/.14) 24%,hsl(var(--sitebar-hue) 88% 64%/.78) 38%,hsl(var(--sitebar-secondary-hue) 88% 66%/.32) 48%,transparent 63% 100%); }
.defiant-sitebar .header-inner { position:relative; z-index:1; display:flex; align-items:center; gap:clamp(24px,3vw,48px); width:100%; min-height:var(--sitebar-height); padding-inline:22px; }
.defiant-sitebar .brand { position:relative; display:grid; flex:0 0 auto; min-width:112px; gap:4px; color:#f8f2e9; text-decoration:none; text-transform:uppercase; }
.defiant-sitebar .brand strong { font:800 24px/1 Georgia,"Times New Roman",serif; letter-spacing:-.035em; }
.defiant-sitebar .brand strong span { color:#f1603b; text-shadow:0 0 18px rgba(241,96,59,.45); }
.defiant-sitebar .brand::after { content:""; position:absolute; top:2px; right:-18px; width:1px; height:35px; background:linear-gradient(transparent,rgba(242,105,55,.55),transparent); }
.defiant-sitebar .main-nav { display:flex; align-items:center; min-width:0; gap:5px; margin-right:auto; }
.defiant-sitebar .main-nav a { position:relative; display:inline-flex; align-items:center; min-height:44px; padding:0 12px; border:1px solid transparent; border-radius:7px; color:rgba(239,234,227,.69); font-size:13px; font-weight:820; letter-spacing:.045em; text-decoration:none; text-transform:uppercase; white-space:nowrap; transition:color .16s ease,background-color .16s ease,border-color .16s ease,text-shadow .16s ease; }
.defiant-sitebar .main-nav a::before { content:""; width:4px; height:4px; margin-right:0; border-radius:50%; opacity:0; background:hsl(var(--sitebar-hue) 90% 68%); box-shadow:0 0 10px hsl(var(--sitebar-hue) 90% 60%); transform:scale(.5); transition:opacity .16s ease,transform .16s ease,margin-right .16s ease; }
.defiant-sitebar .main-nav a::after { content:""; position:absolute; right:9px; bottom:4px; left:9px; height:2px; border-radius:4px; background:linear-gradient(90deg,hsl(var(--sitebar-hue) 78% 55%),hsl(var(--sitebar-secondary-hue) 84% 68%)); box-shadow:0 0 12px hsl(var(--sitebar-hue) 82% 58%/.52); transform:scaleX(0); transform-origin:left; transition:transform .2s ease; }
.defiant-sitebar .main-nav a:hover,.defiant-sitebar .main-nav a[aria-current="page"] { color:#fff; border-color:hsl(var(--sitebar-hue) 80% 66%/.18); background:linear-gradient(90deg,transparent,hsl(var(--sitebar-hue) 80% 58%/.075),transparent); text-shadow:0 0 16px hsl(var(--sitebar-hue) 78% 66%/.38); }
.defiant-sitebar .main-nav a:hover::before,.defiant-sitebar .main-nav a[aria-current="page"]::before { margin-right:7px; opacity:1; transform:scale(1); }
.defiant-sitebar .main-nav a:hover::after,.defiant-sitebar .main-nav a[aria-current="page"]::after { transform:scaleX(1); }
.defiant-sitebar .header-tools { display:flex; align-items:center; min-width:0; gap:12px; margin-left:auto; }
.defiant-sitebar .online-pill { display:inline-flex; align-items:center; gap:7px; color:#aaa8a6; font-size:13px; white-space:nowrap; }
.defiant-sitebar .online-pill i { width:8px; height:8px; border-radius:50%; background:#34d399; box-shadow:0 0 14px #34d399; }
.defiant-sitebar .online-pill b { color:#fff; }
.defiant-sitebar .sitebar-balance { display:inline-flex; align-items:center; justify-content:center; gap:5px; min-width:44px; min-height:36px; padding:0 9px; border:1px solid rgba(231,238,250,.16); border-radius:8px; background:rgba(255,255,255,.025); font-size:12px; }
.defiant-sitebar .sitebar-balance.purple { color:#d4b7ff; }
.defiant-sitebar .sitebar-balance.blue { color:#a8e3ff; }
.defiant-sitebar .sitebar-balance.gold { color:#ffd66b; }
.defiant-sitebar .account-menu { position:relative; min-width:0; }
.defiant-sitebar .account-chip { display:flex; align-items:center; gap:9px; max-width:220px; min-height:44px; padding:6px 10px 6px 7px; border:1px solid rgba(255,255,255,.15); border-radius:999px; outline:0; background:rgba(255,255,255,.045); color:#f8f2ed; cursor:pointer; font:inherit; box-shadow:inset 0 1px rgba(255,255,255,.04); }
.defiant-sitebar .account-chip:hover,.defiant-sitebar .account-chip:focus-visible,.defiant-sitebar .account-chip[aria-expanded="true"] { border-color:rgba(255,143,83,.55); background:rgba(249,115,22,.1); box-shadow:0 0 0 3px rgba(249,115,22,.09); }
.defiant-sitebar .account-chip img,.defiant-sitebar .account-avatar-fallback { display:grid; flex:0 0 30px; place-items:center; width:30px; height:30px; overflow:hidden; border-radius:50%; object-fit:cover; background:linear-gradient(135deg,#27354b,#f97316); color:#fff; font-size:12px; font-weight:900; }
.defiant-sitebar .account-name { min-width:0; overflow:hidden; color:#f3ece7; font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
.defiant-sitebar .account-chevron { position:relative; flex:0 0 12px; width:12px; height:12px; }
.defiant-sitebar .account-chevron::before { content:""; position:absolute; top:3px; left:2px; width:6px; height:6px; border-right:1.5px solid #d5c8c1; border-bottom:1.5px solid #d5c8c1; transform:rotate(45deg); }
.defiant-sitebar .account-chip[aria-expanded="true"] .account-chevron::before { top:6px; transform:rotate(225deg); }
.defiant-sitebar .account-popover { position:absolute; top:calc(100% + 11px); right:0; width:min(310px,calc(100vw - 24px)); padding:9px; border:1px solid rgba(255,128,66,.3); border-radius:16px; background:radial-gradient(circle at 88% -20%,rgba(249,115,22,.17),transparent 43%),rgba(11,12,18,.985); box-shadow:0 28px 80px rgba(0,0,0,.62),inset 0 1px rgba(255,255,255,.05); }
.defiant-sitebar .account-popover[hidden] { display:none; }
.defiant-sitebar .account-popover-identity { display:grid; grid-template-columns:42px minmax(0,1fr); align-items:center; gap:11px; margin-bottom:7px; padding:9px 10px 13px; border-bottom:1px solid rgba(255,255,255,.1); }
.defiant-sitebar .account-popover-identity img,.defiant-sitebar .account-popover-identity .account-avatar-fallback { width:42px; height:42px; border-radius:50%; object-fit:cover; }
.defiant-sitebar .account-popover-identity > span { min-width:0; }
.defiant-sitebar .account-popover-identity small,.defiant-sitebar .account-popover-identity strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.defiant-sitebar .account-popover-identity small { color:#948b87; font-size:10px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.defiant-sitebar .account-popover-identity strong { margin-top:2px; color:#fff4ed; font-size:14px; }
.defiant-sitebar .account-popover > a,.defiant-sitebar .account-popover form > button { display:grid; grid-template-columns:34px minmax(0,1fr); align-items:center; gap:10px; width:100%; min-height:54px; padding:8px 10px; border:1px solid transparent; border-radius:10px; background:transparent; color:#e9e0dc; cursor:pointer; font:inherit; text-align:left; text-decoration:none; }
.defiant-sitebar .account-popover > a:hover,.defiant-sitebar .account-popover > a:focus-visible,.defiant-sitebar .account-popover form > button:hover,.defiant-sitebar .account-popover form > button:focus-visible { border-color:rgba(255,128,66,.2); outline:0; background:rgba(249,115,22,.09); }
.defiant-sitebar .account-popover form { margin:0; }
.defiant-sitebar .account-popover form > button { color:#f2bbb0; }
.defiant-sitebar .account-menu-icon { display:grid; place-items:center; width:32px; height:32px; border:1px solid rgba(255,145,90,.18); border-radius:9px; background:rgba(249,115,22,.08); color:#ff9b61; font-size:17px; }
.defiant-sitebar .account-popover :is(a,button) span:last-child { min-width:0; }
.defiant-sitebar .account-popover :is(a,button) :is(strong,small) { display:block; }
.defiant-sitebar .account-popover a strong,.defiant-sitebar .account-popover button strong { font-size:13px; }
.defiant-sitebar .account-popover a small,.defiant-sitebar .account-popover button small { margin-top:1px; color:#938b88; font-size:10px; }
.defiant-sitebar .sitebar-login { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:0 17px; border:1px solid rgba(255,118,68,.55); border-radius:8px; background:linear-gradient(135deg,#e84a2d,#f26b39); box-shadow:0 8px 22px rgba(224,68,35,.2); color:#fff; font-size:12px; font-weight:850; letter-spacing:.035em; text-decoration:none; text-transform:uppercase; white-space:nowrap; }
.defiant-sitebar .menu-toggle { display:none; width:42px; height:42px; margin-left:auto; border:1px solid rgba(255,255,255,.15); border-radius:10px; background:rgba(255,255,255,.04); align-items:center; justify-content:center; flex-direction:column; gap:4px; }
.defiant-sitebar .menu-toggle > span:not(.sr-only) { width:18px; height:2px; border-radius:2px; background:#fff; }
.defiant-sitebar :is(a,button):focus-visible { outline:2px solid #fb923c; outline-offset:2px; }
.battlepass-shell:not(.game-pass-body) .icon-rail,.battlepass-shell:not(.game-pass-body) .pass-drawer { top:var(--sitebar-height); height:calc(100dvh - var(--sitebar-height)); }
.battlepass-shell:not(.game-pass-body) .page-shell { padding-top:var(--sitebar-height); }
.battlepass-shell:not(.game-pass-body) .topbar { top:var(--sitebar-height); }
@media (max-width:1399px) and (min-width:1200px) {
    .defiant-sitebar .online-pill { display:none; }
    .defiant-sitebar .main-nav a { padding-inline:9px; font-size:12px; }
    .defiant-sitebar .header-inner { gap:18px; }
}
@media (max-width:1199px) {
    .defiant-sitebar .header-inner { gap:16px; padding-inline:17px; }
    .defiant-sitebar .brand { min-width:99px; }
    .defiant-sitebar .brand::after { right:-12px; }
    .defiant-sitebar .menu-toggle { display:flex; }
    .defiant-sitebar .main-nav { position:fixed; top:var(--sitebar-height); right:0; left:0; display:none; flex-direction:column; align-items:stretch; max-height:calc(100dvh - var(--sitebar-height)); margin:0; padding:12px 17px 16px; overflow-y:auto; border:1px solid rgba(255,255,255,.14); border-top:0; border-radius:0 0 18px 18px; background:rgba(8,13,25,.96); box-shadow:0 24px 50px rgba(0,0,0,.4); -webkit-backdrop-filter:blur(24px) saturate(145%); backdrop-filter:blur(24px) saturate(145%); }
    .defiant-sitebar .main-nav.is-open { display:flex; }
    .defiant-sitebar .main-nav a { min-height:46px; padding-inline:14px; }
    .defiant-sitebar .header-tools { margin-left:0; }
    .battlepass-shell:not(.game-pass-body) .mobile-header { top:var(--sitebar-height); }
    .battlepass-shell:not(.game-pass-body) .page-shell { padding-top:calc(var(--sitebar-height) + 62px); }
    .battlepass-shell:not(.game-pass-body) .drawer-scrim { top:var(--sitebar-height); }
    .battlepass-shell:not(.game-pass-body) .page-jump { top:calc(var(--sitebar-height) + 73px); }
    .battlepass-shell:not(.game-pass-body) .message-stack { top:calc(var(--sitebar-height) + 76px); }
}
@media (max-width:840px) {
    .defiant-sitebar .header-inner { padding-inline:14px; }
    .defiant-sitebar .online-pill { display:none; }
    .defiant-sitebar .sitebar-balance { display:none; }
    .defiant-sitebar .account-chip .account-name { display:none; }
    .defiant-sitebar .account-chip { gap:5px; padding-right:9px; }
}
@media (max-width:560px) {
    :root { --sitebar-height:60px; }
    .defiant-sitebar .header-inner { gap:8px; padding-inline:10px; }
    .defiant-sitebar .brand { min-width:auto; }
    .defiant-sitebar .brand strong { font-size:20px; }
    .defiant-sitebar .brand::after { display:none; }
    .defiant-sitebar .menu-toggle { width:40px; height:40px; }
    .defiant-sitebar .account-chip { min-height:40px; padding-block:4px; }
    .defiant-sitebar .account-chip img,.defiant-sitebar .account-chip .account-avatar-fallback { display:grid; width:28px; height:28px; flex-basis:28px; }
    .defiant-sitebar .account-chip .account-chevron { display:block; }
    .defiant-sitebar .sitebar-login { min-height:38px; padding-inline:10px; font-size:10px; }
}