/* Larger text in the three highlighted lobby areas. The flexible hero absorbs the extra space. */
body.royal-theme #lobby .lobby-heading{height:56px;min-height:56px;flex-basis:56px}
body.royal-theme #lobby .lobby-heading h1,body.royal-theme #lobby #royalPlayerName{font-size:23px;line-height:1.15}
body.royal-theme #lobby .lobby-xp>b,body.royal-theme #lobby .lobby-xp>span{font-size:11px}
body.royal-theme #lobby .lobby-xp{gap:6px;min-width:0;flex-wrap:wrap}
body.royal-theme #lobby .lobby-xp>div{height:6px;width:80px}
body.royal-theme #lobby #nextUnlock99{font-size:12px;line-height:1.35;min-height:40px;padding:7px 9px;white-space:normal;overflow-wrap:anywhere}
body.royal-theme #lobby #cpuStyleLabel,body.royal-theme #lobby #lobbyDifficulty98{font-size:13px;line-height:1.25;min-height:38px;gap:8px;align-items:center}
body.royal-theme #lobby #cpuStyle,body.royal-theme #lobby #lobbyDifficulty98 select{font-size:13px;height:38px;min-height:38px;padding:6px 9px;min-width:0}
body.royal-theme #lobby .quick81{flex-basis:50px}
body.royal-theme #lobby .quick81 button{font-size:13px;min-height:50px;padding:7px 4px;gap:4px}
body.royal-theme #lobby .quick81 button span{font-size:19px}
@media(max-height:700px){body.royal-theme #lobby .lobby-heading{height:50px;min-height:50px;flex-basis:50px}body.royal-theme #lobby .quick81{flex-basis:46px}body.royal-theme #lobby .quick81 button{min-height:46px}}
@media(max-width:370px){body.royal-theme #lobby .quick81 button{font-size:12px}body.royal-theme #lobby .quick81 button span{font-size:17px}}