dl.ct-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: auto auto; grid-auto-flow: column; gap: 0 8px; text-align: center; }
dl.ct-stats dd { text-align: center; font-variant-numeric: tabular-nums; }
.ct-board { --n: 2; display: grid; grid-template-columns: repeat(var(--n), minmax(0, 1fr)); gap: clamp(3px, calc(16px / var(--n)), 8px); width: 100%; max-width: 420px; margin: 0 auto; touch-action: manipulation; user-select: none; }
.ct-tile { --c: var(--bg); aspect-ratio: 1; min-width: 0; min-height: 0; width: auto; padding: 0; border: 0; border-radius: clamp(4px, calc(40px / var(--n)), 12px); background: var(--c); }
.ct-tile:disabled { opacity: 1; cursor: default; }
.ct-tile.ct-answer { outline: 3px solid var(--fg); outline-offset: 2px; }