.brand .barsquares-wordmark{display:block;width:180px;height:auto;max-width:100%;object-fit:contain}.brand{flex-shrink:0}.venue-sign-brand img,.pm-brand img{width:240px;max-width:100%;height:auto}.tv-display-brand-logo{display:block;width:180px;max-width:100%;height:auto;margin:12px auto}[data-board-theme]:not([data-board-theme="default"]) .tv-display-brand-logo{display:none}@media(max-width:560px){.brand .barsquares-wordmark{width:150px}}@media(max-width:360px){.brand .barsquares-wordmark{width:130px}}

/* Games introduction: compact typography, with the brand teal as a quiet accent. */
.games-intro{margin:6px 0 24px;padding:8px 0 0}
.games-intro h1{margin:0;color:#102844;font-size:clamp(1.25rem,5.2vw,2rem);font-weight:650;line-height:1.3;letter-spacing:-.035em;text-wrap:balance}
.games-intro h1 em{color:#167c86;font-weight:650}
.games-intro-accent{display:block;width:38px;height:3px;margin-top:13px;border-radius:3px;background:#167c86}
.header-actions #profile[hidden]{display:none}
@media(max-width:560px){.games-intro{margin:2px 0 22px;padding-top:4px}.games-intro-accent{margin-top:11px}}

/* Player activity: tilted brand-like squares; messages retain their full meaning. */
.activity-marker{display:flex;align-items:flex-start;justify-content:center;flex:0 0 34px;width:34px;padding-top:8px}
.activity-marker>span{display:block;width:17px;height:17px;border-radius:3px;transform:rotate(-12deg);background:#93a4b6}
.activity-marker-draw>span,.activity-marker-result>span,.activity-marker-reward>span{width:22px;height:22px}
.activity-marker-draw>span{background:#286cc2;box-shadow:0 2px 0 #185197}
.activity-marker-result>span{background:#167c86;box-shadow:0 2px 0 #105e66}
.activity-marker-reward>span{background:#c49425;box-shadow:0 2px 0 #916a12}
@media(forced-colors:active){.activity-marker>span{background:CanvasText;border:1px solid CanvasText;box-shadow:none}}