#sqLb .lm-hero{position:relative;isolation:isolate;overflow:hidden;min-height:294px;padding:30px 32px 22px;margin:0 0 24px;border-radius:12px;background:#0d1011}
#sqLb .lm-hero-art{position:absolute;inset:0 0 0 29%;z-index:-3;background:url('/assets/lobby/saq-war-hero-v1.jpg') center 28%/cover no-repeat;pointer-events:none}
#sqLb .lm-hero:before{content:'';position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(90deg,#0d1011 0%,rgba(13,16,17,.98) 25%,rgba(13,16,17,.56) 56%,rgba(8,11,12,.16) 100%)}
#sqLb .lm-hero:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(0deg,rgba(8,11,12,.92),transparent 54%)}
#sqLb .lm-hero .lm-heading{position:relative;min-height:170px;margin:0 0 18px;align-items:center}
#sqLb .lm-war-brand{display:flex;align-items:center;gap:18px}
#sqLb .lm-saq-mark{display:block;width:73px;height:55px;flex:none;background:#f5cc28;mask:url('/assets/v3/logo-s.png') center/contain no-repeat;-webkit-mask:url('/assets/v3/logo-s.png') center/contain no-repeat}
#sqLb .lm-war-kicker{display:block;font-size:10px;font-weight:650;letter-spacing:2.3px;line-height:1.5;color:#c0c7c9;margin:0 0 9px}
#sqLb .lm-hero .lm-heading h1{font-size:clamp(50px,5.5vw,86px);line-height:.98;letter-spacing:-3px;font-weight:850;margin:0;color:#f5f7f6;white-space:nowrap}
#sqLb .lm-hero h1>span{color:#efca37}
#sqLb .lm-hero .lm-heading p{margin:15px 0 0;color:#d1d6d6;font-size:13px;line-height:1.5}
#sqLb .lm-hero .lm-button{background:rgba(37,44,47,.97)!important;backdrop-filter:blur(5px)}
#sqLb .lm-hero .lm-button:hover{background:#374146!important}
#sqLb .lm-hero .lm-profile{position:relative;margin:0;padding:17px 0 0;border-top:1px solid rgba(237,235,228,.1);min-height:65px}
#sqLb .lm-hero .lm-profile .lm-stat{color:#c0c6c9;border-color:#41494b}
#sqLb .lm-hero .lm-rank>span{color:#c2c9cc}
#sqLb .lm-hero .lm-my-stats{color:#d3dadd!important}
@media(max-width:900px){#sqLb .lm-hero{padding:24px;min-height:280px}#sqLb .lm-war-brand{gap:14px}#sqLb .lm-saq-mark{width:54px;height:44px}#sqLb .lm-hero .lm-heading{gap:20px}#sqLb .lm-hero .lm-heading h1{font-size:54px;letter-spacing:-2px}}
@media(max-width:600px){#sqLb .lm-hero{padding:24px 18px 18px;border-radius:10px;min-height:340px}#sqLb .lm-hero-art{inset:0;background-position:68% 22%;opacity:.58}#sqLb .lm-hero:before{background:linear-gradient(90deg,rgba(10,13,14,.95),rgba(10,13,14,.7) 58%,rgba(10,13,14,.2))}#sqLb .lm-hero .lm-heading{min-height:180px;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:22px;margin-bottom:18px}#sqLb .lm-hero .lm-heading h1{font-size:clamp(36px,10.5vw,52px);letter-spacing:-1.7px}#sqLb .lm-saq-mark{width:42px;height:35px}#sqLb .lm-war-brand{gap:12px}#sqLb .lm-war-kicker{font-size:8px;letter-spacing:1.6px;margin-bottom:8px}#sqLb .lm-hero .lm-heading p{font-size:11px;margin-top:13px;max-width:260px}#sqLb .lm-hero .lm-profile{gap:13px}#sqLb .lm-hero .lm-stat{font-size:12px;padding-left:12px}#sqLb .lm-hero .lm-rank{gap:8px}#sqLb .lm-hero .lm-rank strong{font-size:25px}#sqLb .lm-hero .lm-rank>span{font-size:13px}#sqLb .lm-hero .lm-faceit{width:38px;height:38px}}

/* Integrated banner action instead of an isolated dark rectangle. */
#sqLb .lm-hero .lm-heading{flex-direction:column;align-items:flex-start;justify-content:center;gap:20px;min-height:190px}
#sqLb .lm-hero #f3Cta .lm-button{background:transparent!important;backdrop-filter:none;border-radius:0!important;padding:0!important;min-height:34px;gap:11px;box-shadow:none!important;font-weight:650;font-size:14px}
#sqLb .lm-hero #f3Cta .lm-button>.lm-accent{width:28px;height:28px;padding:5px;border-radius:50%;background:#e7c43a;color:#211d0d}
#sqLb .lm-hero #f3Cta .lm-button:after{content:'↗';font-size:18px;margin-left:7px;color:#9eaaa8;transition:transform .15s}
#sqLb .lm-hero #f3Cta .lm-button:hover{background:transparent!important;color:#f1d66b!important}
#sqLb .lm-hero #f3Cta .lm-button:hover:after{transform:translate(2px,-2px)}
#sqLb .lm .lm-map-choices{display:grid;gap:4px;max-height:295px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#3d464b transparent;padding:0 0 14px}
#sqLb .lm .lm-map-choices button{display:flex;align-items:center;gap:9px;width:100%;min-height:35px;padding:5px 7px;border:0!important;border-radius:5px!important;background:transparent!important;color:#bac3c9!important;font-family:inherit;font-size:12px;font-weight:500;text-align:left;cursor:pointer;box-shadow:none!important}
#sqLb .lm .lm-map-choices button:hover{background:#242b2e!important;color:#f1f4f5!important}
#sqLb .lm .lm-map-choices button[aria-pressed="true"]{background:#2e2c24!important;color:#e9d481!important}
#sqLb .lm .lm-map-choices button>img{width:37px;height:25px;border-radius:4px;object-fit:cover;flex:none}
#sqLb .lm .lm-map-glyph{width:37px;height:25px;display:grid;place-items:center;flex:none;color:#929fa7}
#sqLb .lm .lm-map-glyph svg{width:16px;height:16px}
#sqLb .lm .lm-map-choices button>i{margin-left:auto;display:none;color:#e8c94f}
#sqLb .lm .lm-map-choices button[aria-pressed="true"]>i{display:flex}
#sqLb .lm .lm-map-choices button>i svg{width:14px;height:14px}
#sqLb .lm .lm-map-filter summary{font-size:13px}

#sqLb .lm .lm-map-choices button{justify-content:flex-start!important;text-align:left!important}

/* The SAQ mark follows the wordmark cap height and baseline. */
#sqLb .lm-war-brand{align-items:flex-end}
#sqLb .lm-saq-mark{width:clamp(72px,6.3vw,101px);height:clamp(55px,4.8vw,77px);margin-bottom:3px}
/* Explicit Discord identity and a readable green connection panel. */
#sqLb .lm .lm-discord{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:16px;padding:21px 24px;border:1px solid #5c5331;border-radius:12px;background:linear-gradient(105deg,#262210 0%,#3b3418 54%,#60552b 100%)}
#sqLb .lm .lm-discord:after{content:'';position:absolute;z-index:-1;right:140px;bottom:-34px;width:170px;height:140px;background:rgba(255,235,156,.045);mask:url('/assets/lobby/discord-mark.svg') center/contain no-repeat;-webkit-mask:url('/assets/lobby/discord-mark.svg') center/contain no-repeat;transform:rotate(-12deg);pointer-events:none}
#sqLb .lm .lm-dc-emblem{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;background:rgba(235,210,111,.12);border:1px solid rgba(228,206,119,.15)}
#sqLb .lm .lm-dc-emblem img{display:block;width:29px;height:24px;filter:brightness(0) invert(1)}
#sqLb .lm .lm-discord>div b{color:#fffbe9;font-size:15px;font-weight:700}
#sqLb .lm .lm-discord>div>span{color:#d4cfba;font-size:13px}
#sqLb .lm .lm-discord .lm-button{min-height:42px;padding:12px 17px;background:#dec665!important;color:#29240f!important;font-weight:750;border-radius:7px!important;box-shadow:0 4px 16px rgba(0,0,0,.1)!important}
#sqLb .lm .lm-discord .lm-button:hover{background:#ebd57b!important;color:#211d0c!important}
#sqLb .lm .lm-discord-link{display:inline-flex;align-items:center;gap:10px;margin:24px 0 0;min-height:43px;padding:11px 14px;border:1px solid #534c31;border-radius:8px;background:linear-gradient(100deg,#272416,#373220);color:#efe7c8;font-weight:600;font-size:12px;line-height:1.3;text-decoration:none}
#sqLb .lm .lm-discord-link img{display:block;width:22px;height:18px;filter:brightness(0) invert(1);flex:none}
#sqLb .lm .lm-discord-link b{font-size:18px;font-weight:400;margin-left:5px;color:#dfcf8e}
#sqLb .lm .lm-discord-link:hover{background:#484229;color:#fffcef;border-color:#847848}
/* All map chips form one horizontal, scrollable row above the lobby list. */
#sqLb .lm .lm-map-filter{margin:0 0 12px;padding:13px 14px 4px;border-radius:9px;background:#151a1c;border:1px solid #272e32;min-width:0}
#sqLb .lm .lm-map-strip-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px;font-size:12px}
#sqLb .lm .lm-map-strip-head b{font-weight:650;color:#d9e0e4}
#sqLb .lm .lm-map-caption{color:#99a9a1;font-size:11px}
#sqLb .lm .lm-map-choices{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:6px;max-height:none;min-width:0;overflow-x:auto;overflow-y:hidden;padding:0 0 9px;scrollbar-width:thin;scrollbar-color:#43534a transparent}
#sqLb .lm .lm-map-choices button{display:inline-flex!important;flex:0 0 auto!important;width:auto!important;min-width:0!important;justify-content:flex-start!important;align-items:center!important;gap:7px;min-height:37px;padding:6px 9px!important;background:#20272a!important;border:1px solid transparent!important;border-radius:6px!important;white-space:nowrap;font-size:11px}
#sqLb .lm .lm-map-choices button[aria-pressed="true"]{background:#3d3826!important;border-color:#736b49!important;color:#eee7c9!important}
#sqLb .lm .lm-map-choices button:hover{background:#303c36!important}
#sqLb .lm .lm-map-choices button>img{width:29px;height:21px;border-radius:3px;object-fit:cover}
#sqLb .lm .lm-map-glyph{width:18px;height:20px}
#sqLb .lm .lm-map-glyph svg{width:15px;height:15px}
#sqLb .lm .lm-map-choices button>i{display:none!important}
@media(max-width:900px){#sqLb .lm-saq-mark{width:68px;height:51px;margin-bottom:1px}}
@media(max-width:600px){#sqLb .lm-saq-mark{width:54px;height:40px;margin-bottom:0}#sqLb .lm .lm-discord{grid-template-columns:38px minmax(0,1fr);gap:12px;padding:17px 15px}#sqLb .lm .lm-dc-emblem{width:38px;height:38px;border-radius:10px}#sqLb .lm .lm-dc-emblem img{width:24px;height:20px}#sqLb .lm .lm-discord>.lm-button{grid-column:1/-1;justify-self:stretch;margin-top:3px}#sqLb .lm .lm-discord>div b{font-size:13px}#sqLb .lm .lm-discord>div>span{font-size:12px;line-height:1.5}#sqLb .lm .lm-discord-link{font-size:11px;gap:8px;padding:11px 12px}#sqLb .lm .lm-map-filter{padding:11px 10px 3px}}

/* Quiet connection status, consistent with the lobby controls. */
#sqLb .lm .lm-discord{grid-template-columns:32px minmax(0,1fr) auto;gap:13px;padding:15px 18px;background:#151a1c;border:0;border-bottom:1px solid #2d3639;border-radius:6px}
#sqLb .lm .lm-discord:after{content:none!important;display:none!important}
#sqLb .lm .lm-dc-emblem{width:32px;height:32px;background:none;border:0;border-radius:0}
#sqLb .lm .lm-dc-emblem img{width:26px;height:21px;opacity:.85}
#sqLb .lm .lm-discord>div b{font-size:13px;font-weight:600;color:#e5ebee}
#sqLb .lm .lm-discord>div>span{font-size:12px;color:#91a0a7}
#sqLb .lm .lm-discord .lm-linked:before{content:'';display:block;width:6px;height:6px;border-radius:50%;background:#d9bb43;margin-right:2px}
#sqLb .lm .lm-discord .lm-button{background:#282f33!important;color:#e6ecef!important;box-shadow:none!important;border-radius:6px!important;padding:10px 14px;min-height:37px;font-size:12px;font-weight:600}
#sqLb .lm .lm-discord .lm-button:hover{background:#354047!important;color:#fff!important}
#sqLb .lm .lm-discord-link{background:#1d2529;border-color:#354147;color:#d5dfe4;border-radius:6px;font-weight:500;font-size:12px;padding:10px 13px}
#sqLb .lm .lm-discord-link:hover{background:#2a363b;border-color:#506168;color:#fff}
#sqLb .lm .lm-discord-link b{color:#a6b5be}
/* Maps return to their original place in the left filter sidebar. */
#sqLb .lm .lm-filters .lm-map-filter{margin:0;padding:0;border:0;border-bottom:1px solid #2c3134;border-radius:0;background:none}
#sqLb .lm .lm-filters .lm-map-filter summary{display:flex;align-items:center;gap:9px;font-size:14px}
#sqLb .lm .lm-filters .lm-map-caption{margin-left:auto;max-width:88px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:400;color:#8b9b9e}
#sqLb .lm .lm-filters .lm-map-choices{display:grid!important;grid-template-columns:1fr;gap:3px;max-height:278px;overflow-x:hidden;overflow-y:auto;padding:0 0 14px;flex-wrap:unset!important}
#sqLb .lm .lm-filters .lm-map-choices button{display:flex!important;width:100%!important;min-width:0!important;flex:none!important;padding:5px 6px!important;gap:9px;min-height:35px;background:transparent!important;border:0!important;border-radius:5px!important;font-size:12px;justify-content:flex-start!important}
#sqLb .lm .lm-filters .lm-map-choices button:hover{background:#252e31!important}
#sqLb .lm .lm-filters .lm-map-choices button[aria-pressed="true"]{background:#322f23!important;color:#e6e2d0!important}
#sqLb .lm .lm-filters .lm-map-choices button>img{width:34px;height:23px;object-fit:cover}
#sqLb .lm .lm-filters .lm-map-glyph{width:34px;height:23px}
#sqLb .lm .lm-filters .lm-map-choices button>i{display:none!important}
@media(max-width:600px){#sqLb .lm .lm-discord{grid-template-columns:28px minmax(0,1fr);padding:14px;gap:10px}#sqLb .lm .lm-dc-emblem{width:28px;height:28px}#sqLb .lm .lm-discord>.lm-button{grid-column:1/-1;justify-self:start;margin-left:38px}#sqLb .lm .lm-discord>div b{font-size:12px}#sqLb .lm .lm-discord>div>span{font-size:11px}}

#sqLb .lm .lm-dc-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap;min-width:0}
#sqLb .lm .lm-dc-actions .lm-team-button{color:#ebe4c9!important}
@media(max-width:600px){#sqLb .lm .lm-dc-actions{grid-column:1/-1;justify-content:flex-start;margin-left:38px;gap:7px}#sqLb .lm .lm-dc-actions .lm-button{font-size:11px;padding:9px 11px;min-height:35px}}