:root{--pad:clamp(16px, 2.2vw, 48px);--s:clamp(12px, 1.25vw, 30px)}body{font-size:var(--s);overflow:hidden}body.idle-cursor{cursor:none}#stage iframe{pointer-events:none;opacity:0;border:0;width:100%;height:100%;transition:opacity 1.2s;position:fixed;inset:0}#stage iframe.visible{opacity:1}#overlay{pointer-events:none;line-height:1.25;position:fixed;inset:0}body.clean #overlay>:not(#progress){display:none}#overlay a{pointer-events:auto}#logos{top:var(--pad);left:var(--pad);gap:calc(var(--pad) * .8);align-items:center;display:flex;position:absolute}#logos img{height:calc(var(--s) * 2.2);max-width:calc(var(--s) * 6);object-fit:contain;filter:brightness(0)invert();width:auto;display:block}#clock{top:var(--pad);right:var(--pad);font-size:calc(var(--s) * 1.4);font-variant-numeric:tabular-nums;text-transform:uppercase;letter-spacing:.06em;gap:.4em;display:flex;position:absolute}#mode:empty{display:none}#bottom-left{left:var(--pad);bottom:calc(var(--pad) + 6px);flex-direction:column;align-items:flex-start;gap:1em;max-width:60vw;display:flex;position:absolute}#title{font-size:calc(var(--s) * 4.2);letter-spacing:-.03em;margin:0 0 .15em;font-weight:700;line-height:1.02}#title span,#artist span,#meta span{background:var(--bg);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:.02em .25em}#artist{font-size:calc(var(--s) * 2);margin:0 0 .35em}#meta{font-size:calc(var(--s) * 1.1);text-transform:uppercase;letter-spacing:.08em;margin:0}#remix{margin-top:1em;font-size:.9rem;text-decoration:none;display:none}@media (pointer:coarse),(width<=700px){#remix{display:inline-block}}#next{right:var(--pad);top:calc(var(--pad) * 3.2);text-align:right;width:min(24vw,520px);position:absolute}#next>div+div{margin-top:1.4em}#next h2{font-size:var(--s);text-transform:uppercase;letter-spacing:.1em;margin:0 0 .6em;font-weight:400}#next ol{margin:0;padding:0;list-style:none}#next li{margin-bottom:.55em}#next li span{background:var(--bg);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:.02em .3em}#next li .who{color:var(--muted)}#next>div.empty{display:none}#sound-now{font-size:calc(var(--s) * 1.1);letter-spacing:.02em;font-variant-numeric:tabular-nums;margin:0}#sound-now span{background:var(--bg);padding:.1em .35em}#sound-widget{top:var(--pad);z-index:2;position:fixed;left:50%;transform:translate(-50%)}#sound-widget iframe{width:calc(var(--s) * 9);height:calc(var(--s) * 2);opacity:.85;border:0;transition:width .2s,height .2s;display:block}body.audio-locked #sound-widget iframe{width:calc(var(--s) * 16);height:calc(var(--s) * 3.6);opacity:1}body.clean:not(.audio-locked) #sound-widget iframe{opacity:.02}#join{right:var(--pad);bottom:calc(var(--pad) + 6px);text-align:right;font-size:calc(var(--s) * 1.05);text-transform:uppercase;letter-spacing:.06em;flex-direction:row-reverse;align-items:flex-end;gap:.8em;display:flex;position:absolute}#join p{margin:0;line-height:1.6}#qr{width:calc(var(--s) * 7);height:calc(var(--s) * 7);padding:calc(var(--s) * .35);background:#fff}#qr svg{width:100%;height:100%;display:block}#idle{left:var(--pad);font-size:calc(var(--s) * 3.5);letter-spacing:-.03em;font-weight:700;line-height:1.1;position:absolute;top:50%;transform:translateY(-50%)}#idle p{margin:0 0 .2em}#progress{background:#0009;height:6px;position:absolute;bottom:0;left:0;right:0}#progress div{background:var(--fg);width:0;height:100%}#fullscreen{bottom:calc(var(--pad) + 10px);transition:opacity .4s;position:fixed;left:50%;transform:translate(-50%)}body.idle-cursor #fullscreen{opacity:0;pointer-events:none}:fullscreen #fullscreen{opacity:0;pointer-events:none}@media (width<=700px){#next,#join{display:none}#bottom-left{max-width:none;right:var(--pad)}#title{font-size:2rem}#artist{font-size:1.2rem}#meta{font-size:.75rem}#clock{font-size:.9rem}#idle{font-size:1.8rem}}