.overlay{position:fixed;inset:0;z-index:15;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none;opacity:0;transition:opacity .25s;padding:24px}.overlay.show{opacity:1}.overlay.count,.overlay.over{background:#000810b8}.overlay .num{font:300 min(42vw,260px)/.85 var(--display);text-transform:uppercase;color:var(--white)}.overlay .num.go{color:var(--teal)}.overlay .num.small{font-size:min(30vw,180px);color:var(--white);opacity:.85}.overlay .num.over{font-size:min(28vw,200px);color:var(--teal)}.overlay.show .num{animation:pop .9s cubic-bezier(.2,.9,.2,1) both}.overlay.tick.show .num{animation:tick .65s ease-out both}@keyframes pop{0%{transform:scale(1.6);opacity:0;letter-spacing:.2em}35%{opacity:1}to{transform:scale(1);letter-spacing:0}}@keyframes tick{0%{transform:scale(1.3);opacity:0}30%{opacity:.9}to{transform:scale(.9);opacity:0}}.overlay .sub{font-size:18px;color:var(--grey);margin-top:10px;max-width:40ch}.overlay .code{font:400 min(36vw,220px)/.85 "Courier New",monospace;color:var(--white);letter-spacing:-.04em;animation:glitch .5s steps(2) 2}.overlay.forbid{background:#0008108c}@keyframes glitch{0%{transform:translate(0)}25%{transform:translate(-6px,2px)}50%{transform:translate(5px,-3px)}75%{transform:translate(-3px,-1px)}to{transform:translate(0)}}@media(prefers-reduced-motion:reduce){.overlay.tick.show .num{opacity:.85}}