/* AlphaTyping Extra CSS - Shared across all typing pages */
/* Alphabet test progress bar */
.alpha-progress{display:flex;gap:4px;flex-wrap:wrap;margin:16px 0;justify-content:center}
.alpha-letter{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;font-family:'JetBrains Mono',monospace;background:var(--bg3);border:1.5px solid var(--border);color:var(--sub);transition:all .15s}
.alpha-letter.done{background:rgba(34,197,94,.15);border-color:var(--ok);color:var(--ok)}
.alpha-letter.current{background:rgba(59,130,246,.2);border-color:var(--accent2);color:var(--accent2);transform:scale(1.15)}
.alpha-letter.wrong{background:rgba(239,68,68,.15);border-color:var(--danger);color:var(--danger)}
/* Number/Alphanumeric display */
.num-display{font-family:'JetBrains Mono',monospace;font-size:28px;letter-spacing:.05em}
/* Ads placeholder - hidden until ad code added */
.ad-zone{display:none!important;width:100%;overflow:hidden;text-align:center;margin:16px 0}
.ad-zone.ad-active{display:block!important}
/* Challenge badge */
.ch-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:99px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}