*{box-sizing:border-box}html,body{color:#fff;background:#000;width:100%;height:100%;margin:0;font-family:Arial,sans-serif;overflow:hidden}[hidden]{display:none!important}#selector{background:#111c2d;min-height:100vh;padding:7vh 7vw}h1{margin:0 0 2rem;font-size:3.8vw}p{font-size:1.8vw;line-height:1.5}#streams{flex-wrap:wrap;gap:2rem;max-height:55vh;margin-top:3rem;padding:1rem;display:flex;overflow:auto}#streams button{color:#fff;cursor:pointer;background:#243d5d;border:4px solid #6486ae;border-radius:1rem;min-width:25vw;padding:3rem;font-size:3vw}#streams button:focus{outline-offset:6px;background:#345e8c;outline:6px solid #ffd76a}button:focus-visible{outline-offset:6px;background:#345e8c;outline:6px solid #ffd76a}#playback{position:fixed;top:0;bottom:0;left:0;right:0}video{object-fit:contain;background:#000;width:100%;height:100%;position:absolute}#message{text-align:center;background:#000000d9;height:fit-content;padding:2rem;font-size:2.5vw;position:absolute;top:30%;bottom:30%;left:10%;right:10%}#choose{color:#fff;cursor:pointer;background:#14243b;border:2px solid #6486ae;border-radius:.5rem;padding:.8rem 1.2rem;font-size:1.3rem;position:absolute;bottom:1rem;right:1rem}@media (max-width:700px){h1{font-size:2rem}p{font-size:1.1rem}#streams button{width:100%;padding:1.8rem;font-size:1.5rem}#message{font-size:1.5rem}}