/* The 3, 2, 1 before a match (countdown.js), the same in every game. */
.cd-count { position: fixed; inset: 0; z-index: 40; display: grid; place-items: center; pointer-events: none; background: radial-gradient(circle, rgba(4, 3, 14, .35), rgba(4, 3, 14, .7)); }
.cd-count[hidden] { display: none; }
/* the box is the digit itself (trimmed to the font's cap height), so it centers exactly */
.cd-count b { display: block; text-box: trim-both cap alphabetic; font: 900 clamp(120px, 22vw, 260px)/1 var(--display); color: transparent; background: linear-gradient(95deg, #eef1ff, #7b8cff 45%, var(--pink)); -webkit-background-clip: text; background-clip: text; animation: cdIn .9s ease-out both; }
@keyframes cdIn { from { opacity: 0; transform: scale(1.8); } 25% { opacity: 1; transform: scale(1); } to { opacity: .85; transform: scale(.92); } }