.qr-frame { margin: 1.3rem auto; width: min(86vw, 400px); padding: 12px; background: white; border: 1px solid #ddd; border-radius: 12px; }
.qr-frame img { width: 100%; display: block; }
.gate-live-qr .qr-refreshing { display: none; padding: 2rem 0; color: #555; }
html.gate-qr-paused .gate-live-qr img { display: none; }
html.gate-qr-paused .gate-live-qr .qr-refreshing { display: block; }
html.gate-qr-paused .gate-live-countdown { visibility: hidden; }