#joinPanel{position:fixed;right:24px;bottom:105px;z-index:5;background:#f7f8fc;color:#14151b;padding:16px;border-radius:14px;width:210px;text-align:center;box-shadow:0 12px 32px #0004}#joinPanel img{display:block;width:178px;height:178px;background:white}#joinPanel strong{font-size:15px;font-weight:800;display:block}#joinPanel a{font-size:10px;color:#243a63;overflow-wrap:anywhere;display:block;margin-top:7px}#joinPanel p{font-size:12px;margin:8px 0 0}#joinPanel[hidden]{display:none}#networkError{position:fixed;top:12px;left:50%;transform:translateX(-50%);z-index:9;background:#8a2c2c;color:white;padding:10px 18px;border-radius:8px}#networkError[hidden]{display:none}#joinToggle{min-width:60px}body[data-phase=idle] #center{top:16%;width:calc(100% - 270px);left:42%}body[data-phase=idle] #headline{font-size:clamp(36px,6vw,92px)}:root:fullscreen #joinPanel{bottom:22px;right:22px}:root:fullscreen body[data-phase=idle] #center{top:20%}@media(max-width:800px){#joinPanel{width:156px;padding:10px;right:12px;bottom:90px}#joinPanel img{width:136px;height:136px}#joinPanel strong{font-size:12px}body[data-phase=idle] #center{width:calc(100% - 180px);left:38%}body[data-phase=idle] #headline{font-size:clamp(28px,5vw,60px)}}

#qrDialog{width:min(640px,calc(100vw - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:28px 32px 24px;background:#fff;color:#14151b;text-align:center;border-radius:20px;overflow:auto;box-shadow:0 24px 80px #0007}
#qrDialog::backdrop{background:#08090edb}
#qrDialog h2{font:800 clamp(24px,3vw,34px)/1.15 Manrope,Arial,sans-serif;letter-spacing:-.03em;margin:8px 36px 16px}
#qrDialog img{display:block;width:min(100%,440px,calc(100dvh - 270px));height:auto;aspect-ratio:1;margin:0 auto;background:#fff}
#qrDialog p{font-size:15px;line-height:1.5;margin:10px 0;color:#424957}
#qrDialog .qr-guests{font-weight:800;color:#14151b}
#qrDialog a{display:block;font-size:12px;overflow-wrap:anywhere;color:#244f83;margin-top:14px}
#qrDialog .qr-close{position:absolute;right:12px;top:12px;min-height:36px;padding:8px 12px;background:#eef0f4;color:#303742;font-size:12px}
#qrDialog :focus-visible{outline:3px solid #285fb0;outline-offset:3px}
:root:fullscreen #qrDialog{cursor:auto}
@media(max-height:540px){#qrDialog{padding:16px;display:grid;grid-template-columns:min(45vw,calc(100dvh - 70px)) 1fr;gap:10px 20px;align-items:center}#qrDialog:not([open]){display:none}#qrDialog img{grid-column:1;grid-row:1/5;width:100%}#qrDialog h2,#qrDialog p,#qrDialog a{grid-column:2;margin:4px}#qrDialog h2{margin-top:35px}}

#finalScores{display:flex;justify-content:center;gap:48px;margin-top:16px}#finalScores[hidden]{display:none}#finalScores>div{display:grid;grid-template-columns:auto auto;gap:0 12px;text-align:left;align-items:baseline}#finalScores span{grid-column:1;font-size:16px;font-weight:800}#finalScores strong{grid-column:2;grid-row:1/3;font-size:clamp(30px,4vw,48px);font-weight:800;font-variant-numeric:tabular-nums;line-height:1.1}#finalScores small{grid-column:1;font-size:12px;color:#b9becd}.score-marena{color:#65c7ff}.score-egikyan{color:#ff8468}.finished #center{padding-top:12px;padding-bottom:12px}.finished #sub{font-size:13px}@media(max-width:600px){#finalScores{gap:24px;margin-top:10px}#finalScores>div{gap:0 7px}#finalScores span{font-size:13px}}

/* The final is a full awards scene, with no reserved operator/header band. */
body.finished header,body.finished .scoreboard{display:none}
body.finished main{inset:0 0 78px}
#finalScores strong{grid-row:1}
@media(max-width:560px){body.finished main{inset:0 0 76px}}
:root:fullscreen body.finished main{inset:0}

#joinPanel a,#qrDialog a{display:none}

body[data-phase="idle"] #center,:root:fullscreen body[data-phase="idle"] #center{left:50%;width:min(1000px,calc(100% - 32px));transform:translateX(-50%);text-align:center}

#liveTaps{position:fixed;inset:0;pointer-events:none;z-index:3}#liveTaps[hidden]{display:none}.live-team{position:absolute;top:48%;transform:translateY(-50%);width:clamp(100px,14vw,200px);padding:18px 12px;text-align:center;background:#14151be8;border-radius:14px;box-shadow:0 8px 30px #0003}.live-marena{left:20px;color:#65c7ff}.live-egikyan{right:20px;color:#ff8468}.live-team span{display:block;font-size:clamp(14px,1.8vw,24px);font-weight:800}.live-team strong{display:block;font-size:clamp(30px,4.2vw,64px);font-weight:800;line-height:1.2;font-variant-numeric:tabular-nums;letter-spacing:-.03em;margin:5px 0}.live-team small{display:block;color:#f7f8fc;font-size:clamp(12px,1.2vw,17px)}.tap-setting{display:flex;align-items:center;justify-content:space-between;gap:20px;line-height:1.4}.tap-setting input{width:24px;height:24px;flex:none;accent-color:var(--accent);cursor:pointer}@media(max-width:600px){.live-team{width:88px;padding:12px 6px;top:43%}.live-marena{left:8px}.live-egikyan{right:8px}.live-team strong{font-size:30px}.live-team span{font-size:12px}}

/* Keep the joining code at the right-hand vertical center. */
#joinPanel,:root:fullscreen #joinPanel{top:50%;bottom:auto;transform:translateY(-50%)}
#qrDialog{inset:0;margin:auto;width:min(760px,calc(100vw - 32px))}
#qrDialog img{width:min(100%,600px,calc(100dvh - 270px))}
#qrDialog::backdrop{background:#08090edb}