:root{font-family:Arial,sans-serif;color:#fff;background:#07172d}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#194a75,#07172d 65%)}main{max-width:760px;margin:auto;padding:24px;text-align:center}.card{background:#0d2747;border:2px solid #2f6f9f;border-radius:22px;padding:24px;margin:18px 0;box-shadow:0 15px 40px #0007}h1{margin:.2em 0;color:#ffd34e}input,button{font:inherit;border-radius:12px;border:0;padding:15px;margin:7px}input{background:#fff;color:#111;min-width:220px}button{background:#ffd34e;color:#12213a;font-weight:800;cursor:pointer}.secondary{background:#d9e7f2}.danger{background:#ef5350;color:white}.buzz{width:min(76vw,380px);height:min(76vw,380px);border-radius:50%;font-size:3.2rem;background:#e73535;color:white;border:12px solid #ff7777;box-shadow:0 16px 0 #921d1d}.buzz:disabled{background:#66717d;border-color:#87909a;box-shadow:0 10px 0 #3e454c}.status{font-size:1.5rem;min-height:2em}.winner{font-size:3rem;color:#ffd34e;font-weight:bold}.row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.queue{font-size:1.35rem;text-align:left;max-width:500px;margin:auto}.queue li{padding:10px;border-bottom:1px solid #ffffff33}.room{font-size:2.4rem;letter-spacing:.15em}img.qr{background:white;padding:10px;width:min(65vw,260px)}.hidden{display:none}.online{color:#76e39c}@media(max-width:500px){main{padding:14px}.buzz{font-size:2.4rem}.winner{font-size:2.2rem}}