/* The lobby fits the WebView viewport; secondary content lives in its own dialog. */
body.royal-theme[data-screen="lobby"]{height:100vh;height:100dvh;min-height:0;overflow:hidden;display:flex;flex-direction:column}
body.royal-theme[data-screen="lobby"]>header{flex:0 0 40px;height:40px;min-height:0;padding:3px 12px;box-sizing:border-box}
body.royal-theme[data-screen="lobby"]>header .brand{font-size:13px}
body.royal-theme[data-screen="lobby"]>header button{min-height:32px;height:32px;padding:4px 8px}
body.royal-theme[data-screen="lobby"]>header .live{display:none}
body.royal-theme[data-screen="lobby"] #lobby{flex:1;display:flex;flex-direction:column;gap:8px;min-height:0;max-height:calc(100dvh - 40px);padding:8px 12px 10px;margin:0 auto;overflow:hidden;box-sizing:border-box}
body.royal-theme #lobby .lobby-heading{flex:0 0 auto;min-height:45px;margin:0;gap:9px}
body.royal-theme #lobby .lobby-heading h1{font-size:22px;margin:0;line-height:1.1}
body.royal-theme #lobby .lobby-heading .mini-label{display:none}
body.royal-theme #lobby .lobby-xp{margin-top:4px}
body.royal-theme #lobby .lobby-grid{flex:1;min-height:0;display:grid;grid-template-columns:1fr;grid-template-rows:minmax(70px,1fr) auto;gap:8px}
body.royal-theme #lobby .lodge-hero{height:auto;min-height:0;max-height:none;margin:0;border-radius:16px;background-position:center 58%}
body.royal-theme #lobby .hero-copy{top:0;left:0;padding:12px 16px}
body.royal-theme #lobby .hero-copy h2{font-size:clamp(25px,6vw,42px);margin:6px 0;line-height:1}
body.royal-theme #lobby .hero-copy p,body.royal-theme #lobby .hero-caption,body.royal-theme #lobby .season-tag{display:none}
body.royal-theme #lobby .intro-replay{padding:6px 10px;min-height:28px;font-size:9px;margin:0}
body.royal-theme #lobby .lobby-play{margin:0;padding:8px 10px;min-height:0}
body.royal-theme #lobby .section-title,body.royal-theme #lobby .play-note,body.royal-theme #lobby .loadout-card{display:none}
body.royal-theme #lobby .mode-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
body.royal-theme #lobby .mode-card{min-height:58px;padding:6px 3px;gap:3px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
body.royal-theme #lobby .mode-card b{font-size:11px;margin:0}
body.royal-theme #lobby .mode-card small,body.royal-theme #lobby .mode-card>i,body.royal-theme #lobby .mode-symbol{display:none}
body.royal-theme #lobby #cpuStyleLabel{display:flex;align-items:center;gap:8px;margin:6px 0 0;font-size:10px}
body.royal-theme #lobby #cpuStyle{min-height:36px;height:36px;padding:4px 7px;font-size:11px;flex:1}
body.royal-theme #lobby #homePlay{min-height:51px;margin-top:7px;padding:9px 15px;font-size:20px}
body.royal-theme #lobby #resume49:not(.hidden){min-height:36px;padding:5px 10px;font-size:11px;margin:0}
body.royal-theme #lobby #resumeNote49{display:none}
body.royal-theme #lobby #lobbyMore66{flex:0 0 auto;min-height:40px;padding:7px 10px;margin:0;font-size:11px}
body.royal-theme #lobby .bottom-nav{position:static;transform:none;left:auto;bottom:auto;flex:0 0 auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;max-width:none;margin:0;padding:4px;border-radius:13px;box-sizing:border-box;backdrop-filter:none}
body.royal-theme #lobby .bottom-nav button{min-height:47px;padding:4px 2px;font-size:9px}
body.royal-theme #lobbyMenu66{max-height:88dvh;overflow-y:auto;width:min(92vw,800px)}
body.royal-theme #lobbyMenu66 .extras48{margin-top:14px}
@media(min-width:760px),(orientation:landscape){body.royal-theme #lobby .lobby-grid{grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr)}body.royal-theme #lobby .lobby-play{align-self:center;width:100%}}
@media(max-height:550px){body.royal-theme[data-screen="lobby"]>header{display:none}body.royal-theme[data-screen="lobby"] #lobby{max-height:100dvh;gap:5px;padding:5px 10px}body.royal-theme #lobby .lobby-heading{min-height:34px}body.royal-theme #lobby .lobby-heading h1{font-size:18px}body.royal-theme #lobby .royal-arena-badge{display:none}body.royal-theme #lobby .mode-card{min-height:44px}body.royal-theme #lobby .hero-copy h2{font-size:24px}body.royal-theme #lobby .intro-replay{display:none}body.royal-theme #lobby .bottom-nav button{min-height:42px}}