/* TV controls: stable targets, distinct selection and remote focus. */
:root{--control-bg:#24242c;--control-edge:#ffffff30;--control-accent:#d90b32;--control-text:#fafafa}
button:not(.event){min-height:48px;border-radius:14px;border:1px solid var(--control-edge);background:linear-gradient(180deg,#30303a,#22222a);color:var(--control-text);font-weight:600;line-height:1.3;box-shadow:inset 0 1px 0 #ffffff0c,0 3px 9px #0002;transition:background .16s,border-color .16s,box-shadow .16s,color .16s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
button:not(.event):focus{outline:3px solid #fff;outline-offset:3px;box-shadow:0 0 0 7px #e6123c66,0 6px 20px #0005;border-color:#fff}
button:not(.event):active{background:#71132a!important;box-shadow:inset 0 3px 8px #0007;color:#fff!important}
button:not(.event):disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
#layout-nav button,#quick-nav button{border-radius:999px;padding:13px 22px;background:linear-gradient(180deg,#292931,#202026);color:#e9e9f0;border-color:#ffffff26}
#layout-nav button[aria-pressed=true],#quick-nav button[aria-pressed=true],#reset,.key-action:first-of-type{background:linear-gradient(135deg,#e31843,#b7072b);color:white;border-color:#ff5676;box-shadow:inset 0 1px 0 #ffffff25,0 4px 15px #d90b3226}
#filters button{padding:14px 20px;background:linear-gradient(135deg,#2b2934,#202029);border-color:#ffffff30}
#clear,#forget-preferences{background:#17171e;color:#d5d5e0}
#active-filters button{background:#481a2a;border-color:#bf3a5e;color:#ffe3eb;border-radius:999px}
#choice-items button{border-radius:14px}
#choice-items .icon-button[aria-pressed=true],.sport-tile[aria-pressed=true]{background:linear-gradient(135deg,#7d1836,#411a2c);border-color:#ff597d;color:white}
#ui-sound{background:#24242e;border-color:#ffffff38;border-radius:999px;padding:12px 18px}
#ui-sound[aria-pressed=true]{background:#35212c;border-color:#b74b6b}
.watch-bar{padding:14px 18px;gap:12px;background:linear-gradient(180deg,#1d1d26,#111117);border-bottom:1px solid #ffffff16}
.watch-bar button{min-height:50px;padding:13px 18px;flex-shrink:0;white-space:normal;font-size:15px;letter-spacing:.01em}
#back,#close-choices{background:linear-gradient(135deg,#db1239,#a8072b);border-color:#f64d70;color:#fff}
#watch-title{padding:0 6px;font-weight:600;color:#e5e5ed;font-size:15px;line-height:1.4}
#favorite,#follow-sport{background:linear-gradient(135deg,#332532,#241f2b);border-color:#81526b}
#favorite[aria-pressed=true],#follow-sport[aria-pressed=true]{background:linear-gradient(135deg,#573515,#37271a);border-color:#d8a754;color:#ffe2a1}
#pause,#sound{background:linear-gradient(135deg,#263340,#202731);border-color:#4e6275}
.cinema-nav button{min-height:44px;border-radius:999px;box-shadow:none}
.cinema-nav button:focus{outline:2px solid #fff;outline-offset:1px;box-shadow:0 0 0 4px #d90b3266}
@media(hover:hover){button:not(.event):not(:disabled):hover{background:#3c3544;border-color:#ff829d;box-shadow:inset 0 1px 0 #ffffff15,0 4px 14px #0004}#back:hover,#close-choices:hover,#layout-nav button[aria-pressed=true]:hover,#quick-nav button[aria-pressed=true]:hover{background:#ed214a}}
@media(max-width:1100px){#watch-title{order:-1;flex-basis:100%;padding:2px 0}.watch-bar{gap:10px}.watch-bar button{flex:1 1 auto}}
@media(max-width:600px){.watch-bar{padding:10px;gap:8px}.watch-bar button{flex:1 1 calc(50% - 8px);min-width:0;font-size:13px;padding:11px 12px;min-height:46px}#back{flex-basis:100%}#filters{gap:9px}#filters button{flex:1 1 calc(50% - 9px);min-width:0;padding:12px;font-size:14px}#quick-nav{gap:8px}#quick-nav button,#layout-nav button{padding:11px 15px;font-size:14px}.personal-settings button{font-size:13px}}
@media(prefers-reduced-motion:reduce){button:not(.event){transition:none}}
#quick-nav{flex-wrap:wrap}#layout-nav{flex-wrap:wrap}
header{gap:20px;flex-wrap:wrap}#top-nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap}#top-nav button{border-radius:999px;background:transparent;box-shadow:none;border-color:transparent;padding:11px 17px;font-size:15px;min-height:46px}#top-nav button[aria-current=page]{background:#f4f1f3;color:#171219}#top-nav button:hover{background:#3c3039;color:white}#top-nav button:focus{outline:3px solid #fff;outline-offset:2px}header #tv-count{font-size:12px;margin-left:auto}header #ui-sound{margin-left:0}
@media(max-width:800px){header{gap:10px}#top-nav{order:3;width:100%;justify-content:space-between}#top-nav button{font-size:13px;padding:10px 12px}header #tv-count{display:none}header #ui-sound{margin-left:auto}html{scroll-padding-top:155px}button,input{scroll-margin-top:155px}}
#browse-tools{margin:12px 0;border-radius:999px}#browse-panel{padding:16px;background:#19171f;border:1px solid #ffffff20;border-radius:16px;margin-bottom:20px}#browse-panel #filters{margin-top:0}