/* The ambient surrounds follow the current scene, without moving navigation. */
:root{--scene-color:#252535}
body{background-color:var(--scene-color);background-image:linear-gradient(180deg,transparent 0,#101014 1050px);transition:background-color 900ms ease}
body>header{background:linear-gradient(180deg,#070709ed,#08080ab5);backdrop-filter:blur(12px)}
.intro{border:1px solid #ffffff14;border-radius:24px;background-color:#101014;box-shadow:0 20px 55px #0004}
#lobby{padding-top:14px}
.card-art .country-flag.neutral{display:none}
.card-art[data-artwork] .card-emblem{display:none}
.event,.event:has(.team-duel){height:350px;min-height:350px;background:linear-gradient(160deg,#25242c,#17181e)}
.card-art,.card-art.has-duel{height:180px;flex-shrink:0;background-size:cover!important}
.event>strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.event>.time{margin-top:auto}
.event.ranked-event{height:390px;min-height:390px}
.ranked-event .card-art{height:205px}
.guide-view .event,.guide-view .event:has(.team-duel){height:116px;min-height:116px}
.guide-view .card-art{height:114px}
@media(max-width:700px){.intro{border-radius:16px}.event,.event:has(.team-duel){height:340px;min-height:340px}.guide-view .event,.guide-view .event:has(.team-duel){height:auto;min-height:165px}}
@media(prefers-reduced-motion:reduce){body{transition:none}}

.tv-brand{display:flex;align-items:center;flex-shrink:0}.tv-brand img{display:block;width:220px;height:auto;max-width:40vw}

.event-cover-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}.card-art .team-duel{z-index:1}

/* Unified typography, contrast and surface tokens across this additional TV lobby. */
:root{--tv-font:Arial,Helvetica,sans-serif;--tv-white:#f5f5f1;--tv-muted:#b3b3b3;--tv-black:#080808;--tv-panel:#181818;--tv-soft:#303030;--tv-text-shadow:0 2px 7px #000b}
body,button,input,select,textarea{font-family:var(--tv-font);color:var(--tv-white);font-style:normal}
body>header{background:#080808;border-bottom:1px solid #ffffff0b;box-shadow:0 6px 24px #0003;backdrop-filter:none}
#top-nav button{background:transparent;border:0;color:#e5e5e5;font-size:15px;font-weight:500;box-shadow:none;padding:12px 19px;border-radius:999px}
#top-nav button[aria-current=page]{background:#303030;color:#fff;font-weight:700}
#top-nav button:hover{background:#242424;color:#fff}
#tv-count,.event small,.intro p,.cinema-preview-status{color:var(--tv-muted)}
.event,.event:has(.team-duel){background:linear-gradient(155deg,#222,#181818);border-color:#ffffff26;box-shadow:0 8px 22px #0004}
.event:focus{background:#262626}
.event strong,.catalog-row>h2,#results-title,#hero-title,.cinema-caption strong{color:var(--tv-white);font-family:var(--tv-font);font-weight:700}
.event .sport{color:#ddd}.event .time{color:#ddd;border-color:#ffffff1c}
.sport-tile-label,.participant-name,#hero-title,.cinema-caption strong,.intro p{text-shadow:var(--tv-text-shadow)}
#top-nav button,.event>strong,.catalog-row>h2{text-shadow:none}
#filters button,#browse-tools,.watch-bar button{background:linear-gradient(145deg,#2b2b2b,#202020);border-color:#ffffff30;color:var(--tv-white)}
#choices{background:linear-gradient(145deg,#202020,#101010)}
@media(max-width:700px){#top-nav button{font-size:14px;padding:11px 15px}}

@media(max-width:700px){footer{font-size:10px;line-height:1.4;min-height:30px;padding:8px 12px}footer #remote-context{display:none}}

#sport-rail .sport-tile{flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:6px}#sport-rail .sport-tile-count{font-size:12px;color:#ddd;text-shadow:0 2px 6px #000}#sport-rail .sport-tile[data-live]:not([data-live="0"]) .sport-tile-count{color:#9ff1c0}#sport-rail .empty-category .sport-tile-photo{filter:saturate(.3) brightness(.65)}