.live-controls{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:10px;padding:22px 18px 13px;background:linear-gradient(transparent,#000c);z-index:2}.live-controls[hidden]{display:none}.live-controls button{color:white;background:#17191dc9;border:1px solid #ffffff25;border-radius:5px;min-height:40px;padding:7px 12px;font-size:11px;font-weight:700}.live-controls #toggle-play{width:44px;font-size:18px}.live-controls #go-live{display:flex;gap:8px;align-items:center;letter-spacing:1px}.live-controls #volume{width:80px;accent-color:var(--accent)}.live-controls .quality-label{margin-left:auto;font-size:9px;color:#ccc;display:flex;align-items:center;gap:8px}.live-controls select{min-height:40px;background:#17191dc9;max-width:110px}.player video::cue{background:#000c;color:#fff;font-family:Arial,sans-serif}.player:fullscreen{width:100%;height:100%;border-radius:0;aspect-ratio:auto}.player:fullscreen video{object-fit:contain}.player:fullscreen .live-controls{padding:30px}.live-controls button:hover{border-color:var(--accent)}@media(max-width:740px){.live-controls{gap:6px;padding:20px 9px 8px}.live-controls button{padding:7px 9px;min-height:44px}.live-controls #volume{display:none}.live-controls .quality-label>span{display:none}.live-controls select{max-width:100px;min-height:44px}.live-controls #pip{display:none}}
.live-controls{transition:opacity .18s ease,visibility .18s ease}.controls-idle .live-controls{opacity:0;visibility:hidden;pointer-events:none}.controls-idle{cursor:none}.live-controls #pip{margin-left:auto}.live-controls #expand{margin-left:auto}.live-controls #pip:not([hidden])+#expand{margin-left:0}.live-controls .sound-button{width:40px;height:40px;padding:0;border:0;background:transparent;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.sound-button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.sound-muted{display:none}.is-muted .sound-waves{display:none}.is-muted .sound-muted{display:block}.live-controls .sound-button:hover{background:#ffffff15}.live-controls #volume{width:90px;height:4px}.live-controls #volume:focus-visible{outline:1px solid #aaa;outline-offset:5px}@media(max-width:740px){.live-controls .sound-button{width:44px;height:44px}.live-controls #volume{display:block;width:70px}}@media(prefers-reduced-motion:reduce){.live-controls{transition:none}}
.live-controls #expand{width:40px;height:40px;min-height:40px;max-height:40px;flex:0 0 40px;aspect-ratio:1;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:18px}@media(max-width:740px){.live-controls #expand{margin-left:auto!important;width:44px;height:44px;min-height:44px;max-height:44px;flex-basis:44px}}
.live-controls #expand{font-size:9px;width:22px;height:22px;min-height:22px;max-height:22px;flex:0 0 22px;padding:0;border-radius:4px;position:relative}.live-controls #expand::after{content:"";position:absolute;inset:-11px}@media(max-width:740px){.live-controls #expand{width:22px;height:22px;min-height:22px;max-height:22px;flex-basis:22px;font-size:9px}}
.live-controls #expand,.live-controls #pip{width:27.5px;height:27.5px;min-height:27.5px;max-height:27.5px;flex:0 0 27.5px;padding:0;border-radius:4px;font-size:11.25px;line-height:1;display:inline-flex;align-items:center;justify-content:center;position:relative}.live-controls #pip::after{content:"";position:absolute;inset:-8.25px}.live-controls #expand::after{inset:-8.25px}.live-controls #pip[hidden]{display:none}@media(max-width:740px){.live-controls #pip{display:none}.live-controls #expand{width:27.5px;height:27.5px;min-height:27.5px;max-height:27.5px;flex-basis:27.5px;font-size:11.25px}}