.mobile-controls{display:none}.mobile-drawer:not([open]){display:none}.mobile-drawer{position:fixed;inset:0 0 0 auto;margin:0;padding:0;border:0;width:min(82vw,390px);max-width:none;height:100vh;height:100dvh;max-height:none;overflow-y:auto;overscroll-behavior:contain;background:#0c1b2b;color:#f5f7fa;box-shadow:-12px 0 40px #0003;box-sizing:border-box}.mobile-drawer::backdrop{background:#0008;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.mobile-drawer-heading{display:flex;gap:12px;align-items:center;justify-content:space-between;background:linear-gradient(110deg,#0f2133,#15283c);padding:20px;border-bottom:1px solid #203347}.mobile-drawer-heading span{display:block;color:#eb995e;letter-spacing:1.5px;font-size:12px;margin:0 0 8px}.mobile-drawer-heading h2{margin:0;font-size:19px;line-height:1.2;color:#fff;letter-spacing:0}.mobile-menu-close{border:0;background:transparent;color:#fff;display:grid;place-items:center;width:40px;height:40px;min-width:40px;cursor:pointer;padding:8px}.mobile-primary,.mobile-categories{display:flex;flex-direction:column;gap:4px;padding:14px 12px 18px;margin:0}.mobile-drawer nav a{display:flex;align-items:center;gap:14px;color:#f3f5f7;text-decoration:none;padding:14px 16px;min-height:48px;font-size:16px;font-weight:650;border-radius:9px;line-height:1.3}.mobile-drawer svg{flex-shrink:0;width:21px;height:21px}.mobile-primary a:first-child{color:#fa6872}.mobile-drawer nav a:hover,.mobile-drawer nav a:focus-visible{background:#eef2f8;color:#d98850}.mobile-drawer nav a[aria-current=page]:not(:first-child){background:#ffffff0c;color:#fff}.mobile-categories{border-top:1px solid #203347;padding-top:18px;padding-bottom:20px}.mobile-categories h3{color:#f2a36a;font-size:12px;letter-spacing:1.6px;margin:0 16px 9px;font-weight:800}.mobile-categories a{font-weight:400!important;color:#c4cdd8!important}.mobile-categories a:hover,.mobile-categories a:focus-visible{color:#d98850!important}.mobile-drawer-bottom{border-top:1px solid #203347;padding:14px 12px max(16px,env(safe-area-inset-bottom))}.mobile-live{display:block;text-align:center;background:linear-gradient(100deg,#ea2024,#c01519);padding:17px 12px;border-radius:10px;font-size:16px;letter-spacing:.7px;font-weight:750;color:#fff!important;text-decoration:none}.mobile-favorites{display:flex;gap:10px;justify-content:center;align-items:center;padding:18px 10px 4px;color:#c1cedd;font-size:13px;text-decoration:none}html.menu-is-open,html.menu-is-open body{overflow:hidden!important}.mobile-drawer :focus-visible{outline:2px solid #f6b378;outline-offset:-2px}.rf-all-channels .rf-channel-group{padding:0;border:1px solid #e1e7ef;border-radius:12px;margin:10px 0;background:#fff;overflow:hidden}.rf-channel-group summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;padding:17px 18px;cursor:pointer;font-size:16px;font-weight:750;color:#192a40}.rf-channel-group summary::-webkit-details-marker{display:none}.rf-channel-group summary small{margin-left:8px;background:#f0f4f9;color:#78879b;padding:3px 8px;border-radius:20px;font-size:12px;font-weight:650}.rf-channel-group summary:after{content:'+';font-size:22px;font-weight:400;color:#7c8ba0;line-height:1}.rf-channel-group[open] summary{background:#f8fafc;border-bottom:1px solid #e6ebf1}.rf-channel-group[open] summary:after{content:'−';color:#e24471}.rf-channel-group>div{padding:16px 18px}.rf-channel-group summary:focus-visible{outline:3px solid #e89aad;outline-offset:-3px}.ri-channel-group{scroll-margin-top:95px}
@media(max-width:1050px){.top .bar{height:68px;min-height:68px;flex-wrap:nowrap;gap:12px;padding:0 18px}.top .bar>nav{display:none!important}.top .brand{margin-right:auto;color:#1d293b}.top .brand b{font-size:20px}.top .brand small{font-size:8px}.top .logo{width:38px;height:38px;font-size:27px}.mobile-controls{display:flex;align-items:center;gap:5px;margin-left:auto}.mobile-controls>a{display:grid;place-items:center;width:43px;height:44px;color:#344254;border-radius:9px;text-decoration:none}.mobile-controls svg{width:25px;height:25px}.mobile-controls>a:hover{background:#f2f4f7}.rf-channel-group summary{font-size:15px;padding:15px}.rf-channel-group>div{padding:14px}.ri-channel-group{scroll-margin-top:80px}}
@media(prefers-reduced-motion:no-preference){.mobile-drawer[open]{animation:mobile-drawer-in .2s ease-out}@keyframes mobile-drawer-in{from{transform:translateX(100%)}to{transform:translateX(0)}}}