/* Shared header wordmark: same typography/palette/art dimensions as the lobby. */
html body #app .header-left .sft-brand-unified{align-items:center!important;gap:15px!important;text-decoration:none!important;color:#f8f5fa!important}
html body #app .header-left .sft-brand-unified-name{display:inline-block!important;margin:0!important;padding:0!important;color:#f8f5fa!important;font:700 23px/1.1 Arial,Helvetica,sans-serif!important;letter-spacing:-.7px!important;white-space:nowrap!important;text-transform:none!important}
html body #app .header-left .sft-brand-unified-name>.sft-brand-unified-fun{color:#f48dbf!important;font:inherit!important;letter-spacing:inherit!important}
html body #app .header-left .sft-brand-unified-art{display:block!important;width:92px!important;height:62px!important;min-width:0!important;max-width:none!important;max-height:none!important;object-fit:contain!important;flex-shrink:0!important;border-radius:0!important;margin:0!important;padding:0!important;background:transparent!important}
html body #app .header-left .sft-brand-unified-fallback{display:flex;flex-shrink:0}
@media(max-width:1050px){html body #app .header-left .sft-brand-unified-name{font-size:21px!important}}
@media(max-width:680px){html body #app .header-left .sft-brand-unified{gap:8px!important}html body #app .header-left .sft-brand-unified-name{font-size:17px!important}html body #app .header-left .sft-brand-unified-art{width:61px!important;height:42px!important}}
@media(max-width:639px){html body.sft-game-playing #app .header-left .sft-brand-unified-art{height:auto!important;max-height:36px!important;max-width:26vw!important}}
@media(max-width:440px){html body.sft-game-playing #app .header-left .sft-brand-unified{display:none!important}}

/* Match the lobby's wrapping mobile header without changing its game layout. */
@media(max-width:680px){
 html body:not(.sft-lobby) #app .el-header.sft-brand-shared-header{height:auto!important;min-height:70px!important}
 html body:not(.sft-lobby) #app .el-header.sft-brand-shared-header .header-container{height:auto!important;min-height:70px!important;flex-wrap:wrap!important;gap:8px 12px!important;padding:8px 14px!important}
 html body:not(.sft-lobby) #app .el-header.sft-brand-shared-header .header-left{flex:1 1 auto!important;min-width:0}
 html body:not(.sft-lobby) #app .el-header.sft-brand-shared-header .header-right{flex:0 0 auto!important;margin-left:auto}
}