/* Keep the full player summary aligned with branding in a short landscape lobby. */
@media(orientation:landscape) and (max-height:520px) and (max-width:1200px){
 html body.sft-lobby:not(.sft-game-playing) #app > .el-header{height:64px!important;min-height:64px!important;max-height:64px!important;padding:0!important}
 html body.sft-lobby:not(.sft-game-playing) #app > .el-header .header-container{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between!important;height:64px!important;min-height:64px!important;padding:4px 18px!important;gap:12px!important;width:100%!important}
 html body.sft-lobby:not(.sft-game-playing) #app > .el-header .header-container .header-left{display:flex!important;flex:0 1 auto!important;flex-basis:auto!important;align-items:center!important;gap:0!important;min-width:0!important}
 html body.sft-lobby:not(.sft-game-playing) #app > .el-header .header-container .header-right:has(.sft-player-card){display:flex!important;flex:0 0 auto!important;flex-wrap:nowrap!important;align-items:center!important;width:auto!important;gap:10px!important;margin-left:auto!important}
 html body.sft-lobby:not(.sft-game-playing) #app > .el-header .header-left .sft-brand-unified,
 html body.sft-lobby:not(.sft-game-playing) #app > .el-header .header-left .sft-lobby-brand{display:flex!important;align-items:center!important;gap:10px!important}
 html body.sft-lobby:not(.sft-game-playing) #app > .el-header .sft-brand-unified-name,
 html body.sft-lobby:not(.sft-game-playing) #app > .el-header .sft-lobby-brand-name{font-size:18px!important;line-height:1.1!important;letter-spacing:-.6px!important;white-space:nowrap!important}
 html body.sft-lobby:not(.sft-game-playing) #app > .el-header .header-left .sft-brand-unified-art,
 html body.sft-lobby:not(.sft-game-playing) #app > .el-header .header-left .sft-lobby-brand-art{width:56px!important;height:40px!important;object-fit:contain!important;flex-shrink:0!important}
 html body.sft-lobby:not(.sft-game-playing) #app > .el-header .sft-player-card{width:170px!important;flex:0 0 170px!important;gap:8px!important}
 html body.sft-lobby:not(.sft-game-playing) #app > .el-header .sft-player-avatar{width:36px!important;height:36px!important;flex-basis:36px!important}
 html body.sft-lobby:not(.sft-game-playing) #app > .el-header .sft-player-avatar img{width:28px!important;height:28px!important}
 html body.sft-lobby:not(.sft-game-playing) #app > .el-header .sft-player-level{font-size:8px!important;min-width:16px!important}
 html body.sft-lobby:not(.sft-game-playing) #app > .el-header .sft-player-membership{padding:2px 0!important;gap:2px!important}
 html body.sft-lobby:not(.sft-game-playing) #app > .el-header .sft-player-name{font-size:12px!important;line-height:1.2!important}
 html body.sft-lobby:not(.sft-game-playing) #app > .el-header .sft-player-tier-line{font-size:10px!important;line-height:1.2!important;gap:4px!important}
 html body.sft-lobby:not(.sft-game-playing) #app > .el-header .sft-player-progress{height:3px!important;margin:1px 0!important}
 html body.sft-lobby:not(.sft-game-playing) #app > .el-header .sft-player-xp{font-size:9px!important;line-height:1.2!important}
 html body.sft-lobby:not(.sft-game-playing) #app > .el-header .gold-coin-header{min-height:38px!important;padding:7px 9px!important;gap:6px!important}
 html body.sft-lobby:not(.sft-game-playing) #app > .el-header .gold-coin-header img{width:18px!important;height:18px!important}
 html body.sft-lobby:not(.sft-game-playing) #app > .el-header .gold-coin-header .balance{font-size:14px!important;line-height:1.2!important}
 html body.sft-lobby:not(.sft-game-playing) #app > .el-header .header-right .login-btn{min-height:38px!important;padding:9px 12px!important;margin:0!important;font-size:11px!important;line-height:1.4!important;white-space:nowrap!important}
}
@media(orientation:landscape) and (max-height:520px) and (max-width:700px){
 html body.sft-lobby:not(.sft-game-playing) #app > .el-header .header-left .sft-brand-unified-art,
 html body.sft-lobby:not(.sft-game-playing) #app > .el-header .header-left .sft-lobby-brand-art{display:none!important}
 html body.sft-lobby:not(.sft-game-playing) #app > .el-header .header-container{padding-left:12px!important;padding-right:12px!important}
 html body.sft-lobby:not(.sft-game-playing) #app > .el-header .sft-player-card{width:154px!important;flex-basis:154px!important}
}
@media(orientation:landscape) and (max-height:520px) and (max-width:560px){
 html body.sft-lobby:not(.sft-game-playing) #app > .el-header .sft-brand-unified-name,
 html body.sft-lobby:not(.sft-game-playing) #app > .el-header .sft-lobby-brand-name{font-size:16px!important}
 html body.sft-lobby:not(.sft-game-playing) #app > .el-header .sft-player-card{width:136px!important;flex-basis:136px!important;gap:6px!important}
 html body.sft-lobby:not(.sft-game-playing) #app > .el-header .header-container .header-right:has(.sft-player-card){gap:7px!important}
 html body.sft-lobby:not(.sft-game-playing) #app > .el-header .header-right .login-btn{padding-left:9px!important;padding-right:9px!important;font-size:10px!important}
 html body.sft-lobby:not(.sft-game-playing) #app > .el-header .gold-coin-header{padding-left:7px!important;padding-right:7px!important}
}
@media(orientation:landscape) and (max-height:520px) and (max-width:479px){
 html body.sft-lobby:not(.sft-game-playing) #app > .el-header{height:auto!important;max-height:none!important}
 html body.sft-lobby:not(.sft-game-playing) #app > .el-header .header-container{height:auto!important;flex-wrap:wrap!important;gap:5px!important;padding-top:6px!important;padding-bottom:6px!important}
 html body.sft-lobby:not(.sft-game-playing) #app > .el-header .header-container .header-left{flex-basis:100%!important}
 html body.sft-lobby:not(.sft-game-playing) #app > .el-header .header-container .header-right:has(.sft-player-card){width:100%!important;flex:1 1 100%!important;justify-content:space-between!important}
}