/* Compact only during play in short landscape viewports; preserve game aspect ratio. */
html body #app .sft-landscape-back{display:none!important}
@media(orientation:landscape) and (max-height:520px) and (max-width:1200px){
 html body.sft-game-playing #app > .el-header{height:48px!important;min-height:48px!important;max-height:48px!important;padding:0!important}
 html body.sft-game-playing #app > .el-header .header-container{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;height:48px!important;min-height:48px!important;padding:2px 10px!important;width:100%!important}
 html body.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:8px!important;min-width:0!important}
 html body.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-game-playing #app > .el-header .sft-brand-unified-art,
 html body.sft-game-playing #app > .el-header .sft-lobby-brand-art,
 html body.sft-game-playing #app > .el-header .sft-brand-unified-fallback{display:none!important}
 html body.sft-game-playing #app > .el-header .sft-brand-unified-name,
 html body.sft-game-playing #app > .el-header .sft-lobby-brand-name{font-size:16px!important;line-height:1!important;letter-spacing:-.5px!important}
 html body.sft-game-playing #app > .el-header .sft-game-menu{min-height:38px!important;padding:6px 10px!important;font-size:12px!important;white-space:nowrap!important}
 html body.sft-game-playing #app > .el-header .sft-player-card{width:126px!important;gap:7px!important;flex:0 0 126px!important}
 html body.sft-game-playing #app > .el-header .sft-player-avatar{width:30px!important;height:30px!important;flex-basis:30px!important}
 html body.sft-game-playing #app > .el-header .sft-player-avatar img{width:22px!important;height:22px!important}
 html body.sft-game-playing #app > .el-header .sft-player-level{font-size:8px!important;min-width:16px!important;padding:1px 3px!important}
 html body.sft-game-playing #app > .el-header .sft-player-membership{padding:0!important;gap:0!important}
 html body.sft-game-playing #app > .el-header .sft-player-tier-line{font-size:10px!important;gap:3px!important}
 html body.sft-game-playing #app > .el-header .sft-player-name,
 html body.sft-game-playing #app > .el-header .sft-player-progress,
 html body.sft-game-playing #app > .el-header .sft-player-xp,
 html body.sft-game-playing #app > .el-header .sft-player-gift{display:none!important}
 html body.sft-game-playing #app > .el-header .gold-coin-header{min-height:36px!important;padding:6px 10px!important;gap:6px!important}
 html body.sft-game-playing #app > .el-header .gold-coin-header img{width:18px!important;height:18px!important}
 html body.sft-game-playing #app > .el-header .gold-coin-header .balance{font-size:13px!important;line-height:1.2!important}
 html body.sft-game-playing #app > .el-header .sft-wallet-label,
 html body.sft-game-playing #app > .el-header .header-right > a[href="/getcoins"]{display:none!important}
 html body.sft-game-playing #app > .el-header .sft-landscape-back{display:inline-flex!important;align-items:center;justify-content:center;flex-shrink:0;min-height:40px;border:1px solid #ef4c9e;border-radius:9px;background:#df267f;color:#fff;padding:7px 12px;font:700 12px/1.2 Arial,sans-serif;white-space:nowrap;cursor:pointer}
 html body.sft-game-playing #app > .el-header .sft-landscape-back:focus-visible{outline:2px solid #f1ce78;outline-offset:2px}
 html body.sft-game-playing #app .embedded-player{padding-bottom:env(safe-area-inset-bottom,0px)!important}
 html body.sft-game-playing #app .embedded-player-toolbar{display:none!important}
}
@media(orientation:landscape) and (max-height:520px) and (max-width:560px){
 html body.sft-game-playing #app > .el-header .header-left .sft-brand-unified,
 html body.sft-game-playing #app > .el-header .header-left .sft-lobby-brand{display:none!important}
 html body.sft-game-playing #app > .el-header .header-container .header-right:has(.sft-player-card){gap:7px!important}
 html body.sft-game-playing #app > .el-header .sft-player-card{width:112px!important;flex-basis:112px!important}
}