#brPlaylistSelection{--playlist-accent:#b8f5ff;position:fixed;inset:0;z-index:104;isolation:isolate;display:flex;flex-direction:column;gap:24px;height:100vh;height:100dvh;overflow:hidden;padding:max(26px,env(safe-area-inset-top)) max(36px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(36px,env(safe-area-inset-left));color:#fff;background:radial-gradient(ellipse at 30% 40%,#21b7e5,#1b73c1 48%,#2644a4 100%);touch-action:pan-y}
#brPlaylistSelection:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(125deg,transparent 15%,#3bd1fa24 15% 37%,transparent 37% 74%,#113c8e22 74%);pointer-events:none}
#brPlaylistSelection[data-highlight="solid-gold"]{--playlist-accent:#ffe98f}#brPlaylistSelection[data-highlight="one-shot"]{--playlist-accent:#d3ffd2}
.playlist-header{display:flex;align-items:center;justify-content:space-between;gap:24px;flex:none}.playlist-header h2{font:950 italic clamp(22px,3vw,40px)/1 'Arial Black',Arial,sans-serif;letter-spacing:-1px;margin:6px 0 0;text-shadow:0 3px 0 #123d8a66}.playlist-header small{font-size:9px;font-weight:900;letter-spacing:3px;color:#c4efff}
#playlistBack{min-height:44px;padding:10px 16px;background:#082d6c55;border:1px solid #94d9ff77;border-radius:4px;font-size:10px;font-weight:900;letter-spacing:1px;display:flex;align-items:center;gap:9px}#playlistBack span{font-size:20px}
.playlist-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,27%);gap:clamp(24px,4vw,64px);flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:8px}
.playlist-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;gap:22px;min-width:0;padding:4px}
.playlist-card{position:relative;display:flex;flex-direction:column;align-self:start;min-width:0;padding:0;background:#0c386f;border:4px solid #5ac9ee88;border-radius:2px;text-align:left;box-shadow:0 8px 22px #123c8155;transition:transform .17s,border-color .17s,box-shadow .17s;touch-action:manipulation}
.playlist-card img{width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain;display:block;pointer-events:none}.playlist-card-footer{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:42px;padding:10px 12px;background:#082c6577;pointer-events:none}.playlist-card-footer strong{font-size:clamp(11px,1.2vw,18px);font-weight:950;letter-spacing:.3px;text-transform:uppercase}.playlist-card-footer small{font-size:8px;font-weight:900;letter-spacing:1px;color:#c9efff}.playlist-card[aria-pressed="true"] .playlist-card-footer small{color:#f7ff7e}.playlist-card[aria-pressed="true"] .playlist-card-footer small:before{content:'✓ ';color:#f7ff7e}
.playlist-card.is-highlighted{border-color:#fff;box-shadow:0 0 0 3px var(--playlist-accent),0 14px 30px #103c8a77;transform:translateY(-3px)}.playlist-card:focus-visible,#playlistBack:focus-visible,#playlistPlay:focus-visible{outline:3px solid #f3ff73;outline-offset:7px}.playlist-card:active{transform:scale(.985)}
.playlist-details{align-self:center;min-width:0;padding:20px 0}.playlist-details>small{color:var(--playlist-accent);font-size:9px;letter-spacing:2px;font-weight:900}.playlist-details h3{font:950 italic clamp(30px,3.5vw,54px)/.97 'Arial Black',Arial,sans-serif;letter-spacing:-1.2px;text-transform:uppercase;margin:15px 0 23px;text-wrap:balance}.playlist-details p{color:#e1f2ff;font-size:clamp(12px,1.1vw,16px);line-height:1.65;margin:0 0 24px;max-width:32ch}.playlist-details ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}.playlist-details li{font-size:9px;font-weight:900;letter-spacing:1px;color:#d4f0ff;display:flex;align-items:center;gap:8px}.playlist-details li:before{content:'';width:5px;height:5px;background:var(--playlist-accent);transform:rotate(45deg);flex:none}.playlist-select-hint{display:block;width:100%;min-height:48px;margin-top:34px;padding:15px 14px;border:0;border-radius:0;background:#edff3e;color:#10274f;text-align:center;font:950 italic 24px/1 'Arial Black',Arial,sans-serif;letter-spacing:.4px;box-shadow:5px 6px 0 #0d359b55;cursor:pointer;touch-action:manipulation}.playlist-select-hint:hover{background:#f6ff88}.playlist-select-hint:active{background:#d9ef16;box-shadow:2px 3px 0 #0d359b55}.playlist-select-hint:disabled{cursor:wait;opacity:.7}
.playlist-footer{flex:none;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:8px;font-weight:900;letter-spacing:1px;color:#cceaff;padding-top:13px;border-top:1px solid #a5eaff33}.playlist-footer span:last-child{color:#fff}#playlistStatus{margin:0;text-align:center;color:#fff6a2;font-size:12px}#playlistStatus:empty{display:none}
#menu .lobby-playlist-button{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;width:100%;padding:10px 12px;border:1px solid #b5efff55;border-radius:7px;background:#5abbd51c;text-align:left}#menu .lobby-playlist-button small{font-size:8px;letter-spacing:1.3px;color:#b4d8e7;display:block;margin-bottom:4px}#menu .lobby-playlist-button strong{font-size:12px;letter-spacing:.6px;display:block;text-transform:uppercase}#menu .lobby-playlist-button>span:last-child{font-size:24px;color:#a1ffe8}
#menu #lobbyMapSlot{margin:9px 0}#menu #lobbyMapSlot label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:8px;font-weight:900;letter-spacing:1px;color:#b4d8e7}#menu #lobbyMapSlot select{width:76%;min-width:0;min-height:40px;padding:8px;background:#17384c;color:#f1faff;border:1px solid #b4d8e533;border-radius:6px;font-size:10px;letter-spacing:0}
#menu[data-lobby-mode="br"] .lobby-setup summary{min-height:32px;padding:8px 10px;font-size:8px}#menu[data-lobby-mode="br"] .lobby-content{max-height:calc(100dvh - 430px)}
@media(max-width:760px){#brPlaylistSelection{padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));gap:14px}.playlist-header{gap:12px}.playlist-header h2{font-size:25px}.playlist-header small{font-size:7px;letter-spacing:2px}#playlistBack{font-size:8px;padding:8px 10px}.playlist-content{grid-template-columns:minmax(0,1fr);gap:12px}.playlist-grid{align-content:start;gap:14px}.playlist-card{border-width:3px}.playlist-card-footer{min-height:38px;padding:8px}.playlist-card-footer strong{font-size:11px}.playlist-card-footer small{font-size:6px}.playlist-details{padding:14px 4px;display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.playlist-details>small,.playlist-details h3,.playlist-details p{grid-column:1}.playlist-details h3{font-size:30px;margin:8px 0 12px}.playlist-details p{font-size:11px;margin-bottom:0}.playlist-details ul{grid-column:2;grid-row:1/4;align-self:center;gap:10px}.playlist-details li{font-size:8px;letter-spacing:.5px}.playlist-select-hint{grid-column:1/-1;margin-top:18px;font-size:22px;padding:12px}.playlist-footer{font-size:6px;letter-spacing:.4px}}
@media(max-width:760px) and (orientation:portrait){#menu[data-lobby-mode="br"] .lobby-loadout{bottom:245px}#menu[data-lobby-mode="br"] #lobbyStage{bottom:365px}#menu[data-lobby-mode="br"] .lobby-content{max-height:calc(100dvh - 360px)}}
@media(max-height:600px) and (orientation:landscape){#brPlaylistSelection{padding:max(12px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));gap:10px}.playlist-header h2{font-size:24px}.playlist-header small{font-size:7px}#playlistBack{min-height:34px;padding:6px 10px;font-size:8px}.playlist-content{grid-template-columns:minmax(0,1fr) minmax(180px,27%);gap:20px}.playlist-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-content:center;gap:14px}.playlist-card-footer{min-height:31px;padding:7px 9px}.playlist-card-footer strong{font-size:11px}.playlist-card-footer small{font-size:6px}.playlist-details{display:block;padding:8px 0;align-self:start}.playlist-details h3{font-size:29px;margin:9px 0 13px}.playlist-details p{font-size:10px;margin-bottom:16px;line-height:1.55}.playlist-details li{font-size:7px}.playlist-details ul{gap:8px}.playlist-select-hint{font-size:20px;padding:11px;margin-top:19px}.playlist-footer{padding-top:8px;font-size:6px}#menu[data-lobby-mode="br"] .deploy-panel{padding:10px}#menu[data-lobby-mode="br"] .deploy-panel h2{font-size:18px;margin-bottom:6px}#menu .lobby-playlist-button{min-height:42px;padding:7px 10px}#menu .lobby-playlist-button small{font-size:6px;margin-bottom:3px}#menu .lobby-playlist-button strong{font-size:10px}#menu #lobbyMapSlot{margin:6px 0}#menu #lobbyMapSlot select{min-height:34px;font-size:9px;padding:5px}#menu[data-lobby-mode="br"] .lobby-content{max-height:calc(100dvh - 310px);min-height:58px}}
@media(prefers-reduced-motion:reduce){.playlist-card{transition:none}.playlist-card.is-highlighted,.playlist-card:active{transform:none}}

@media(max-width:700px) and (orientation:landscape){.playlist-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start}}

/* Playlist-specific match options: keep lobby clean and adjust teams here. */
#brPlaylistSelection .playlist-details{max-height:100%;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#b9ebff77 transparent;padding-inline:4px}
#brPlaylistSelection .playlist-match-options{margin-top:18px;padding:12px;border-radius:9px;border:1px solid #c2f5ff57;background:#0b345d55;box-shadow:0 5px 20px #09356e21}
#brPlaylistSelection .playlist-match-options[hidden],#brPlaylistSelection .br-team-option[hidden]{display:none!important}
#brPlaylistSelection .playlist-match-options h4{margin:0 0 10px;font:900 10px/1.3 Arial,sans-serif;letter-spacing:1.15px;color:#effaff}
#brPlaylistSelection .br-team-option{display:grid;grid-template-columns:minmax(68px,34%) minmax(0,1fr);align-items:center;gap:8px;margin-top:8px;font:900 9px/1.3 Arial,sans-serif;letter-spacing:.65px;color:#bdeefb}
#brPlaylistSelection .br-team-option select{width:100%;min-width:0;min-height:36px;padding:7px 27px 7px 10px;border:1px solid #72d4ec77;border-radius:5px;background:#123f5de0;color:#faffff;font:900 11px/1.2 Arial,sans-serif;letter-spacing:.2px;cursor:pointer;color-scheme:dark}
#brPlaylistSelection .br-team-option select:focus-visible{outline:2px solid #edff3e;outline-offset:2px}
#brPlaylistSelection .playlist-bot-count{display:grid;grid-template-columns:minmax(68px,34%) minmax(0,1fr);align-items:center;gap:8px;margin-top:8px;font:900 9px/1.3 Arial,sans-serif;letter-spacing:.65px;color:#bdeefb}
#brPlaylistSelection .playlist-bot-count strong{color:#faffff;font:900 11px/1.2 Arial,sans-serif;letter-spacing:.2px}
#menu .lobby-setup[hidden],#menu #lobbyMapSlot[hidden]{display:none!important}
#brPlaylistSelection .playlist-select-hint{margin-top:16px}
@media(max-width:760px){#brPlaylistSelection .playlist-details{overflow:visible;max-height:none}#brPlaylistSelection .playlist-match-options{grid-column:1/-1;max-width:450px;margin-top:15px}#brPlaylistSelection .playlist-select-hint{grid-column:1/-1;margin-top:14px}}
@media(max-height:600px) and (orientation:landscape){#brPlaylistSelection .playlist-details{max-height:100%;overflow-y:auto}#brPlaylistSelection .playlist-match-options{margin-top:10px;padding:9px}#brPlaylistSelection .playlist-match-options h4{font-size:9px;margin-bottom:5px}#brPlaylistSelection .br-team-option{margin-top:5px}#brPlaylistSelection .br-team-option select{min-height:30px;padding-top:5px;padding-bottom:5px}}