.brand.korttikimppa-brand{display:inline-flex;flex-shrink:0;line-height:1}.korttikimppa-logo{display:block;width:232px;height:48px;max-width:100%;object-fit:contain}.logo:has(.korttikimppa-logo){display:inline-flex;gap:0;line-height:1;flex-shrink:0}.site-footer .korttikimppa-logo{width:205px;height:43px}@media(max-width:760px){.korttikimppa-logo{width:195px;height:41px}.site-header .logo{max-width:calc(100% - 115px)}}@media(max-width:380px){.site-header .korttikimppa-logo{width:175px;height:38px}}

/* Light wordmark and peach ring retain contrast on a dark TV table. */
.display-mode #app>header,body:has(.tv-start) #app>header{background:#202942;border-bottom-color:#4a5264;color:#fffaf1}
.display-mode #app>header nav,.display-mode #app>header .text,body:has(.tv-start) #app>header nav,body:has(.tv-start) #app>header button{color:#fffaf1}
.display-mode .tv-service-logo{display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:clamp(145px,12vw,220px);height:auto;max-height:48px;object-fit:contain;object-position:left center}
.display-mode .room-heading>div:first-child:has(.tv-service-logo){position:relative;padding-left:calc(clamp(145px,12vw,220px) + 18px);min-width:0}
.display-mode .room-heading>div:first-child:has(.tv-service-logo) h1{max-width:100%}

.display-mode:not(.playing-mode) .room-heading .tv-service-logo{background:#202942;border-radius:6px;padding:3px}