#accessDialog.lineup-entry{width:min(1320px,96vw);max-width:1320px;max-height:94dvh;padding:0;border:1px solid #47566b;border-radius:16px;background:radial-gradient(ellipse at 50% 0,#1d2d40 0,transparent 65%),#0b131e;box-shadow:0 35px 120px #000b;overflow:auto}
#accessDialog.lineup-entry::backdrop{background:#030812d9;backdrop-filter:blur(12px)}
#accessDialog #lineupLobby{padding:28px 30px 20px;color:#e4eaf0}
:is(#accessDialog,.bp-arena) .lobby-heading{height:auto;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 0 24px;border-bottom:1px solid #283749;background:transparent}
:is(#accessDialog,.bp-arena) .lobby-eyebrow{color:#bd9d68;font-size:10px;letter-spacing:2.8px}
:is(#accessDialog,.bp-arena) .lobby-heading h2{margin:4px 0;font-size:29px;letter-spacing:2px;line-height:1.4}
:is(#accessDialog,.bp-arena) .lobby-heading p{margin:5px 0 0;font-size:12px;color:#8b9eb2;line-height:1.6}
#accessDialog #lobbyAdmin{width:auto;padding:7px 10px;border:0;background:transparent;color:#92a2b4;font-size:11px}
:is(#accessDialog,.bp-arena) .lobby-layout{display:grid;grid-template-columns:225px minmax(0,1fr) 225px;gap:26px;padding-top:23px}
:is(#accessDialog,.bp-arena) .lobby-team{--side:#67c5fc;--tint:#15324c}
:is(#accessDialog,.bp-arena) .lobby-team[data-lobby-team=red]{--side:#f48b9a;--tint:#43232f}
:is(#accessDialog,.bp-arena) .lobby-team-title{display:flex;align-items:center;gap:8px;margin:0 0 15px}
:is(#accessDialog,.bp-arena) .lobby-team-title h3{margin:0;color:var(--side);font-size:15px;letter-spacing:1px}
:is(#accessDialog,.bp-arena) .lobby-team-title b{margin-left:auto;font-size:11px;color:#8c9aac;font-weight:400}
:is(#accessDialog,.bp-arena) .lobby-side-dot{width:6px;height:6px;border-radius:50%;background:var(--side);box-shadow:0 0 12px var(--side)}
:is(#accessDialog,.bp-arena) .lobby-slots{display:grid;gap:9px}
:is(#accessDialog,.bp-arena) .lobby-slot-row{position:relative}
:is(#accessDialog,.bp-arena) .lobby-slot{display:flex;align-items:center;gap:10px;width:100%;min-height:76px;padding:11px;background:linear-gradient(110deg,var(--tint),#101a26 85%);border:1px solid #304052;border-radius:6px;text-align:left;transition:border-color .14s,transform .14s,background .14s}
:is(#accessDialog,.bp-arena) .lobby-slot[aria-pressed=true]{border-color:var(--side);box-shadow:inset 3px 0 var(--side),0 0 18px color-mix(in srgb,var(--side) 10%,transparent)}
:is(#accessDialog,.bp-arena) .lobby-slot:hover{transform:translateY(-1px);border-color:var(--side)}
:is(#accessDialog,.bp-arena) .lobby-portrait{display:block;flex:0 0 48px;width:48px;height:48px;background-repeat:no-repeat;background-size:480px auto;border-radius:4px;background-color:#192534}
:is(#accessDialog,.bp-arena) .lobby-empty-portrait{display:grid;place-items:center;color:#66778b;font-size:25px;border:1px dashed #516175;background:transparent}
:is(#accessDialog,.bp-arena) .lobby-slot>span:nth-child(2){display:grid;gap:4px;min-width:0}
:is(#accessDialog,.bp-arena) .lobby-slot small{font-size:10px;color:var(--side)}
:is(#accessDialog,.bp-arena) .lobby-slot b{font-size:13px;color:#dce7f3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:108px;font-weight:500}
:is(#accessDialog,.bp-arena) .lobby-slot-number{margin-left:auto;font-size:17px;font-style:italic;color:#687b8c66}
:is(#accessDialog,.bp-arena) .lobby-clear{position:absolute;right:3px;top:1px;width:22px;padding:0;border:0;background:transparent;color:#b9c4d0;font-size:17px;line-height:22px}
:is(#accessDialog,.bp-arena) .lobby-preset-label{display:grid;gap:7px;font-size:10px;color:#9aacbf;margin:20px 0 0}
:is(#accessDialog,.bp-arena) .lobby-preset-label select{width:100%;font-size:12px;background:#15202d;border:1px solid #3d4c5c;padding:9px;border-radius:5px;color:#d3dce7}
:is(#accessDialog,.bp-arena) .lobby-preset-focus{margin:9px 0 0;font-size:11px;line-height:1.7;color:#8d9eb1;min-height:48px}
:is(#accessDialog,.bp-arena) .lobby-pool{min-width:0;display:flex;flex-direction:column}
:is(#accessDialog,.bp-arena) .lobby-pool-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 14px;font-size:12px}
#accessDialog #lobbyPicking{color:#76c9fc}#accessDialog #lobbyPicking[data-side=red]{color:#f48b9a}
#accessDialog #lobbyPoolCount{color:#72849a;font-size:10px}
#accessDialog #lobbySearch{width:100%;margin:0;padding:10px 12px;background:#0c1623;border:1px solid #334357;border-radius:5px;font-size:12px}
:is(#accessDialog,.bp-arena) .lobby-filters{display:flex;flex-wrap:wrap;gap:5px;padding:12px 0}
:is(#accessDialog,.bp-arena) .lobby-filters button{width:auto;padding:5px 10px;font-size:11px;background:transparent;border:1px solid transparent;color:#8496ac;border-radius:4px}
:is(#accessDialog,.bp-arena) .lobby-filters button[aria-pressed=true]{border-color:#8e7851;background:#372f23;color:#e3cb9c}
:is(#accessDialog,.bp-arena) .lobby-champions{display:grid;grid-template-columns:repeat(auto-fill,minmax(66px,1fr));align-content:start;gap:7px;max-height:415px;min-height:240px;overflow:auto;padding:2px 5px 8px 2px;scrollbar-width:thin;scrollbar-color:#425267 transparent}
:is(#accessDialog,.bp-arena) .lobby-champion{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:0;padding:8px 3px 7px;background:#131f2e;border:1px solid #28384a;border-radius:5px;transition:transform .14s,border-color .14s,background .14s}
:is(#accessDialog,.bp-arena) .lobby-champion:hover:not(:disabled),:is(#accessDialog,.bp-arena) .lobby-champion:focus-visible{transform:translateY(-2px);border-color:#b79d6b;background:#263140}
:is(#accessDialog,.bp-arena) .lobby-champion[aria-pressed=true]{border-color:#e2c48a;background:#393024}
:is(#accessDialog,.bp-arena) .lobby-champion>span:last-of-type{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:#bdcbd9;line-height:1.5}
:is(#accessDialog,.bp-arena) .lobby-champion:disabled{opacity:.35}
:is(#accessDialog,.bp-arena) .lobby-champion>small{position:absolute;top:22px;padding:1px 4px;background:#07101dea;color:#e0c89a;font-size:10px}
:is(#accessDialog,.bp-arena) .lobby-no-results{grid-column:1/-1;text-align:center}
:is(#accessDialog,.bp-arena) .lobby-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px;padding-top:18px;border-top:1px solid #29384b}
#accessDialog #lobbyStatus{margin:0;color:#c7d2de;font-size:12px;line-height:1.6}
#accessDialog #lobbyNote{display:block;margin-top:5px;font-size:10px;color:#7f91a7;line-height:1.6}
#accessDialog #lobbyActions{display:flex;gap:10px;flex-shrink:0}
#accessDialog #lobbyActions button{width:auto;padding:11px 17px;font-size:12px;border-radius:5px}
#accessDialog #lobbyActions #enterUser{border-color:#405064;background:#152130;color:#bdcbd9}
#accessDialog #lobbyStart{background:linear-gradient(115deg,#d4b67a,#9e7c45);border:1px solid #dfc490;color:#17202b;font-weight:700;min-width:160px}
#accessDialog #lobbyStart:disabled{opacity:.35}
#accessDialog #lineupLobby button:focus-visible,#accessDialog #lineupLobby select:focus-visible,#accessDialog #lineupLobby input:focus-visible{outline:2px solid #e5ca8b;outline-offset:3px}
#openLineupLobby{white-space:nowrap}
@media(max-width:1050px){#accessDialog #lineupLobby{padding:20px}:is(#accessDialog,.bp-arena) .lobby-layout{grid-template-columns:180px minmax(0,1fr) 180px;gap:14px}:is(#accessDialog,.bp-arena) .lobby-slot{gap:7px;padding:8px;min-height:72px}:is(#accessDialog,.bp-arena) .lobby-slot-number{display:none}:is(#accessDialog,.bp-arena) .lobby-slot b{max-width:90px;font-size:12px}:is(#accessDialog,.bp-arena) .lobby-champions{max-height:395px}:is(#accessDialog,.bp-arena) .lobby-footer{align-items:flex-start}#accessDialog #lobbyNote{max-width:320px}}
@media(max-width:720px){#accessDialog #lineupLobby{padding:18px 12px}:is(#accessDialog,.bp-arena) .lobby-heading h2{font-size:23px}:is(#accessDialog,.bp-arena) .lobby-heading{padding-bottom:16px;gap:8px}:is(#accessDialog,.bp-arena) .lobby-heading p{font-size:10px}:is(#accessDialog,.bp-arena) .lobby-layout{grid-template-columns:1fr 1fr;gap:16px 10px;padding-top:16px}:is(#accessDialog,.bp-arena) .lobby-pool{grid-column:1/-1;grid-row:2}:is(#accessDialog,.bp-arena) .lobby-team[data-lobby-team=red]{grid-column:2;grid-row:1}:is(#accessDialog,.bp-arena) .lobby-slot{min-height:60px;padding:7px;gap:7px}:is(#accessDialog,.bp-arena) .lobby-slot .lobby-portrait{width:38px;height:38px;flex-basis:38px;clip-path:inset(0 round 3px)}:is(#accessDialog,.bp-arena) .lobby-slot b{max-width:86px;font-size:11px}:is(#accessDialog,.bp-arena) .lobby-slots{gap:5px}:is(#accessDialog,.bp-arena) .lobby-preset-label{margin-top:12px}:is(#accessDialog,.bp-arena) .lobby-preset-focus{display:none}:is(#accessDialog,.bp-arena) .lobby-champions{max-height:260px;min-height:180px;grid-template-columns:repeat(auto-fill,minmax(61px,1fr))}:is(#accessDialog,.bp-arena) .lobby-footer{flex-direction:column;gap:12px}#accessDialog #lobbyActions{width:100%;justify-content:flex-end}#accessDialog #lobbyNote{max-width:none}}
@media(prefers-reduced-motion:reduce){#accessDialog #lineupLobby *{transition:none!important}}