:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{overscroll-behavior:none;color:#fff;background:#000;height:100%;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.audience{background:#000;transition:background-color 60ms linear;position:fixed;inset:0}.stage{width:100%;color:inherit;font:inherit;letter-spacing:.12em;-webkit-tap-highlight-color:transparent;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;display:flex;position:absolute;inset:0}.slot{letter-spacing:0;opacity:0;font-size:clamp(4rem,40vw,16rem);font-weight:700;line-height:1;transition:opacity .2s linear}.audience[data-phase=ready] .slot{opacity:1}.audience.cued .slot{opacity:0}.label{font-size:clamp(1.25rem,7vw,2.5rem)}.detail{text-align:center;opacity:.7;max-width:80vw;font-size:.8rem;line-height:1.5}.wake-lock{text-align:center;color:#ffd166;max-width:80vw;font-size:.75rem;line-height:1.5}.wake-lock:empty{display:none}.audience[data-phase=ready] .stage{cursor:default}.audience[data-phase=error] .detail{color:#ff6b6b;opacity:1}.diagnostics{opacity:0;pointer-events:none;background:#0000008c;border-radius:.5rem;margin:0;padding:.5rem .75rem;font-size:.7rem;line-height:1.6;transition:opacity .12s linear;position:absolute;bottom:.75rem;right:.75rem}.audience.show-diagnostics .diagnostics{opacity:.85}
