.pr-wrap{align-items:center;gap:calc(6*var(--g));flex-direction:column;max-width:1240px;margin:0 auto;padding:24px 16px 56px;display:flex}.pr-head{text-align:center}.pr-kicker{color:var(--mcx-yellow)}.pr-head h1{margin:calc(2*var(--g))0 0;font:inherit;font-size:calc(24*var(--g));color:#fff;font-weight:400;line-height:1}.pr-stage{aspect-ratio:16/9;background:#000;width:100%;position:relative;overflow:hidden}.pr-canvas{width:100%;height:100%;display:block}.pr-count{justify-content:center;align-items:center;gap:calc(4*var(--g));text-align:center;flex-direction:column;padding:16px;display:flex;position:absolute;inset:0}.pr-clock{font-size:calc(32*var(--g));color:#fff;font-variant-numeric:tabular-nums;line-height:1}.pr-clock small{margin-left:2px;font-size:.5em}.pr-sub{color:#e0e0e0;margin:0}.pr-when{color:#a0a0a0;margin:0}.pr-out-buttons{justify-content:center;gap:calc(4*var(--g));margin-top:calc(4*var(--g));flex-wrap:wrap;display:flex}.pr-out-buttons .mcx-btn{width:calc(130*var(--g))}.pr-bar{justify-content:center;align-items:center;gap:calc(8*var(--g));flex-wrap:wrap;display:flex}.pr-tuned{align-items:center;gap:calc(4*var(--g));color:#fff;display:inline-flex}.pr-dot{width:calc(4*var(--g));height:calc(4*var(--g));background:#6b6b6b}.pr-dot.is-live{background:var(--mcx-red)}.pr-join{min-width:calc(150*var(--g))}.pr-in{margin:0}.pr-crowd{justify-content:center;gap:calc(2*var(--g));max-width:100%;min-height:calc(18*var(--g));flex-wrap:wrap;display:flex}.pr-face{padding:calc(1*var(--g));background:#00000059;display:inline-grid}.pr-face img{width:calc(16*var(--g));height:calc(16*var(--g));image-rendering:pixelated;display:block}.pr-face.is-you{outline:var(--g)solid var(--mcx-yellow)}.pr-empty{color:#a0a0a0}.pr-fine{margin:calc(4*var(--g))0 0;color:#a0a0a0;text-align:center}.pr-fine a{color:#fff}@media (max-width:700px){.pr-clock{font-size:calc(20*var(--g))}.pr-head h1{font-size:calc(16*var(--g))}.pr-join{width:100%}}