/* One vector identity: full wordmark at entry, compact crest during play. */
.brand-logo{display:block;width:198px;height:64px;flex-shrink:0}
.match-logo{display:none;position:fixed;z-index:20;top:max(12px,env(safe-area-inset-top,0px));left:max(12px,env(safe-area-inset-left,0px));width:44px;height:44px}
.match-logo img{display:block;width:100%;height:100%}
body.match-started .match-logo{display:block}
@media(min-width:1025px){
 body:is(.is-intro,.is-entry)>header{max-width:1100px;height:96px;padding:0 40px;border-bottom:0}
 body:is(.is-intro,.is-entry) .menu-toggle{top:26px;right:max(40px,calc((100% - 1100px)/2 + 40px))}
}
@media(max-width:1024px){
 .brand-logo{width:148.5px;height:48px}
 .match-started .boardtop{padding-left:52px}
}