/* Official brand artwork replaces the retired constructed wordmark and seal. */
.brand-home{appearance:none;flex:0 1 245px;min-width:145px;max-width:245px;height:64px;padding:0;border:0;background:transparent;cursor:pointer}
.brand-logo,.auth-logo{display:block;width:100%;height:100%;object-fit:contain;object-position:left center}
.brand-home:focus-visible{outline:2px solid var(--brass);outline-offset:4px;border-radius:3px}
.topbar{position:relative}.discord-header-link{position:absolute;left:50%;top:50%;width:190px;height:70px;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:12px;transition:filter .15s,transform .15s;z-index:2}.discord-header-link img{display:block;width:100%;height:100%;object-fit:contain}.discord-header-link:hover{filter:brightness(1.12);transform:translate(-50%,-52%)}.discord-header-link:focus-visible{outline:2px solid #5865f2;outline-offset:2px}
.auth-brand{width:min(360px,78vw);height:104px;margin:0 auto 30px;transform:translateX(10px)}
.auth-logo{max-width:100%;max-height:100%}
@media(max-width:1100px){.brand-home{flex-basis:205px;max-width:205px}.topbar{gap:12px}.town-name{white-space:nowrap}}
@media(max-width:950px){.brand-home{flex-basis:180px;max-width:180px;min-width:130px}.discord-header-link{width:150px;height:58px}}
@media(max-width:600px){.brand-home{flex-basis:145px;max-width:145px;height:52px;min-width:112px}.auth-brand{height:88px}.discord-header-link{width:105px;height:44px}}
/* Give community and account controls their own cells instead of overlapping Events. */
@media(max-width:950px){
  .topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;height:auto;min-height:82px;padding:8px 12px;gap:4px 12px}
  .brand-home{grid-column:1;grid-row:1;width:100%}
  .topbar .player-mini{grid-column:2;grid-row:1;justify-self:end}
  .discord-header-link{position:static;grid-column:1;grid-row:2;transform:none;height:44px}
  .discord-header-link:hover{transform:translateY(-2px)}
  .topbar .events-control{grid-column:2;grid-row:2;justify-self:end}
}