*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#241cd5;color:#fff9e8;font-family:Arial,Helvetica,sans-serif}main{height:100%;position:relative}canvas{display:block;width:100%;height:100%}header,footer{position:absolute;left:3.5vw;right:3.5vw;display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:1.3px;font-weight:700;z-index:2}header{top:30px;align-items:flex-start}header a{color:inherit;text-decoration:none}header a span{padding-left:20px}.edition{font-size:9px;line-height:1.7;text-align:right;opacity:.75}footer{bottom:28px;font-size:10px}.caption{display:flex;align-items:center;gap:10px;min-width:225px}.live{width:6px;height:6px;background:#eefe4b;border-radius:50%}.controls{display:flex;gap:8px}button{border:1px solid #ffffff45;border-radius:30px;padding:10px 13px;background:#0000000b;color:inherit;font:inherit;letter-spacing:.7px;cursor:pointer}button:hover,button:focus-visible{background:#fff9e8;color:#241cd5;outline:none}#time{font-variant-numeric:tabular-nums;min-width:100px;text-align:right}.progress{position:absolute;bottom:0;height:3px;left:0;right:0;background:#ffffff20}#progress{height:100%;background:#eefe4b;width:0}@media(max-width:700px){header{top:22px;font-size:9px}.edition{display:none}footer{bottom:22px;flex-wrap:wrap;gap:15px}.caption{min-width:unset}.controls{order:3;justify-content:center;width:100%}button{font-size:9px;padding:9px 10px}#time{min-width:unset}header,footer{left:6vw;right:6vw}}