:root{--team-color:#bd1020}.buzzer-page{min-height:100svh;background:radial-gradient(circle at top,#fbe4e4,#f4f7fb 48%)}.buzzer-page main{max-width:620px;margin:auto;min-height:100svh;padding:16px}.connect{max-width:460px;margin:8vh auto}.connect h1{margin-top:0}.buzzer-page header{display:flex;align-items:center;justify-content:space-between;gap:12px}.buzzer-page header div{display:grid}.buzzer-page header span{color:var(--muted)}.question{text-align:center;min-height:88px;display:grid;place-content:center}.question p{margin:0}.question #questionTitle{font-weight:800;font-size:clamp(1.25rem,5vw,1.8rem)}.buzz-button{width:min(82vw,390px);aspect-ratio:1;margin:2vh auto 0;display:grid;place-items:center;border:0;background:transparent;position:relative;padding:0;filter:drop-shadow(0 18px 13px color-mix(in srgb,var(--team-color),transparent 65%));transition:transform .08s,filter .15s}.buzz-button:before{content:"";position:absolute;inset:3%;border-radius:50%;background:radial-gradient(circle at 34% 24%,#fff9 0 9%,transparent 10%),radial-gradient(circle at 50% 44%,var(--team-color) 0 48%,#171f2c 49% 64%,#070c15 65%);box-shadow:inset 0 -18px 20px #0005,0 9px 0 #374151}.buzz-button span{position:relative;z-index:1;color:#fff;font-size:clamp(2rem,11vw,4rem);font-weight:1000;text-shadow:0 3px 2px #0008;letter-spacing:.04em}.buzz-button:not(:disabled):active{transform:translateY(8px) scale(.98);filter:drop-shadow(0 8px 6px #0004)}.buzz-button:disabled{filter:grayscale(.8) opacity(.45);cursor:not-allowed}.buzz-state{text-align:center;font-size:1.35rem;font-weight:850;margin:18px 0 4px}.buzz-state.registered{color:var(--success)}.buzz-state.closed,.buzz-state.locked{color:var(--red-dark)}.network{text-align:center;color:var(--muted);font-size:.85rem;margin:0}.final-results{margin:4vh auto 0}.final-results h1{text-align:center}.final-ranking{list-style:none;padding:0;margin:0}.final-ranking li{display:flex;align-items:center;gap:12px;padding:14px 6px;border-bottom:1px solid var(--line);font-size:1.08rem}.final-ranking b{margin-left:auto}.rank{font-weight:900;width:26px}.team-dot{width:18px;height:18px;border-radius:50%;box-shadow:inset 0 0 0 2px #fff,0 0 0 1px #c7d0df}.final-mode .question,.final-mode .buzz-button,.final-mode .buzz-state{display:none!important}.final-mode .final-results{display:block!important}.final-mode .network{margin-top:22px}@media(max-height:650px){.buzz-button{width:min(57vh,310px)}.question{min-height:60px}.buzzer-page main{padding-top:8px}}