/* Decorative hints use the exact same destinations as the remote controller. */
html,body,.event-rail,#sport-rail,#choices{scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar,.event-rail::-webkit-scrollbar,#sport-rail::-webkit-scrollbar,#choices::-webkit-scrollbar{display:none}
.direction-hints{position:fixed;right:20px;bottom:40px;z-index:30;display:grid;grid-template-columns:repeat(3,24px);grid-template-rows:repeat(2,22px);gap:3px;pointer-events:none;background:#09090dbb;border:1px solid #ffffff14;border-radius:12px;padding:7px;color:#ffffff1a;font:18px/22px sans-serif}.direction-hints[hidden]{display:none}.direction-hints span{text-align:center}.direction-hints span:first-child{grid-column:2}.direction-hints span:nth-child(2){grid-column:1;grid-row:2}.direction-hints span:nth-child(3){grid-column:2;grid-row:2}.direction-hints span:nth-child(4){grid-column:3;grid-row:2}.direction-hints .available{color:#eee;animation:direction-breathe 3s ease-in-out infinite}@keyframes direction-breathe{50%{opacity:.55}}
@media(prefers-reduced-motion:reduce){.direction-hints .available{animation:none}}
@media(pointer:coarse){.direction-hints{display:none}}
@media(max-width:700px){header{flex-wrap:wrap;gap:10px}#tv-count{font-size:12px}.intro{padding:24px 20px}.intro h1,.intro p{max-width:100%}.watch-bar{flex-wrap:wrap}#watch-title{order:-1;width:100%}}