/* Matchmaking: a single scroll surface, with a lightweight video backdrop. */
#mpModal.mpFull { position: fixed; background: #020b16; isolation: isolate; }
#mpModal.mpFull #mpPanel {
  width: 100%; max-width: none; height: 100%; height: 100dvh; max-height: none;
  padding: max(20px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));
  box-sizing: border-box; overflow: auto; display: flex; flex-direction: column;
  clip-path: none; border: 0; background: transparent; box-shadow: none;
}
#mpModal.mpFull .mpTitle { flex: none; color: #66d6ff; letter-spacing: .2em; font-size: 16px; text-align: left; padding: 0 0 16px; border-bottom: 1px solid #2a9aca40; }
#mpModal.mpFull #mpClose { display: none; }
#mpModal.mpFull #mpStatus:empty { display: none; }
#mpModal.mpFull #mpLobby { display: block; flex: 1 0 auto; width: min(1180px, 100%); margin: auto; padding: 24px 0 0; box-sizing: border-box; color: #c4e7fa; }
.lobbyBackdrop { position: fixed; inset: 0; z-index: -1; pointer-events: none; background: #020b16 url('backgrounds/lobby-poster.jpg') center/cover; }
.lobbyBackdrop video { width: 100%; height: 100%; object-fit: cover; }
.lobbyBackdrop::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, #01091460, #01091420 45%, #010914ba), linear-gradient(90deg, #01091455, transparent 40%, #01091435); }
.lobbyHeading { text-align: center; margin-bottom: 18px; }
#mpModal.mpFull #lobbyName { font-size: 10px; letter-spacing: .25em; color: #7babc6; margin: 0 0 7px; }
.lobbyHeading h1 { font: 600 clamp(24px, 3.8vw, 46px)/1.15 'Chakra Petch', sans-serif; letter-spacing: .16em; color: #e6f7ff; text-shadow: 0 0 22px #16a6fca0; margin: 0; }
#lobbyMode { letter-spacing: .3em; color: #78d6ff; font-size: 14px; margin-top: 9px; }
.lobbySearch { display: grid; grid-template-columns: 1fr 1.1fr 1fr; align-items: center; gap: 36px; }
.lobbyStatusPanel, .lobbyTimingPanel { padding: 24px; text-align: left; border: 1px solid #2386b96b; background: linear-gradient(135deg, #041729e8, #021020cc); box-shadow: inset 0 1px #70cfff16; }
.lobbyEyebrow { display: flex; gap: 12px; align-items: center; font-size: 12px; font-weight: 600; letter-spacing: .12em; color: #6ed4ff; }
.lobbyStatusPanel h2 { font-size: 19px; font-weight: 500; line-height: 1.3; margin: 18px 0 9px; color: #e5f5ff; }
.lobbyStatusPanel p { font: 14px/1.6 'Chakra Petch', sans-serif; color: #83acc5; margin: 0 0 22px; }
.lobbySpinner { width: 20px; height: 20px; flex: none; border: 2px solid #27beff40; border-top-color: #40d1ff; border-radius: 50%; animation: lobbyOrbit 2s linear infinite; }
#mpModal.mpFull #lobbyWait { justify-content: flex-start; align-items: flex-start; font-size: 12px; letter-spacing: .025em; line-height: 1.5; margin: 0; }
#lobbyWait .waitDot { flex: none; margin-top: 5px; }
#mpModal.mpFull #lobbyHint { font-size: 10px; letter-spacing: .02em; line-height: 1.5; margin-top: 8px; }
#lobbyEstimate { display: block; font: 600 clamp(23px, 2.6vw, 34px)/1.25 'Chakra Petch', sans-serif; color: #e3f5ff; text-shadow: 0 0 12px #3bacff60; margin: 9px 0 18px; }
.lobbyElapsedRow { display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #7ec5ed26; border-bottom: 1px solid #7ec5ed26; padding: 14px 0; font-size: 11px; letter-spacing: .1em; }
#lobbyElapsed { font-size: 20px; font-variant-numeric: tabular-nums; color: #b6eaff; }
.lobbyTipLabel { color: #40c9ff; font-size: 10px; letter-spacing: .16em; margin-top: 16px; }
#mpModal.mpFull #lobbyTip { display: block; min-height: 52px; margin: 5px 0 0; padding: 0; border: 0; background: none; max-width: none; text-align: left; font-size: 12px; line-height: 1.5; color: #93bcd4; }
.lobbyRadar { width: 100%; max-width: 310px; aspect-ratio: 1; margin: 12px auto; border: 1px solid #21b7ffbd; border-radius: 50%; position: relative; background: repeating-radial-gradient(circle, transparent 0 30px, #43afff23 31px 32px), linear-gradient(90deg, transparent 49.8%, #25b7ff25 50%, transparent 50.2%), linear-gradient(transparent 49.8%, #25b7ff25 50%, transparent 50.2%), #01172c9e; box-shadow: 0 0 40px #009dff1c, inset 0 0 40px #009dff18; }
.lobbyRadar::before { content: ''; position: absolute; inset: 12px; border-radius: 50%; border: 5px solid #1f9de637; border-top-color: #34d2ff; border-bottom-color: #229df6; animation: lobbyOrbit 14s linear infinite; }
.lobbyRadar::after { content: ''; position: absolute; inset: -9px; border: 1px dashed #23b7ff48; border-radius: 50%; }
.lobbyRadarSweep { position: absolute; inset: 26px; border-radius: 50%; background: conic-gradient(from 0deg, transparent 240deg, #15aeff35 360deg); animation: lobbyOrbit 8s linear infinite; }
.lobbyRadarShip { position: absolute; width: 55%; height: 55%; top: 19%; left: 22.5%; color: #3ccbff; transform: rotate(35deg); filter: drop-shadow(0 0 7px #009dff90); }
.lobbyRadarLabel { position: absolute; left: 0; bottom: 18%; width: 100%; text-align: center; font-size: 8px; letter-spacing: .16em; color: #7ebadb; }
.lobbyRadarLabel span { display: block; color: #3ee1ff; margin-top: 4px; font-size: 7px; }
.lobbyRosterHeading { display: flex; justify-content: space-between; font-size: 10px; letter-spacing: .2em; margin-top: 22px; color: #92bad0; }
#lobbyCount { color: #6bd9ff; font-variant-numeric: tabular-nums; }
#lobbyProgress { height: 2px; margin: 8px 0 18px; background: #4bacda20; }
#lobbyProgress span { display: block; width: var(--filled, 0%); height: 100%; background: #3ccfff; box-shadow: 0 0 10px #17c5ff80; transition: width .4s; }
#mpModal.mpFull #lobbyTeams { display: grid; grid-template-columns: 1fr 64px 1fr; gap: 0; margin: 0; }
#mpModal.mpFull .lobbyCol { border-radius: 0; padding: 16px; background: linear-gradient(135deg, #03192de8, #061322da); min-width: 0; }
#mpModal.mpFull .lobbyCol[data-team="1"] { background: linear-gradient(225deg, #27131de8, #101220da); }
#mpModal.mpFull .lobbyColHead { display: flex; justify-content: space-between; margin: 0 0 12px; font-size: 12px; border: 0; padding: 0; letter-spacing: .16em; }
#mpModal.mpFull .lobbyList { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 10px; min-height: 0; overflow: visible; }
#mpModal.mpFull .lobbyList > div { min-width: 0; min-height: 108px; padding: 12px 5px 9px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; border: 1px solid #266b955c; border-radius: 2px; background: #041527aa; box-sizing: border-box; font-size: 12px; }
#mpModal.mpFull .lobbyCol[data-team="1"] .lobbyList > div { border-color: #a455604f; background: #200e19a1; }
#mpModal.mpFull .lobbyList > .me { border-color: #46caff; background: linear-gradient(#0d51814d,#0264a74d); box-shadow: 0 0 17px #20b5ff33, inset 0 0 15px #0ea4ff22; }
.lobPilotIcon { width: 32px; height: 35px; flex: none; display: block; color: #5485a5; position: relative; }
.lobPilotIcon::before { content: ''; position: absolute; width: 14px; height: 17px; left: 9px; top: 1px; border-radius: 45%; background: currentColor; }
.lobPilotIcon::after { content: ''; position: absolute; width: 30px; height: 16px; bottom: 0; left: 1px; border-radius: 50% 50% 10% 10%; background: currentColor; }
.me .lobPilotIcon { color: #78dbff; filter: drop-shadow(0 0 6px #20b5ff75); }
.lobbyCol[data-team="1"] .lobPilotIcon { color: #ba6e80; }
.lobbyCol[data-team="1"] .me .lobPilotIcon { color: #ffa8b5; }
.lobPilotName { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; }
#mpModal.mpFull .lobEmpty { color: #5c829b; font-size: 10px; }
.lobEmpty .lobPilotIcon { opacity: .35; }
#mpModal.mpFull .lobP .founderBadge { position: absolute; top: 6px; right: 6px; width: 18px; height: 18px; }
#mpModal.mpFull .lobP em { margin: 0; font-size: 8px; padding: 1px 5px; }
#mpModal.mpFull .lobShip { margin: 0; font-size: 9px; }
#mpModal.mpFull .lobbySwitch { margin-top: 12px; padding: 8px; font-size: 10px; min-height: 34px; border-radius: 2px; }
#mpModal.mpFull .lobbySwitch:disabled { opacity: .6; cursor: default; }
.lobbyVersus { align-self: center; text-align: center; font-size: 23px; font-weight: 600; color: #b4e6ff; text-shadow: 0 0 18px #13aaff; }
.lobbyFooter { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 20px; padding-top: 26px; }
#mpModal.mpFull #leaveLobby { grid-area: auto; position: static; width: min(320px, 100%); padding: 15px 38px; margin: 0; border: 1px solid #ff747b; border-radius: 2px; background: linear-gradient(135deg,#451725d9,#251525e6); color: #ffe1e4; box-shadow: 0 0 22px #ff45451f, inset 0 0 16px #ff656517; font: 600 16px/1.2 'Chakra Petch',sans-serif; letter-spacing: .2em; }
#mpModal.mpFull #leaveLobby:hover { background: #702332df; border-color: #ffb5bb; }
#lobbyMotion { justify-self: start; background: #021221a0; color: #76a4bd; border: 1px solid #2f729140; font-size: 9px; letter-spacing: .08em; padding: 10px; }
.lobbyFooterNote { text-align: right; color: #71a3be; font-size: 9px; letter-spacing: .18em; }
@keyframes lobbyOrbit { to { transform: rotate(360deg); } }
.lobbyBackdrop video { display: block; }
/* The lobby has its own bounded screen. Content can scroll on unusually small
   displays; the action row has reserved space and never covers the roster. */
#mpModal.mpFull #mpPanel { overflow: hidden; padding: max(12px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left)); }
#mpModal.mpFull .mpTitle { margin: 0; padding: 0 0 10px; font-size: 13px; }
#mpModal.mpFull #mpLobby { display: flex; flex-direction: column; flex: 1 1 0; min-height: 0; padding: 0; margin: 0 auto; }
.lobbyContent { flex: 1 1 0; min-height: 0; overflow-y: auto; overflow-x: hidden; padding: 24px 2px 12px; scrollbar-width: thin; scrollbar-color: #297da2 transparent; }
.lobbyHeading { margin-bottom: 16px; }
.lobbyStatusPanel p, #lobbyPhase { display: none; }
.lobbyStatusPanel, .lobbyTimingPanel { padding: 20px; }
.lobbyStatusPanel .lobbyEyebrow { margin-bottom: 16px; }
#mpModal.mpFull #lobbyHint { text-align: left; }
.lobbyTipLabel { font-size: 12px; margin: 0 0 10px; }
#mpModal.mpFull #lobbyTip { min-height: 48px; font-size: 14px; line-height: 1.5; }
.lobbyRadar { max-width: min(280px,29vh); }
.lobbyRosterHeading { margin-top: 12px; }
#mpModal.mpFull .lobbyCol { padding: 14px; }
#mpModal.mpFull .lobbyList > div { min-height: 94px; }
.lobbyFooter { flex: 0 0 auto; display: grid; grid-template-columns: 1fr auto 1fr; gap: 16px; align-items: center; padding: 12px 2px 0; border-top: 1px solid #4eb1dd38; }
.lobbyElapsedRow { display: flex; justify-content: flex-start; gap: 12px; padding: 0; border: 0; font-size: 10px; }
#lobbyElapsed { font-size: 20px; }
#lobbyMotion { justify-self: end; font-size: 9px; min-height: 40px; }
#mpModal.mpFull #leaveLobby { min-height: 44px; padding: 12px 30px; font-size: 14px; }
.lobbyStill .lobbyRadar::before, .lobbyStill .lobbyRadarSweep, .lobbyStill .lobbySpinner, .lobbyStill .waitDot { animation-play-state: paused; }
/* Tablets and landscape phones: two small information panels, then the fleets.
   The large decorative radar gives its space back to the player cards. */
@media (max-width: 1050px), (max-height: 700px) {
  .lobbyContent { padding-top: 14px; }
  .lobbyHeading h1 { font-size: 28px; letter-spacing: .12em; }
  #lobbyMode { font-size: 11px; margin-top: 6px; }
  .lobbyHeading { margin-bottom: 12px; }
  .lobbyRadar { display: none; }
  .lobbySearch { grid-template-columns: 1fr 1fr; gap: 12px; align-items: stretch; }
  .lobbyStatusPanel, .lobbyTimingPanel { padding: 12px 14px; }
  .lobbyStatusPanel .lobbyEyebrow { margin-bottom: 8px; font-size: 10px; }
  .lobbySpinner { width: 14px; height: 14px; }
  #mpModal.mpFull #lobbyWait { font-size: 12px; }
  #mpModal.mpFull #lobbyHint { display: none; }
  .lobbyTipLabel { font-size: 10px; margin-bottom: 6px; }
  #mpModal.mpFull #lobbyTip { font-size: 12px; min-height: 0; line-height: 1.4; margin: 0; }
  #mpModal.mpFull #lobbyTeams { grid-template-columns: 1fr 32px 1fr; }
  .lobbyVersus { font-size: 17px; }
  #mpModal.mpFull .lobbyCol { padding: 10px; }
  #mpModal.mpFull .lobbyColHead { font-size: 10px; margin-bottom: 8px; }
  #mpModal.mpFull .lobbyList { gap: 6px; }
  #mpModal.mpFull .lobbyList > div { min-height: 74px; padding: 7px 4px; font-size: 11px; gap: 3px; }
  .lobPilotIcon { width: 26px; height: 28px; }
  .lobPilotIcon::before { left: 7px; width: 12px; height: 14px; }
  .lobPilotIcon::after { width: 24px; height: 13px; }
  #mpModal.mpFull .lobbySwitch { margin-top: 8px; min-height: 34px; padding: 6px; }
}
/* Short landscape screens get a deliberate horizontal header and compact
   pilot cards. No scaled-down desktop, cropped footer, or hidden tips. */
@media (max-height: 500px) and (min-width: 541px) {
  #mpModal.mpFull #mpPanel { padding: max(8px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left)); }
  #mpModal.mpFull .mpTitle { display: none; }
  .lobbyContent { padding-top: 2px; padding-bottom: 6px; }
  .lobbyHeading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 10px; min-height: 30px; }
  #mpModal.mpFull #lobbyName { display: none; }
  .lobbyHeading h1 { font-size: 22px; letter-spacing: .1em; }
  #lobbyMode { margin: 0; font-size: 10px; white-space: nowrap; }
  .lobbyStatusPanel, .lobbyTimingPanel { padding: 8px 12px; }
  .lobbyStatusPanel .lobbyEyebrow { margin-bottom: 5px; }
  #mpModal.mpFull #lobbyWait { font-size: 11px; }
  .lobbyRosterHeading { margin-top: 9px; font-size: 9px; }
  #lobbyProgress { margin: 5px 0 9px; }
  #mpModal.mpFull .lobbyList > div { min-height: 58px; padding: 5px 4px; }
  .lobPilotIcon { width: 21px; height: 21px; }
  .lobPilotIcon::before { left: 6px; width: 9px; height: 11px; top: 0; }
  .lobPilotIcon::after { width: 19px; height: 10px; }
  #mpModal.mpFull .lobbyCol { padding: 8px; }
  #mpModal.mpFull .lobbySwitch { min-height: 32px; margin-top: 6px; padding: 4px; }
  .lobbyFooter { padding-top: 7px; }
  #mpModal.mpFull #leaveLobby { min-height: 40px; padding: 10px 24px; font-size: 12px; }
  #lobbyMotion { min-height: 36px; }
}
/* Portrait uses two stacked fleet panels with three readable slots each. */
@media (max-width: 540px) {
  #mpModal.mpFull #mpPanel { padding: max(10px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left)); }
  #mpModal.mpFull .mpTitle { font-size: 10px; padding-bottom: 8px; }
  .lobbyContent { padding-top: 12px; }
  #mpModal.mpFull #lobbyName { display: none; }
  .lobbyHeading h1 { font-size: 23px; letter-spacing: .09em; }
  .lobbyHeading { margin-bottom: 12px; }
  .lobbySearch { grid-template-columns: 1fr; gap: 8px; }
  .lobbyStatusPanel { padding: 0 0 4px; background: none; border: 0; box-shadow: none; }
  .lobbyStatusPanel .lobbyEyebrow { display: none; }
  #mpModal.mpFull #lobbyWait { justify-content: center; font-size: 11px; }
  .lobbyTimingPanel { padding: 9px 12px; display: flex; align-items: flex-start; gap: 10px; }
  .lobbyTipLabel { flex: none; font-size: 9px; margin: 2px 0 0; }
  #mpModal.mpFull #lobbyTip { font-size: 11px; }
  .lobbyRosterHeading { font-size: 9px; }
  #lobbyProgress { margin: 5px 0 10px; }
  #mpModal.mpFull #lobbyTeams { grid-template-columns: 1fr; gap: 10px; }
  .lobbyVersus { display: none; }
  #mpModal.mpFull .lobbyList > div { min-height: 72px; }
  .lobbyFooter { grid-template-columns: auto 1fr; gap: 8px 14px; padding-top: 10px; }
  .lobbyElapsedRow { flex-direction: column; align-items: flex-start; gap: 1px; font-size: 8px; }
  #lobbyElapsed { font-size: 18px; }
  #mpModal.mpFull #leaveLobby { grid-column: 2; width: 100%; padding: 12px; font-size: 12px; }
  #lobbyMotion { grid-column: 1/3; justify-self: center; min-height: 28px; padding: 6px 10px; font-size: 8px; }
}
@media (prefers-reduced-motion: reduce) { .lobbyRadar::before, .lobbyRadarSweep, .lobbySpinner, #lobbyWait .waitDot { animation: none; } }
/* Search and found are separate screens. Rosters are never displayed during search. */
#mpModal.mpFull #mpLobby .lobbyContent{display:flex;flex-direction:column;justify-content:center;padding:18px 2px;gap:18px}
#mpModal.mpFull #lobbyName,#mpModal.mpFull .lobbyStatusPanel,#mpModal.mpFull .lobbyRosterHeading,#mpModal.mpFull #lobbyProgress,#mpModal.mpFull .lobbySwitch{display:none}
#mpModal.mpFull .lobbyHeading{display:block;margin:0;text-align:center}
#mpModal.mpFull .lobbyHeading h1{font-size:clamp(22px,3.4vw,46px);letter-spacing:.13em}
#mpModal.mpFull #lobbyMode{font-size:14px;letter-spacing:.3em;margin-top:10px}
#mpModal.mpFull .lobbySearch{display:flex;flex-direction:column;align-items:center;gap:22px}
#mpModal.mpFull .lobbyRadar{display:block;width:min(34vh,340px);max-width:none;margin:8px auto;flex:none}
#mpModal.mpFull .lobbyRadarLabel{display:none}
#mpModal.mpFull .lobbyTimingPanel{width:min(640px,100%);box-sizing:border-box;padding:16px 24px;background:#03182bdc;border:1px solid #37b7e75c;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}
#mpModal.mpFull #lobbyTip{min-height:0;font-size:14px;margin:0}
#mpModal.mpFull .lobbyFooter{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;padding:10px 0 0}
#mpModal.mpFull .lobbyElapsedRow{display:grid;grid-template-columns:auto auto;gap:4px 20px;text-align:center;justify-content:center}
#mpModal.mpFull .lobbyElapsedRow span{font-size:9px;color:#8bb7d3;letter-spacing:.08em}
#mpModal.mpFull .lobbyElapsedRow span:nth-of-type(2){grid-column:2;grid-row:1}
#lobbyEstimate,#lobbyElapsed{font:600 24px 'Chakra Petch',sans-serif;color:#c8f0ff;grid-row:2}
#mpModal.mpFull #lobbyTeams[hidden]{display:none!important}
#mpModal.mpFull .matchFound .lobbySearch{display:none}
#mpModal.mpFull .matchFound .lobbyContent{gap:32px}
#mpModal.mpFull #lobbyTeams{grid-template-columns:minmax(0,1fr) 150px minmax(0,1fr);align-items:center;gap:20px}
#mpModal.mpFull .lobbyList{display:flex;flex-direction:column;gap:8px}
#mpModal.mpFull .lobbyList>.lobP{min-height:64px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;padding:12px;gap:10px;text-align:left}
#mpModal.mpFull .lobPilotName{font-size:14px;justify-self:start}
#mpModal.mpFull .lobShip{grid-column:2;font-size:10px;color:#7cb9d6}
#mpModal.mpFull .lobbyCol{border:1px solid #28c2f2;padding:16px;background:#02162de6;box-shadow:0 0 24px #008bd720}
#mpModal.mpFull .lobbyCol[data-team="1"]{border-color:#eb617c;background:#211020e6}
#mpModal.mpFull .lobbyVersus{display:flex;flex-direction:column;align-items:center;gap:18px;font-size:12px;letter-spacing:.2em}
#lobbyLaunchCount{display:grid;place-items:center;width:120px;height:120px;border:2px solid #38c9fb;border-radius:50%;box-shadow:0 0 0 10px #22aaff10,inset 0 0 30px #168acc40;font-size:56px;letter-spacing:0;color:#e1faff}
#mpModal.mpFull .matchFound .lobbyElapsedRow{visibility:hidden}
@media(max-width:600px){
#mpModal.mpFull #mpLobby .lobbyContent{gap:18px}
#mpModal.mpFull .lobbyRadar{width:min(32vh,240px)}
#mpModal.mpFull .lobbyFooter{grid-template-columns:1fr auto}
#mpModal.mpFull .lobbyElapsedRow{grid-column:1/3}
#mpModal.mpFull #leaveLobby{grid-column:1;width:100%;min-height:44px;font-size:11px}
#mpModal.mpFull #lobbyMotion{grid-column:2;font-size:8px}
#mpModal.mpFull #lobbyTeams{grid-template-columns:1fr;gap:12px}
#mpModal.mpFull .lobbyVersus{grid-row:1;flex-direction:row;justify-content:center;gap:14px}
#lobbyLaunchCount{width:54px;height:54px;font-size:30px;box-shadow:0 0 0 5px #22aaff10}
#mpModal.mpFull .lobbyList>.lobP{min-height:42px;padding:5px 10px;grid-template-columns:26px minmax(0,1fr) auto}
#mpModal.mpFull .lobPilotIcon{height:24px;width:26px}
#mpModal.mpFull .matchFound .lobbyContent{gap:16px}
#mpModal.mpFull .matchFound .lobbyElapsedRow{display:none}
}
@media(max-height:500px) and (min-width:601px){
#mpModal.mpFull #mpLobby .lobbyContent{gap:8px;padding:6px 2px;justify-content:flex-start}
#mpModal.mpFull .lobbyHeading h1{font-size:23px}
#mpModal.mpFull #lobbyMode{font-size:10px;margin-top:4px}
#mpModal.mpFull .lobbySearch{display:grid;grid-template-columns:150px minmax(0,380px);justify-content:center;gap:30px;flex:1;align-content:center}
#mpModal.mpFull .lobbyRadar{width:145px;margin:8px}
#mpModal.mpFull .lobbyTimingPanel{padding:12px 16px}
#mpModal.mpFull .lobbyFooter{padding-top:6px}
#mpModal.mpFull #lobbyTeams{grid-template-columns:minmax(0,1fr) 85px minmax(0,1fr);gap:14px}
#mpModal.mpFull .lobbyList>.lobP{min-height:42px;padding:5px 8px;grid-template-columns:24px minmax(0,1fr) auto}
#mpModal.mpFull .lobbyCol{padding:10px}
#mpModal.mpFull .lobPilotName{font-size:12px}
#mpModal.mpFull .matchFound .lobbyContent{gap:14px}
#lobbyLaunchCount{width:72px;height:72px;font-size:38px}
#mpModal.mpFull .matchFound .lobbyFooter{grid-template-columns:1fr auto}
#mpModal.mpFull .matchFound .lobbyElapsedRow{display:none}
}
#mpModal.mpFull .lobbySearch .lobbyElapsedRow{width:min(560px,100%);box-sizing:border-box;grid-template-columns:1fr 1fr;padding:14px 24px;border:1px solid #3197c660;background:#03182be6;gap:4px 28px;justify-self:center}
#mpModal.mpFull #leaveLobby{grid-column:2;justify-self:center}
#mpModal.mpFull #lobbyMotion{grid-column:3}
@media(max-height:500px) and (min-width:601px){
#mpModal.mpFull .lobbySearch{grid-template-rows:auto auto;gap:10px 26px}
#mpModal.mpFull .lobbyRadar{grid-column:1;grid-row:1/3}
#mpModal.mpFull .lobbySearch .lobbyElapsedRow{grid-column:2;grid-row:1;padding:8px 16px}
#mpModal.mpFull .lobbyTimingPanel{grid-column:2;grid-row:2}
#mpModal.mpFull .matchFound .lobbyFooter{grid-template-columns:1fr auto 1fr}
}
@media(max-width:600px){#mpModal.mpFull #leaveLobby{grid-column:1}#mpModal.mpFull #lobbyMotion{grid-column:2}#mpModal.mpFull .lobbySearch{gap:14px}}