.watch-page{color:#fff;background:#061e29;min-height:100dvh;padding:24px max(18px,50vw - 550px);font-family:Arial,sans-serif}.watch-page *{box-sizing:border-box}.watch-page header{margin-bottom:28px}.watch-brand{color:#fff;align-items:center;gap:10px;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex}.watch-brand small{color:#9ac6c9;letter-spacing:.1em;margin-top:3px;font-size:11px;display:block}.watch-brand-mark{color:#f1b25a;background:#165262;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.watch-programme{max-width:1000px;margin:auto}.watch-kicker{color:#94e0de;letter-spacing:.09em;background:#174452;border-radius:20px;padding:7px 11px;font-size:13px;font-weight:700;display:inline-block}.watch-programme h1{margin:16px 0 6px;font-size:clamp(28px,5vw,42px);line-height:1.15}.watch-subtitle{color:#b8d1d5;margin:0 0 20px;font-size:17px}.watch-picture{aspect-ratio:16/9;background:#000;border-radius:14px;margin-top:18px;position:relative;overflow:hidden}.watch-picture iframe{border:0;width:100%;height:100%;display:block}.watch-awaiting{text-align:center;color:#bdd5d7;place-items:center;height:100%;padding:20px;display:grid}.watch-page-burst{pointer-events:none;position:absolute;inset:0;overflow:hidden}.watch-page-burst svg{color:#ff7190;opacity:0;width:28px;height:28px;animation:1.3s ease-out forwards watch-float-heart;position:absolute;bottom:8%}@keyframes watch-float-heart{0%{opacity:1;transform:translateY(0)scale(.7)}to{opacity:0;transform:translateY(-110px)scale(1.5)}}.watch-page-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.watch-page-actions button{color:#fff;cursor:pointer;background:#164756;border:1px solid #84c8cf;border-radius:10px;justify-content:center;align-items:center;width:46px;height:46px;padding:0;display:inline-flex}.watch-page-actions button:hover{background:#245d6b}.watch-page-actions button:focus-visible{outline-offset:3px;outline:3px solid #f1b25a}.watch-page-actions button:disabled{color:#f9b2c3;cursor:default;background:#274550}.watch-page-actions svg{width:21px;height:21px}.watch-audio-note svg{flex:none;width:18px;height:18px}.watch-notice{color:#d4eeee;font-size:15px}.watch-audio-note{color:#aec9ce;align-items:center;gap:8px;font-size:14px;line-height:1.5;display:flex}@media (max-width:600px){.watch-page{padding:16px}.watch-page header{margin-bottom:20px}}.watch-webrtc{background:#061b25;width:100%;height:100%;position:relative}.watch-webrtc video{object-fit:contain;width:100%;height:100%}.watch-webrtc>button{color:#fff;font:inherit;cursor:pointer;background:#086678;border:1px solid #a4e1dc;border-radius:10px;padding:12px 20px;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.watch-webrtc>button:disabled{opacity:.7;cursor:wait}.watch-webrtc>p{color:#fff;background:#092a35dc;border-radius:7px;padding:8px 12px;position:absolute;bottom:12px;left:16px;right:16px}.watch-webrtc-test{overflow:hidden}.watch-webrtc-test video{object-fit:contain;display:block}.watch-webrtc-test.watch-video-rotate-90 video,.watch-webrtc-test.watch-video-rotate-270 video{width:56.25%;height:177.778%;position:absolute;top:50%;left:50%}.watch-webrtc-test.watch-video-rotate-90 video{transform:translate(-50%,-50%)rotate(90deg)}.watch-webrtc-test.watch-video-rotate-270 video{transform:translate(-50%,-50%)rotate(-90deg)}.watch-webrtc-test.watch-video-rotate-180 video{transform:rotate(180deg)}.watch-test-controls{z-index:2;flex-wrap:wrap;justify-content:center;gap:6px;display:flex;position:absolute;bottom:8px;left:8px;right:8px}.watch-test-controls button{color:#fff;cursor:pointer;background:#073b4aeb;border:1px solid #a4e1dc;border-radius:8px;min-height:38px;padding:6px 9px;font:13px Arial,sans-serif}.sfu-live-player{background:#000;width:100%;height:100%;position:relative}.sfu-live-player video{object-fit:contain;width:100%;height:100%;display:block}.sfu-live-player button{z-index:2;color:#fff;cursor:pointer;background:#073b4a;border:1px solid #a4e1dc;border-radius:8px;width:40px;height:40px;font-size:24px;position:absolute;top:12px;right:12px}.sfu-live-player p{color:#fff;background:#092a35de;border-radius:7px;margin:0;padding:8px 12px;position:absolute;bottom:52px;left:12px;right:12px}.watch-tip{margin-top:18px}.watch-tip .square-tip-form{color:#fff;background:#0b3542}.watch-tip .square-tip-heading h3,.watch-tip .square-custom,.watch-tip .square-cardholder,.watch-tip .square-billing-grid label,.watch-tip .square-postal-note,.watch-tip .square-loading,.watch-tip .square-secure{color:#d8ecee}.watch-tip .square-amounts button,.watch-tip .square-custom span,.watch-tip .square-cardholder input,.watch-tip .square-billing-grid input,.watch-tip .square-billing-grid select,.watch-tip .square-card-slot{color:#fff;background:#123f4c;border-color:#72aeb5}.watch-tip .square-amounts button.active{color:#fff;background:#1c5a66;border-color:#8de2dd}.watch-tip .square-card-slot{border-radius:10px;padding:8px}.sfu-live-player .sfu-viewer-controls{z-index:3;justify-content:center;gap:8px;display:flex;position:absolute;bottom:8px;left:8px;right:8px;transform:none}.sfu-live-player .sfu-viewer-controls button{color:#fff;cursor:pointer;background:#073b4aeb;border:1px solid #a4e1dc;border-radius:8px;width:auto;height:auto;min-height:40px;padding:7px 12px;font:700 14px Arial,sans-serif;position:static;top:auto;right:auto}.sfu-live-player .sfu-viewer-controls,.sfu-live-player .sfu-viewer-controls *{transform:none}