*{box-sizing:border-box}html,body{width:100%;height:100%;background:#000;margin:0;overflow:hidden;font-family:SF Pro,Segoe UI,Roboto,Oxygen,Ubuntu,Helvetica Neue,Helvetica,Arial,sans-serif}[hidden]{display:none}body{display:flex;justify-content:center;align-items:center}#commentary{width:0;height:0;opacity:0;visibility:hidden;position:absolute;top:0;left:0}input{touch-action:manipulation;appearance:none;background:transparent;display:block;margin:0;padding:0;transition:box-shadow .3s ease;width:100%;max-width:25rem;position:relative;z-index:2;height:2rem}#tv-volume{color:#00b2ff}#commentary-volume{color:#ff4d00}input::-webkit-slider-thumb{appearance:none;background:#fff;border-radius:100%;box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;height:14px;margin-top:-.175rem;position:relative;transition:all .2s ease;width:14px}input[type=range]::-webkit-slider-runnable-track{background:#ffffff40;background-image:linear-gradient(to right,currentColor var(--value, 0),#0000 var(--value, 0));border:0;border-radius:.5rem;height:.5rem;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none}iframe,#volume-controls{width:100%;height:100%}#chat{width:25%;height:100%}#player-container{width:75%;height:100%;display:flex;flex-direction:column}#player{position:relative;display:flex}#player svg{position:absolute;width:2rem;height:2rem;padding:.5rem;fill:#fff;bottom:.5rem;right:.5rem;border-radius:.5rem;transform:translateY(2.5rem);z-index:0;transition:.3s ease;cursor:pointer}#player:not(:fullscreen) svg #exit-fullscreen{display:none}#player:fullscreen svg #enter-fullscreen{display:none}#player:hover svg{transform:translateY(0)}#player svg:hover{background:#00b2ff}#click-to-unmute{position:absolute;top:0;left:0;background:#00000080;width:75%;aspect-ratio:16 / 9;color:#fff;display:flex;justify-content:center;align-items:center;font-size:1.5rem;gap:1rem;cursor:pointer;z-index:2}#click-to-unmute svg{fill:#fff;width:2rem;height:2rem}#tv{width:100%;aspect-ratio:16 / 9}#volume-controls{background:#070707;color:#fff;font-weight:700;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem;z-index:1;padding:1rem}#volume-labels{display:flex;flex-direction:column;align-items:flex-end;justify-content:center}#volume-labels span{display:flex;align-items:center;height:2.5rem}.volume-container{display:flex;justify-content:center;align-items:center;color:#fff;font-weight:700;gap:.5rem;width:100%}.volume-container svg{height:2.5rem;width:2.5rem;fill:#fff;padding:.5rem;border-radius:.5rem;cursor:pointer;transition:.2s ease}.volume-container svg:hover{background:#00b2ff}@media screen and (max-width:100vh){body{flex-direction:column}body>*,#click-to-unmute{width:100%!important}#volume-controls,#player-container{height:auto}}