/* Approved brand hierarchy: TB primary, horizontal wordmark and circular badge secondary. */
.header .brand{top:0;display:flex;align-items:center;justify-content:center;min-width:64px;min-height:44px}
.header .brand img{width:76px;height:52px;object-fit:contain;transition:transform .18s ease}
.header .brand:hover img{transform:rotate(-4deg)}
.game-back{display:flex;align-items:center;gap:10px}
.game-back-mark{display:block;width:34px;height:24px;object-fit:contain}
.room-wordmark{display:block;width:min(270px,calc(100% - 24px));height:auto;max-height:88px;object-fit:contain;object-position:left center;margin:0 0 17px}
.room-brand-badge{display:block;width:60px;height:60px;object-fit:contain;margin:0 0 12px}
.about-brand-badge{display:block;width:104px;height:104px;object-fit:contain;margin:0 0 22px}
@media(max-width:700px){.header .brand img{width:59px;height:40px}.game-back-mark{width:27px;height:20px}.game-back{gap:6px}.room-wordmark{max-height:69px;margin-bottom:13px}.room-brand-badge{width:48px;height:48px;margin-bottom:8px}}
@media(max-height:600px){.room-wordmark{max-height:54px;margin-bottom:8px}.room-brand-badge{width:40px;height:40px;margin-bottom:6px}.about-brand-badge{width:70px;height:70px;margin-bottom:14px}}
@media(prefers-reduced-motion:reduce){.header .brand img{transition:none}}
.room-brand-badge,.about-brand-badge{clip-path:circle(46% at 50% 50%)}
@media(max-width:650px){.game-back .game-back-mark{display:none}}