html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#07111e;color:#fff;font:22px Arial,sans-serif}#top{height:48px;padding:15px 26px 0;background:#10243b;color:#55c7ff;font-weight:bold}#clock{float:right;color:#fff}#message{position:absolute;top:65px;left:24px;color:#ffd45a;z-index:10}#channels{position:absolute;left:22px;top:82px;width:596px;height:568px;background:rgba(4,13,23,.97);overflow:hidden}.ch{height:43px;padding:7px 12px 0;border-bottom:1px solid #26384c}.ch.sel,.programme.sel{background:#1674a8}.logo{width:51px;height:36px;object-fit:contain;vertical-align:middle;margin-right:10px}.num{display:inline-block;width:58px;color:#9fdfff}.cname{display:inline-block;width:410px}#preview{position:absolute;left:648px;top:82px;width:570px;height:300px;border:3px solid #284b68;background:#000}#channelTitle{position:absolute;left:0;right:0;bottom:0;padding:9px 13px;background:rgba(0,0,0,.72);z-index:2}#nowNext{position:absolute;left:648px;top:398px;width:576px;height:252px;background:#10243b;overflow:hidden}.paneltitle{padding:10px 14px;color:#55c7ff;font-weight:bold;border-bottom:1px solid #284b68}.nn{padding:10px 14px;font-size:18px;line-height:23px}.nn div{margin-top:5px;color:#c4d0dc;font-size:16px;max-height:48px;overflow:hidden}.nextp{border-top:1px solid #284b68}.nextp span{color:#55c7ff;margin-right:8px}#guide{display:none;position:absolute;left:22px;top:80px;width:1202px;height:570px;background:#07111e}#guideTitle{font-size:28px;color:#55c7ff;font-weight:bold;padding:8px 14px}#dayTabs{height:48px;white-space:nowrap;overflow:hidden}.day{display:inline-block;padding:10px 15px;margin-right:5px;background:#17324c;color:#bccada}.day.active{background:#1674a8;color:#fff}.programme{height:38px;padding:8px 14px 0;border-top:1px solid #26384c}.ptime{display:inline-block;width:150px;color:#9fdfff}.ptitle{display:inline-block;width:850px}.catchup{float:right;color:#7dff9a;font-size:16px}#guideDesc{height:72px;padding:10px 14px;background:#10243b;color:#d7e3ef;font-size:17px;line-height:22px;overflow:hidden}#guideDesc div{margin-top:4px}#help{position:absolute;bottom:10px;left:24px;font-size:17px;color:#aab7c5;z-index:20}
.miniProg{height:32px;padding:7px 13px 0;border-top:1px solid #284b68;font-size:17px;color:#becbd7;white-space:nowrap;overflow:hidden}.miniProg span{display:inline-block;width:66px;color:#86bad8}.miniProg.current{background:#1a5579;color:#fff;font-weight:bold}#banner{display:none;position:absolute;z-index:100;left:70px;right:70px;bottom:48px;min-height:72px;padding:14px 20px;background:rgba(8,24,39,.94);border-top:3px solid #35a9df;font-size:20px;line-height:27px}#banner div{color:#d5e4ee}.channelDigits{font-size:44px!important;text-align:center;color:#fff!important;padding:8px}#preview{left:625px;top:93px;width:569px;height:320px}#nowNext{left:625px;top:429px;width:575px;height:221px}
#channelNumber{display:none;position:absolute;z-index:130;left:42px;top:82px;min-width:74px;height:67px;padding:9px 14px 0;background:rgba(5,18,30,.94);border:2px solid #49bde9;border-radius:4px;color:#fff;font-size:50px;line-height:58px;text-align:center;box-shadow:0 3px 15px rgba(0,0,0,.45)}#banner.infoBanner{min-height:155px;max-height:245px;padding:18px 25px 20px}#banner.infoBanner .infoTitle{font-size:24px;color:#fff;font-weight:bold;margin:7px 0 9px}#banner.infoBanner .infoDescription{font-size:17px;line-height:23px;color:#d4e2ea;max-height:138px;overflow:hidden}#banner.infoBanner .infoTime{font-size:16px;color:#69c9ef}#banner .bannerAction{margin-top:7px;font-size:16px;color:#d9edf5}.greenKey,.yellowKey{display:inline-block;width:16px;height:16px;border-radius:9px;vertical-align:-2px;margin-right:5px}.greenKey{background:#20b95a;box-shadow:0 0 5px #20b95a}.yellowKey{background:#f0d629;box-shadow:0 0 5px #f0d629}#epgHint{position:absolute;right:18px;top:286px;width:176px;padding:12px 13px;background:rgba(8,35,54,.9);border-right:4px solid #4dc7f1;text-align:right;color:#d9eff8;z-index:25}#epgHint b{display:block;font-size:16px;color:#62d3fa}#epgHint span{display:block;font-size:12px;line-height:17px;margin-top:4px}
html.playing,body.playing{background:transparent!important}.playing #top,.playing #message,.playing #help{display:none}
#portalHome,#settingsScreen{display:none;position:absolute;left:0;top:63px;right:0;bottom:0;background:linear-gradient(135deg,#061322,#123b5d);z-index:30}.homeHeader{height:90px;padding:25px 55px 0;display:flex;justify-content:space-between}.homeBrand{font-size:48px;line-height:48px;font-weight:bold;color:#62ceff;letter-spacing:3px}.homeWelcome{color:#c6d7e4;font-size:17px;margin-top:7px}.homeDate{font-size:20px;color:#e5f3fa;padding-top:18px}.weatherCard{position:absolute;left:55px;top:125px;width:1170px;height:245px;border:1px solid rgba(150,220,255,.3);background:linear-gradient(110deg,#1687bd,#4ab6d5 48%,#a6dff0);box-shadow:0 15px 35px rgba(0,0,0,.22);overflow:hidden}.weatherScene{position:absolute;left:0;top:0;width:350px;height:245px;background:linear-gradient(#269bd0,#a7e5f3)}.sunOrb{position:absolute;left:70px;top:38px;width:105px;height:105px;border-radius:55px;background:#ffe47a;box-shadow:0 0 38px #fff0a0}.cloud{position:absolute;height:54px;border-radius:40px;background:#f6fbff;box-shadow:36px -25px 0 7px #f6fbff,78px -7px 0 3px #f6fbff}.cloudOne{left:115px;top:126px;width:150px}.cloudTwo{left:4px;top:178px;width:125px;opacity:.78}.weatherClear .cloud,.weatherClear .rainDrops{display:none}.weatherRain .rainDrops{position:absolute;left:137px;top:180px;width:135px;height:48px;background:repeating-linear-gradient(112deg,transparent,transparent 14px,#71d8ff 15px,#71d8ff 19px)}.weatherRain .sunOrb{opacity:.35}.weatherSnow .rainDrops{position:absolute;left:120px;top:175px;width:150px;height:55px;background:radial-gradient(circle,#fff 0,#fff 4px,transparent 5px);background-size:28px 22px}.weatherMain{position:absolute;left:385px;top:30px;width:315px}.weatherPlace{font-size:18px;letter-spacing:4px;color:#e8f9ff}.weatherTemp{font-size:78px;line-height:84px;font-weight:bold;text-shadow:0 3px 8px rgba(0,0,0,.15)}.weatherText{font-size:25px}.weatherFeels{font-size:15px;margin-top:9px;color:#e7f6fb}.weatherForecast{position:absolute;left:720px;right:20px;top:35px;height:175px;display:flex}.forecastDay{width:108px;margin-right:12px;padding:16px 8px 0;text-align:center;border-left:1px solid rgba(255,255,255,.35);font-size:16px}.forecastDay b{display:block;font-size:25px;margin-top:18px}.forecastDay span{display:block;font-size:13px;margin-top:13px;color:#e7f8fc}#homeTiles{position:absolute;left:55px;right:55px;top:400px;height:190px;display:flex;justify-content:center;gap:25px}.homeTile{width:315px;height:137px;background:rgba(17,52,78,.92);border:4px solid transparent;text-align:left;padding:22px 20px 0}.homeTile.selected{border-color:#74d8ff;background:#17658d;box-shadow:0 0 24px rgba(79,193,238,.35)}.homeTile b{display:block;font-size:25px;margin:4px 0 0 82px}.homeTile span{display:block;font-size:16px;color:#b7c8d4;margin:10px 0 0 82px}.tileIcon{float:left;width:68px;font-size:55px;color:#7dd6ff}.settingsTitle{font-size:36px;color:#55c7ff;font-weight:bold;margin:55px 0 25px 160px}#settingsItems{width:620px;margin-left:160px}.settingItem{height:46px;padding:14px 20px 0;background:#142c43;border-bottom:1px solid #31506a}.settingItem.selected{background:#1674a8}#settingsInfo{position:absolute;left:820px;top:130px;width:340px;padding:22px;background:#10243b;color:#c7d8e4;font-size:16px;line-height:26px}
#radioScreen{display:none;position:absolute;left:0;top:63px;right:0;bottom:0;background:linear-gradient(140deg,#071322,#192f49);z-index:30}.radioHeader{height:62px;padding:22px 40px 0;color:#65d2ff;font-size:29px}.radioHeader b{letter-spacing:2px}#radioFilter{float:right;font-size:17px;color:#d7eaf4;padding:8px 15px;background:#163d5b}#radioStations{position:absolute;left:38px;top:90px;width:660px;height:510px;background:rgba(4,15,27,.9);overflow:hidden}.radioStation{height:43px;padding:8px 14px 0;border-bottom:1px solid #263f55;white-space:nowrap;overflow:hidden}.radioStation.selected{background:#1578aa}.radioStationLogo{display:inline-block;width:34px;height:34px;object-fit:contain;vertical-align:middle;margin:-4px 9px 0 2px;background:#fff}.radioFlag{display:inline-block;width:42px;color:#76d6ff;font-size:15px}.radioName{display:inline-block;width:370px}.radioCodec{float:right;font-size:14px;color:#a9c4d3;padding-top:5px}.radioPlayer{position:absolute;left:735px;top:90px;width:500px;height:510px;background:linear-gradient(145deg,#143854,#0b1d30);text-align:center}.radioDisc{position:relative;width:210px;height:210px;margin:38px auto 19px;border-radius:110px;background:repeating-radial-gradient(circle,#152c3e 0,#152c3e 8px,#29475c 9px,#29475c 11px);box-shadow:0 0 35px rgba(75,201,255,.28);padding-top:1px;overflow:hidden}.radioDisc #radioDiscCenter{width:72px;height:72px;border-radius:40px;background:#56c8f2;margin:69px auto}.radioDisc #radioLogo{display:none;position:absolute;left:0;top:0;width:210px;height:210px;object-fit:contain;background:#fff}.radioLive{font-size:14px;letter-spacing:3px;color:#64cdf8}.radioLive:before{content:' ';display:inline-block;width:9px;height:9px;border-radius:6px;background:#ff5252;margin-right:9px}#radioNow{font-size:29px;font-weight:bold;margin:14px 25px 0;max-height:64px;overflow:hidden}#radioTrack{font-size:18px;color:#fff;margin:10px 24px 0;line-height:23px;max-height:48px;overflow:hidden}#radioMeta{font-size:15px;color:#aac2d0;margin-top:10px}
/* Ministra-inspired open home layout */
#portalHome{background:radial-gradient(circle at 78% 30%,#1b6383 0,#0c314b 30%,#061522 70%)}.homeGlow{position:absolute;left:-180px;bottom:-240px;width:700px;height:600px;border-radius:360px;background:rgba(17,141,190,.13);box-shadow:0 0 100px rgba(64,188,232,.12)}.homeHeader{height:115px;padding:24px 52px 0}.homeLogo{width:255px;height:auto;display:block}.homeWelcome{margin:3px 0 0 4px;font-size:15px;letter-spacing:1px;color:#91aebe}.homeDate{font-size:18px;color:#bcd2de;padding-top:30px}.weatherCard{left:50px;top:150px;width:1175px;height:250px;border:0;background:transparent;box-shadow:none;overflow:visible}.weatherMain{left:0;top:12px;width:310px}.weatherPlace{font-size:16px;color:#5fcdf6}.weatherTemp{font-size:86px;line-height:92px;font-weight:normal}.weatherText{font-size:27px}.weatherFeels{font-size:15px;color:#9ebdcc}.weatherScene{left:auto;right:42px;top:-28px;width:350px;height:235px;border-radius:52% 48% 45% 55%;background:transparent;overflow:visible}.sunOrb{left:83px;top:30px;width:116px;height:116px;border-radius:60px;background:#ffd85c;box-shadow:0 0 55px rgba(255,221,94,.72);-webkit-animation:sunPulse 4s ease-in-out infinite;animation:sunPulse 4s ease-in-out infinite}.cloud{background:rgba(244,250,253,.93);box-shadow:36px -25px 0 7px rgba(244,250,253,.93),78px -7px 0 3px rgba(244,250,253,.93)}.cloudOne{left:72px;top:128px;-webkit-animation:cloudDrift 7s ease-in-out infinite;animation:cloudDrift 7s ease-in-out infinite}.cloudTwo{left:2px;top:183px;-webkit-animation:cloudDrift2 9s ease-in-out infinite;animation:cloudDrift2 9s ease-in-out infinite}.weatherRain .rainDrops{left:96px;top:183px;-webkit-animation:rainMove .8s linear infinite;animation:rainMove .8s linear infinite}.weatherForecast{left:335px;right:410px;top:30px;height:160px}.forecastDay{width:118px;height:125px;margin-right:13px;padding:18px 7px 0;border:0;border-left:1px solid rgba(139,201,224,.25);color:#b9d2df}.forecastDay b{font-size:29px;font-weight:normal;color:#fff;margin-top:14px}.forecastDay span{font-size:13px;color:#8fb2c2;margin-top:9px}#homeTiles{left:190px;right:190px;top:430px;height:145px;gap:12px;border-top:1px solid rgba(127,191,216,.15);padding-top:20px}.homeTile{width:245px;height:112px;background:transparent;border:0;text-align:center;padding:0;opacity:.56}.homeTile.selected{background:transparent;border:0;opacity:1;box-shadow:none}.homeTile .tileIcon{float:none;width:76px;height:66px;margin:0 auto;border-radius:42px;font-size:45px;line-height:66px;color:#86b9ce;background:rgba(16,61,84,.55)}.homeTile.selected .tileIcon{color:#fff;background:#1397ca;box-shadow:0 0 24px rgba(52,191,240,.58)}.homeTile b,.homeTile.selected b{margin:8px 0 0;font-size:19px;color:#b6d0dc}.homeTile.selected b{color:#fff}.homeTile span{display:none}@-webkit-keyframes sunPulse{0%,100%{-webkit-transform:scale(1);opacity:.9}50%{-webkit-transform:scale(1.08);opacity:1}}@keyframes sunPulse{0%,100%{transform:scale(1);opacity:.9}50%{transform:scale(1.08);opacity:1}}@-webkit-keyframes cloudDrift{0%,100%{-webkit-transform:translateX(-9px)}50%{-webkit-transform:translateX(12px)}}@keyframes cloudDrift{0%,100%{transform:translateX(-9px)}50%{transform:translateX(12px)}}@-webkit-keyframes cloudDrift2{0%,100%{-webkit-transform:translateX(8px)}50%{-webkit-transform:translateX(-12px)}}@keyframes cloudDrift2{0%,100%{transform:translateX(8px)}50%{transform:translateX(-12px)}}@-webkit-keyframes rainMove{from{background-position:0 0}to{background-position:10px 24px}}@keyframes rainMove{from{background-position:0 0}to{background-position:10px 24px}}
#playbackProgress{display:none;position:absolute;z-index:145;left:70px;right:70px;bottom:54px;padding:17px 23px 20px;background:rgba(6,20,34,.96);border-top:3px solid #38b6e9;color:#fff;box-shadow:0 4px 24px rgba(0,0,0,.5)}#progressTitle{font-size:22px;font-weight:bold;margin-bottom:9px}#progressAction{font-size:16px;color:#7ed7fa}#progressTime{float:right;font:18px ui-monospace,monospace}#progressTrack{height:10px;margin-top:11px;background:#31495a;border-radius:5px;overflow:hidden}#progressFill{height:10px;width:0;background:#34b7e8;box-shadow:0 0 8px #34b7e8}
#volumeOverlay{display:none;position:absolute;z-index:155;right:70px;bottom:58px;width:340px;height:42px;padding:13px 16px;background:rgba(5,19,32,.94);border:2px solid rgba(68,190,235,.8);border-radius:8px;color:#fff;box-shadow:0 5px 22px rgba(0,0,0,.5)}#volumeLabel{float:left;width:55px;font-size:16px;font-weight:bold;line-height:42px;color:#74d5f7}#volumeTrack{float:left;width:225px;height:10px;margin-top:16px;background:#30495c;border-radius:6px;overflow:hidden}#volumeFill{height:10px;width:50%;background:#39bce9;box-shadow:0 0 8px #39bce9}#volumeValue{float:right;width:42px;text-align:right;font-size:19px;line-height:42px;font-weight:bold}#volumeOverlay.muted{border-color:#e06a6a}#volumeOverlay.muted #volumeLabel{color:#ff8c8c}#volumeOverlay.muted #volumeFill{background:#8a4545;box-shadow:none}
#pauseIndicator{display:none;position:absolute;z-index:154;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;background:rgba(4,18,31,.78);border:2px solid rgba(105,211,250,.85);border-radius:44px;box-shadow:0 5px 25px rgba(0,0,0,.55);text-align:center}#pauseIndicator i{display:inline-block;width:12px;height:42px;margin:20px 5px 0;background:#fff;border-radius:2px;box-shadow:0 0 8px rgba(105,211,250,.8)}#volumeOverlay.muted #volumeLabel{font-size:25px;line-height:39px}#volumeOverlay.muted #volumeValue{font-size:14px;color:#ff9b9b}
#muteIndicator{display:none;position:absolute;z-index:154;right:42px;top:82px;width:54px;height:54px;line-height:54px;text-align:center;font-size:27px;background:rgba(35,8,12,.88);border:2px solid #ef7474;border-radius:29px;box-shadow:0 4px 18px rgba(0,0,0,.5)}
#banner.timeShiftBanner{border-top:4px solid #f0d629;background:rgba(7,25,42,.97);min-height:92px}#banner.timeShiftBanner b{display:inline-block;padding:4px 12px;background:#f0d629;color:#17202a;font-size:23px;letter-spacing:2px}#banner.archiveEndPrompt{border:0;border-top:3px solid #55c7ff;background:rgba(5,21,36,.96);left:70px;right:70px;bottom:48px;min-height:72px;padding:12px 20px;box-shadow:0 -5px 18px rgba(0,0,0,.45)}#banner.archiveEndPrompt b{color:#6dd7ff;font-size:19px;letter-spacing:.5px}#banner.archiveEndPrompt .infoTitle{font-size:17px;color:#fff;margin:4px 0}
#seekShield{display:none;position:absolute;z-index:160;left:0;top:0;width:100%;height:100%;background:#07111e;text-align:center;color:#fff}#seekShield b{display:block;margin-top:270px;font-size:34px;letter-spacing:4px;color:#f0d629}#seekShield span{display:block;margin-top:18px;font-size:21px;color:#c9dce8}
#banner.hasChannelLogo{min-height:96px;padding-left:148px}#banner .bannerLogo{position:absolute;left:22px;top:12px;width:102px;height:78px;object-fit:contain;background:rgba(255,255,255,.07);border-radius:4px}
.settingsTitle{margin:38px 0 18px 110px!important}#settingsItems{width:650px!important;margin-left:110px!important}.settingItem{height:43px!important;padding:11px 20px 0!important}.settingItem.selected{box-shadow:inset 5px 0 #6ed8ff}#settingsInfo{left:805px!important;top:112px!important;width:350px!important;min-height:145px;padding:24px!important;border-top:3px solid #35a9df;font-size:17px!important;line-height:28px!important}#settingsInfo b{display:block;color:#fff;font-size:23px;margin-bottom:9px}.settingsCount{margin-top:25px;color:#6fcff3;font-size:14px}
.settingsTitle{font-size:42px!important;margin-bottom:22px!important}#settingsItems{width:670px!important}.settingItem{height:59px!important;padding:18px 24px 0!important;font-size:23px;color:#c4d3de;background:#112b42!important;border-bottom:2px solid #294760!important}.settingItem.selected{color:#fff!important;background:#1384b8!important;box-shadow:inset 8px 0 #8de8ff,0 0 22px rgba(68,194,240,.38)!important;font-weight:bold}.settingArrow{display:inline-block;width:38px;color:#a5ecff}#settingsInfo{left:830px!important;top:125px!important}
#homeTiles .homeTile{width:205px}#accountScreen{display:none;position:absolute;left:0;top:63px;right:0;bottom:0;background:radial-gradient(circle at 75% 28%,#175674 0,#0b2e47 34%,#061522 75%);z-index:30}.accountTitle{font-size:42px;color:#55c7ff;font-weight:bold;margin:46px 0 24px 150px}#accountDetails{width:820px;margin-left:150px;padding:30px 38px;background:rgba(13,42,64,.94);border-top:4px solid #39b7e9;box-shadow:0 12px 35px rgba(0,0,0,.28)}.accountName{font-size:31px;font-weight:bold;color:#fff;display:inline-block}.accountStatus{float:right;background:#1a9a57;color:#fff;font-size:16px;font-weight:bold;padding:8px 17px;border-radius:18px}.accountRow{clear:both;padding:15px 4px;border-bottom:1px solid #2d4e65;font-size:20px}.accountRow span{display:inline-block;width:235px;color:#8eb2c7}.accountRow b{color:#fff;font-weight:normal}.accountLoading{font-size:22px;color:#a9c7d8}
.accountStatus.expired{background:#b73333;box-shadow:0 0 15px rgba(255,75,75,.35)}
#epgHint{position:fixed!important;left:auto!important;right:0!important;top:93px!important;width:76px!important;height:320px!important;padding:0!important;background:rgba(7,31,49,.97)!important;border:0!important;border-left:4px solid #4dc7f1!important;z-index:80!important;text-align:center!important;overflow:hidden!important;-webkit-transform:none!important;transform:none!important}#epgHint .epgVertical{position:absolute!important;left:13px!important;top:278px!important;width:250px!important;height:28px!important;color:#7cddff!important;font-size:18px!important;font-weight:bold!important;letter-spacing:1px!important;line-height:28px!important;white-space:nowrap!important;-webkit-transform-origin:0 0!important;transform-origin:0 0!important;-webkit-transform:rotate(-90deg)!important;transform:rotate(-90deg)!important}#epgHint .epgArrows{position:absolute!important;right:7px!important;top:111px!important;color:#d8f5ff!important;font-size:19px!important;line-height:34px!important;text-shadow:0 0 8px #4dc7f1!important}
#guide{left:22px;top:80px;width:1202px;height:570px}#guideTitle{position:absolute;left:185px;right:0;top:0;height:38px;padding:8px 14px}#dayTabs{position:absolute;left:0;top:52px;width:178px;height:448px;white-space:normal;overflow:hidden;background:#0d2033}.day{display:block;height:43px;padding:14px 12px 0;margin:0 0 4px;background:#17324c;color:#bccada;border-left:4px solid transparent}.day.active{background:#1674a8;color:#fff;border-left-color:#65d5ff}.day.active:after{content:' \25B6';float:right;color:#91e2ff}#programmes{position:absolute;left:190px;right:0;top:52px;height:423px;overflow:hidden}.programme{height:37px;padding:8px 14px 0}.ptime{width:145px}.ptitle{width:750px}#guideDesc{position:absolute;left:190px;right:0;top:478px;height:68px;padding:10px 14px}#epgHint{left:640px;right:auto;top:152px;width:265px;height:23px;padding:7px 12px;border:0;border-bottom:3px solid #4dc7f1;text-align:center;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:rotate(90deg);transform:rotate(90deg);white-space:nowrap}#epgHint b,#epgHint span{display:inline;font-size:14px;line-height:20px;margin:0;color:#62d3fa}#epgHint span{margin-left:12px;color:#d9eff8}
#guide{left:22px;top:80px;width:1202px;height:570px}#guideTitle{position:absolute;left:185px;right:0;top:0;height:38px;padding:8px 14px}#dayTabs{position:absolute;left:0;top:52px;width:178px;height:448px;white-space:normal;overflow:hidden;background:#0d2033}.day{display:block;height:43px;padding:14px 12px 0;margin:0 0 4px;background:#17324c;color:#bccada;border-left:4px solid transparent}.day.active{background:#24445f;color:#fff;border-left-color:#65d5ff}.day.focused{background:#1674a8;box-shadow:inset 0 0 0 2px #8fe4ff}.day.active:after{content:' \25B6';float:right;color:#91e2ff}#programmes{position:absolute;left:190px;right:0;top:52px;height:423px;overflow:hidden}.programme{height:37px;padding:8px 14px 0}.ptime{width:145px}.ptitle{width:750px}#guideDesc{position:absolute;left:190px;right:0;top:478px;height:68px;padding:10px 14px}#epgHint{position:absolute;left:auto;right:0;top:82px;width:54px;height:300px;padding:0;background:rgba(8,35,54,.92);border:0;border-left:3px solid #4dc7f1;text-align:center;color:#62d3fa;z-index:25}#epgHint .epgVertical{position:absolute;left:7px;top:268px;width:250px;height:22px;font-size:15px;line-height:22px;white-space:nowrap;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}#epgHint .epgArrows{position:absolute;right:3px;top:112px;font-size:15px;line-height:25px;color:#b9edff}
#guide.gridGuide{background:linear-gradient(145deg,#071726,#102d43 58%,#07131e);padding:12px 16px 50px;box-sizing:border-box}
#guide.gridGuide #guideTitle{position:absolute;left:16px;right:16px;top:8px;font-size:21px;font-weight:bold;letter-spacing:1px;color:#fff;height:30px;padding:0}
#guide.gridGuide #dayTabs{position:absolute;left:221px;right:16px;top:38px;width:auto;height:38px;margin:0;color:#dceefa;font-size:15px}
#guide.gridGuide #dayTabs>b{position:absolute;left:-205px;top:8px;color:#33b9ef}
.gridTimes{display:flex;height:34px;align-items:center;border-bottom:1px solid rgba(255,255,255,.25)}
.gridTimes span{width:16.666%;color:#b8d4e5;font-size:16px}
#guide.gridGuide #programmes{position:absolute;left:16px;right:16px;top:76px;bottom:140px;height:auto;overflow:hidden}
.gridRow{display:flex;height:11%;min-height:39px;border-bottom:1px solid rgba(255,255,255,.08)}
.gridChannel{width:205px;flex:none;display:flex;align-items:center;padding:0 8px;background:rgba(3,14,24,.72);box-sizing:border-box;color:#d9e9f3;font-size:16px}
.gridChannel img{width:34px;height:27px;object-fit:contain;margin-right:7px}
.gridChannel span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.selectedRow .gridChannel{background:linear-gradient(90deg,#078ec2,#11b7e7);color:#fff;box-shadow:0 0 18px rgba(22,190,242,.35)}
.gridTrack{position:relative;flex:1;overflow:hidden;background:rgba(255,255,255,.025)}
.gridProgramme{position:absolute;top:2px;bottom:2px;padding:3px 22px 2px 7px;box-sizing:border-box;background:#234b62;border:1px solid #376c87;border-radius:4px;overflow:hidden;color:#eef8fd;font-size:14px;line-height:14px}
.gridProgramme b,.gridProgramme small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gridProgramme small{font-size:11px;line-height:12px;color:#b9d0dc;margin-top:1px}
.gridProgramme.recorded{background:#34496a}
.gridProgramme i{position:absolute;right:7px;top:8px;color:#ffd33d;font-size:20px;font-style:normal}
.gridProgramme.selectedProgramme{background:linear-gradient(135deg,#f29b22,#f5c542);border-color:#ffe58b;color:#13202a;box-shadow:0 0 16px rgba(255,190,48,.55)}
.gridProgramme.selectedProgramme small{color:#293a44}
.gridLoading{padding:18px;color:#7894a5}
#guide.gridGuide #guideDesc{position:absolute;left:16px;right:16px;top:auto;bottom:48px;height:82px;padding:6px 13px;box-sizing:border-box;background:rgba(2,13,22,.88);border-left:4px solid #10ade0;border-radius:4px;color:#cddde6;font-size:14px;line-height:17px;overflow:hidden}
.guideDescriptionTitle{display:inline;font-size:17px;font-weight:bold;color:#fff;margin-right:14px}
.guideDescriptionTime{display:inline;color:#8fcce8;font-size:13px}
#guide.gridGuide #guideDesc>div:last-child{display:block;margin-top:3px;font-size:12px;line-height:14px;max-height:42px;overflow:hidden}
.recordedBadge{display:inline-block;background:#dca315;color:#101820;padding:3px 8px;border-radius:10px;font-size:13px;font-weight:bold}
#unauthorisedScreen{display:none;position:absolute;left:0;top:0;right:0;bottom:0;z-index:90;background:radial-gradient(circle at 50% 35%,#17425d,#06111c 68%)}
.unauthorisedCard{position:absolute;left:235px;right:235px;top:125px;padding:42px;text-align:center;background:rgba(3,17,28,.9);border:1px solid #2f7294;border-radius:12px;box-shadow:0 18px 60px rgba(0,0,0,.5)}
.unauthorisedCard img{width:310px;height:100px;object-fit:contain;margin-bottom:14px}
.unauthorisedCard h1{margin:8px 0 15px;font-size:34px;color:#fff}
.unauthorisedCard p{font-size:20px;color:#c7dce8}
.unauthorisedMac{font-size:16px;color:#86aabd;margin:18px 0 30px}
.unauthorisedAction{display:inline-block;padding:14px 24px;background:#182c3a;border-radius:8px;color:#fff;font-weight:bold}
.redKey{display:inline-block;width:17px;height:13px;background:#e52b32;border-radius:3px;vertical-align:middle;box-shadow:0 0 5px rgba(229,43,50,.7)}
#trackMenu{display:none;position:absolute;z-index:220;left:340px;top:92px;width:600px;padding:22px 26px 18px;box-sizing:border-box;background:rgba(5,20,34,.98);border:3px solid #45bce9;border-radius:7px;box-shadow:0 0 45px rgba(0,0,0,.85)}
.trackMenuTitle{font-size:24px;font-weight:bold;letter-spacing:2px;color:#68d4fa;margin:0 0 7px 7px}.trackStatus{margin:0 7px 14px;color:#d8edf7;font-size:18px}.trackStatus b{color:#ffe052}.trackOption{height:47px;padding:12px 17px 0;box-sizing:border-box;background:#142e45;border-bottom:1px solid #31506a;font-size:19px;white-space:nowrap;overflow:hidden}.trackOption span{display:inline-block;width:36px;color:#6bd7ff}.trackOption em{float:right;color:#ffe052;font-size:14px;font-style:normal}.trackOption.selected{background:#1384b8;box-shadow:inset 7px 0 #8de8ff;font-weight:bold}.trackMenuHelp{padding-top:14px;text-align:center;color:#a9c4d2;font-size:14px}
/* MAG322-compatible layout: avoid relying on flexbox for core positioning. */
.homeHeader{display:block;position:relative}
.homeDate{position:absolute;right:55px;top:24px}
.weatherForecast{display:block}
.forecastDay{float:left;width:104px;margin-right:8px;padding-left:7px;padding-right:7px}
#homeTiles{display:block;text-align:center}
#homeTiles .homeTile{display:inline-block;vertical-align:top;margin:0 5px}
.gridTimes{display:block;white-space:nowrap}
.gridTimes span{display:inline-block;width:16.666%;vertical-align:middle}
.gridRow{display:block;position:relative}
.gridChannel{display:block;position:absolute;left:0;top:0;bottom:0;width:205px;padding-top:7px}
.gridChannel img{vertical-align:middle}
.gridChannel span{display:inline-block;max-width:150px;vertical-align:middle}
.gridTrack{position:absolute;left:205px;right:0;top:0;bottom:0}
/* Compact portal home shortcut beside the service name. */
#homeShortcut{margin-left:17px;padding:5px 11px 5px 8px;border:1px solid #315b76;border-radius:5px;background:#173a54;color:#e5f5fb;font:bold 13px Arial,sans-serif;vertical-align:3px;cursor:pointer}
#homeShortcut:hover,#homeShortcut:focus{outline:none;border-color:#63cff6;background:#1674a8;box-shadow:0 0 8px rgba(85,199,255,.35)}
.homeShortcutIcon{font-size:21px;line-height:10px;vertical-align:-2px;margin-right:3px;color:#65d2ff}
.homeShortcutHint{margin-left:3px;color:#9fc3d5;font-size:11px;letter-spacing:.4px}
/* Two-line EPG synopsis on the channel-selection banner. */
#banner .bannerDescription{margin:3px 0 2px;color:#adc5d3;font-size:15px;line-height:19px;max-height:38px;overflow:hidden;font-weight:normal}
#banner.hasDescription{min-height:126px}
#banner.hasChannelLogo.hasDescription{padding-left:148px}
.listingBrandLogo{display:inline-block;width:126px;height:36px;object-fit:contain;object-position:left center;vertical-align:top;margin-top:1px}
#newsTicker{display:none;position:absolute;left:50px;right:55px;top:402px;height:30px;line-height:30px;overflow:hidden;border-top:1px solid rgba(127,191,216,.18);border-bottom:1px solid rgba(127,191,216,.12);background:rgba(4,25,39,.48);white-space:nowrap;color:#d9eaf2;font-size:15px}.newsTickerTrack{display:inline-block;white-space:nowrap;padding-left:100%;-webkit-animation:newsScroll 150s linear infinite;animation:newsScroll 150s linear infinite}.newsSource{color:#61cdf5;font-weight:bold;margin-right:8px}.newsHeadline{margin-right:22px}.newsDot{color:#ef9b32;font-size:8px;margin-right:22px;vertical-align:2px}@-webkit-keyframes newsScroll{from{-webkit-transform:translateX(0)}to{-webkit-transform:translateX(-100%)}}@keyframes newsScroll{from{transform:translateX(0)}to{transform:translateX(-100%)}}
#exchangeRates{display:none;margin-left:18px;color:#d7e8f0;font-size:16px;font-weight:normal;vertical-align:10px;letter-spacing:.3px}
#portalHome #exchangeRates{position:absolute;left:330px;top:31px;margin:0;color:#e5f2f7;font-size:24px;vertical-align:0;white-space:nowrap}
#portalVersion{position:absolute;right:16px;bottom:8px;color:#7893a1;font-size:12px;letter-spacing:.4px;opacity:.8}
/* Use the full television canvas for the blue-button grid guide. */
#guide.gridGuide{left:8px;right:8px;top:64px;bottom:34px;width:auto;height:auto;padding:0;box-sizing:border-box}
#guide.gridGuide #guideTitle{left:10px;right:10px;top:1px;height:22px;font-size:18px;line-height:22px}
#guide.gridGuide #dayTabs{left:205px;right:10px;top:23px;height:29px;font-size:14px}
#guide.gridGuide #dayTabs>b{left:-195px;top:5px}
#guide.gridGuide .gridTimes{height:29px}
#guide.gridGuide .gridTimes span{padding-top:5px}
#guide.gridGuide #programmes{left:10px;right:10px;top:52px;bottom:70px}
#guide.gridGuide #guideDesc{left:10px;right:10px;bottom:2px;height:62px;padding:4px 11px;font-size:13px;line-height:15px}
#guide.gridGuide #guideDesc>div:last-child{margin-top:1px;font-size:11px;line-height:13px;max-height:26px}
/* Past-time shading and the live time cursor in the full grid guide. */
.gridProgramme.past{background:#101d27;border-color:#263946;color:#8298a5}
.gridProgramme.past small{color:#657b88}
.gridProgramme.past.recorded{background:#172238;color:#a9b7c8}
.gridProgramme.past.selectedProgramme{background:linear-gradient(135deg,#f29b22,#f5c542);border-color:#ffe58b;color:#13202a}
.gridProgramme.past.selectedProgramme small{color:#293a44}
.gridNowOverlay{position:absolute;left:205px;right:0;top:0;bottom:0;z-index:12;pointer-events:none;overflow:visible}
.gridNowOverlay i{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:#ff4b4b;box-shadow:0 0 5px rgba(255,75,75,.85)}
.gridNowOverlay i:before{content:'';position:absolute;left:-4px;top:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid #ff4b4b}
/* Slightly larger synopsis while retaining the compact EPG footer. */
#guide.gridGuide #guideDesc>div:last-child{font-size:15px;line-height:17px;max-height:34px}
/* Eight roomier channel rows in the full EPG. */
#guide.gridGuide .gridRow{height:12.5%;min-height:44px}
#guide.gridGuide .gridChannel{font-size:18px;padding-top:9px}
#guide.gridGuide .gridChannel img{width:38px;height:30px}
#guide.gridGuide .gridProgramme{padding-top:5px;font-size:16px;line-height:16px}
#guide.gridGuide .gridProgramme small{font-size:12px;line-height:13px;margin-top:3px}
/* Wider channel identity column for longer names. */
#guide.gridGuide #dayTabs{left:255px}
#guide.gridGuide #dayTabs>b{left:-245px}
#guide.gridGuide .gridChannel{width:245px}
#guide.gridGuide .gridChannel span{max-width:180px}
#guide.gridGuide .gridTrack{left:245px}
#guide.gridGuide .gridNowOverlay{left:245px}
/* Radio numbering, page navigation and remote-keypad search. */
.radioNumber{display:inline-block;width:55px;color:#70d8ff;font-weight:bold;font-size:15px}
.radioName{width:365px}
#radioSearch{display:none;position:absolute;left:735px;top:90px;width:456px;min-height:155px;padding:22px;background:rgba(5,22,37,.97);border:2px solid #55c7ff;border-radius:8px;z-index:45;color:#d8eaf3;text-align:center;box-shadow:0 12px 38px rgba(0,0,0,.65)}
#radioSearch>b{display:block;font-size:23px;color:#69d5ff;letter-spacing:2px}
.radioSearchDigits{height:40px;margin:12px 0 8px;font-size:32px;line-height:40px;color:#fff;letter-spacing:7px;background:#102f47;border-radius:5px}
#radioSearch small{display:block;margin-top:12px;color:#9db9c8;font-size:14px;line-height:23px}
.radioSearchHelp{margin-top:13px;color:#ffd45a;font-size:13px}
/* TV catch-up availability: a clock/replay mark beside the channel name. */
.ch .cname{vertical-align:middle;white-space:nowrap}
.channelLabelText{display:inline-block;max-width:405px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}
.hasCatchup .channelLabelText{max-width:366px}
.catchupMark{display:inline-block;position:relative;box-sizing:border-box;width:21px;height:21px;margin-left:11px;border:2px solid #93e6bb;border-radius:50%;vertical-align:middle}
.catchupMark:before{content:"";position:absolute;left:8px;top:3px;width:5px;height:7px;border-left:2px solid #93e6bb;border-bottom:2px solid #93e6bb}
.catchupMark:after{content:"";position:absolute;right:-4px;top:-4px;width:0;height:0;border-left:5px solid #93e6bb;border-top:4px solid transparent;border-bottom:4px solid transparent;-webkit-transform:rotate(-40deg);transform:rotate(-40deg)}
/* Six large remote-controlled tiles per page; absolute layout supports older MAG browsers. */
#settingsScreen .settingsTitle{margin:25px 0 0 70px!important;font-size:34px!important;line-height:44px;letter-spacing:3px;color:#e6f6ff}
#settingsScreen #settingsItems{position:absolute;left:70px;top:96px;width:1138px!important;height:310px;margin:0!important}
#settingsScreen .settingItem{position:absolute;box-sizing:border-box;width:366px;height:146px!important;padding:18px 22px!important;border:3px solid #34536b!important;border-radius:12px;background:#112d43!important;color:#d7e9f3;box-shadow:0 5px 14px rgba(0,0,0,.18);overflow:hidden}
#settingsScreen .settingItem.selected{background:#175d80!important;border:3px solid #94e7ff!important;box-shadow:0 0 0 3px rgba(114,216,249,.16),0 6px 24px rgba(0,0,0,.3)!important;color:#fff!important}
#settingsScreen .settingSymbol{position:absolute;left:22px;top:16px;min-width:48px;height:34px;line-height:34px;font-size:17px;font-weight:bold;letter-spacing:1px;color:#77d8ff}
#settingsScreen .settingTileHint{position:absolute;right:20px;top:25px;color:#92afc1;font-size:13px;letter-spacing:1px}
#settingsScreen .settingItem.selected .settingTileHint{color:#ffce7c}
#settingsScreen .settingLabel{display:block;margin-top:45px;font-size:25px;line-height:31px;font-weight:bold}
#settingsScreen .settingExit .settingSymbol{color:#ffce7c}
#settingsScreen #settingsInfo{box-sizing:border-box;left:70px!important;top:428px!important;width:1138px!important;height:184px;min-height:0;padding:14px 22px!important;border:1px solid #35536b;border-top:2px solid #55bfdc;border-radius:10px;background:rgba(8,28,45,.88);color:#c6dce8;font-size:20px!important;line-height:24px!important;overflow:hidden}
#settingsScreen #settingsInfo b{font-size:25px;line-height:30px;margin:0 0 6px;color:#fff}
#settingsScreen .settingsCount{position:absolute;right:22px;top:15px;margin:0;font-size:15px;line-height:28px;color:#80d7f2}
#settingsScreen .settingsNavigation{margin-top:24px;font-size:18px;line-height:26px;color:#8eb8cf}
/* Night scenes retain the moving clouds, rain and snow, with a floating moon. */
#portalHome.nightWeather{background:#081426;background:linear-gradient(135deg,#050b1b,#142641 65%,#243753)}
.nightWeather .homeGlow{opacity:.5}
.nightStars{display:none;position:absolute;left:0;top:0;width:350px;height:235px;z-index:0}
.weatherNight .nightStars{display:block}
.nightStars span{position:absolute;width:3px;height:3px;border-radius:50%;background:#e8f4ff;box-shadow:0 0 7px #b8ddff;-webkit-animation:starTwinkle 4s ease-in-out infinite;animation:starTwinkle 4s ease-in-out infinite}
.nightStars span:after{content:"";position:absolute;left:1px;top:-2px;width:1px;height:7px;background:rgba(226,242,255,.55)}
.weatherNight .sunOrb{background:transparent;box-shadow:inset 29px -8px 0 #dfebff,0 0 38px rgba(170,202,255,.16);z-index:1;-webkit-animation:moonFloat 7s ease-in-out infinite;animation:moonFloat 7s ease-in-out infinite}
.weatherNight .cloud{background:#a9bbd1;box-shadow:36px -25px 0 7px #b9cbe0,78px -7px 0 3px #b9cbe0;z-index:2}
.weatherNight .cloudTwo{opacity:.55}
.weatherNight .rainDrops{z-index:3}
.weatherNight.weatherRain .nightStars,.weatherNight.weatherSnow .nightStars{opacity:.25}
.weatherNight.weatherCloud .nightStars{opacity:.6}
@-webkit-keyframes moonFloat{0%,100%{-webkit-transform:translateY(0);opacity:.92}50%{-webkit-transform:translateY(-7px);opacity:1}}
@keyframes moonFloat{0%,100%{transform:translateY(0);opacity:.92}50%{transform:translateY(-7px);opacity:1}}
@-webkit-keyframes starTwinkle{0%,100%{opacity:.35;-webkit-transform:scale(.8)}50%{opacity:1;-webkit-transform:scale(1.2)}}
@keyframes starTwinkle{0%,100%{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}