#overlay{pointer-events:none;color:#fff;--pink:#ff2fb2;--cyan:#2fd6ff;font-family:Arial Black,Impact,system-ui,sans-serif;position:fixed;inset:0}.bug{background:#0b0d18e6;border:2px solid #fff2;border-radius:6px;align-items:stretch;font-size:clamp(12px,1.9vw,28px);display:flex;position:absolute;top:2.4vh;left:2.2vw;overflow:hidden;box-shadow:0 6px 20px #0008}.bug .team{border-left:.35em solid var(--team,#888);align-items:center;gap:.5em;padding:.25em .6em;display:flex}.bug .team.ball .code:after{content:"";vertical-align:middle;background:#ff7a1a;border-radius:50%;width:.45em;height:.45em;margin-left:.3em;display:inline-block}.bug .code{letter-spacing:.04em}.bug .score{text-align:right;font-variant-numeric:tabular-nums;color:#ffe66b;min-width:1.6em}.bug .clock{background:var(--pink);text-align:center;flex-direction:column;justify-content:center;padding:.15em .6em;font-size:.75em;line-height:1.05;display:flex}.bug .clock .time{font-variant-numeric:tabular-nums}.rule{color:#1a1400;opacity:0;background:#ffd23d;border-radius:4px;padding:.25em .7em;font-size:clamp(10px,1.2vw,18px);transition:opacity .25s,transform .25s;position:absolute;top:calc(2.4vh + 2.3*clamp(12px,1.9vw,28px));left:2.2vw;transform:translateY(-6px)}.rule.on{opacity:1;transform:none}.meters{background:#0b0d18cc;border-radius:6px;gap:.35em;padding:.5em .7em;font-size:clamp(9px,1vw,15px);display:grid;position:absolute;top:2.4vh;right:2.2vw}.meter{grid-template-columns:6.5em 9em;align-items:center;display:grid}.meter .track{background:#ffffff1a;border-radius:1em;height:.7em;overflow:hidden}.meter .bar{width:20%;height:100%;transition:width .2s;display:block}.meter.fans .bar{background:linear-gradient(90deg, var(--pink), var(--cyan))}.meter.ludd .bar{background:linear-gradient(90deg,#8a6a3a,#d9cbb0)}.slam{text-align:center;letter-spacing:.02em;color:#ffe66b;-webkit-text-stroke:.04em #2a0a1c;text-shadow:.06em .06em 0 var(--pink), 0 0 .6em #ff2fb288;opacity:0;font-family:Impact,Arial Black,sans-serif;font-size:clamp(22px,6.2vw,92px);position:absolute;top:26vh;left:0;right:0;transform:scale(.6)rotate(-4deg)}.slam.on{animation:1.8s ease-out forwards slam}@keyframes slam{0%{opacity:0;transform:scale(2.2)rotate(-6deg)}10%{opacity:1;transform:scale(.95)rotate(-3deg)}16%{transform:scale(1.05)rotate(-3deg)}80%{opacity:1;transform:scale(1)rotate(-3deg)}to{opacity:0;transform:scale(1.1)rotate(-3deg)}}.chyron{align-items:stretch;max-width:70vw;font-size:clamp(11px,1.6vw,24px);transition:opacity .4s;display:flex;position:absolute;bottom:3vh;left:2.2vw}.chyron.dim{opacity:.55}.chyron .who{background:var(--pink);align-items:center;padding:.3em .6em;font-size:.7em;display:flex}.chyron .line{background:#0b0d18e6;padding:.3em .8em}.toasts{justify-items:end;gap:.3em;font-family:system-ui,sans-serif;font-size:clamp(10px,1.15vw,17px);font-weight:700;display:grid;position:absolute;bottom:3vh;right:2.2vw}.toast{border-left:.3em solid var(--cyan);background:#0b0d18e6;padding:.3em .7em;animation:4s ease-out forwards toast}@keyframes toast{0%{opacity:0;transform:translate(1em)}8%,85%{opacity:1;transform:none}to{opacity:0}}.card{text-align:center;opacity:0;background:radial-gradient(#0b0d18aa 0%,#0b0d1800 70%);flex-direction:column;justify-content:center;align-items:center;gap:.6em;transition:opacity .3s;display:flex;position:absolute;inset:0}.card.on{opacity:1}.card .big{color:#fff;-webkit-text-stroke:.03em #2a0a1c;text-shadow:.06em .06em 0 var(--pink);padding:0 4vw;font-family:Impact,Arial Black,sans-serif;font-size:clamp(28px,7vw,110px)}.card .small{background:#0b0d18cc;border-radius:4px;padding:.25em .8em;font-family:system-ui,sans-serif;font-size:clamp(12px,1.8vw,26px);font-weight:700}.card .small:empty{display:none}.card.beat .big{animation:.5s ease-out beat}@keyframes beat{0%{opacity:0;transform:scale(1.6)}60%{opacity:1;transform:scale(.96)}to{transform:none}}.card[data-kind=final] .big,.card[data-kind=half] .big{color:#ffe66b}.tuning{color:#9fb0ff;background:repeating-linear-gradient(0deg,#12152a 0 3px,#0b0d18 3px 6px);justify-content:center;align-items:center;font-size:clamp(18px,4vw,54px);display:none;position:absolute;inset:0}.tuning.on{display:flex}
