.c4-vs { display: flex; align-items: center; justify-content: center; gap: .8rem; flex-wrap: wrap; margin-bottom: 1.2rem; }
.c4-vs .vs { color: var(--text-mute); font-weight: 800; }
.c4-p { display: flex; align-items: center; gap: .5rem; padding: .5rem .9rem; border-radius: 14px; background: var(--surface-2); border: 2px solid var(--line-soft); font-weight: 800; }
.c4-p.is-turn { border-color: var(--primary); box-shadow: 0 0 0 4px rgb(var(--primary-rgb) / .15); }
.c4-p > svg { width: 16px; height: 16px; color: var(--text-mute); }
.c4-p .num { font-size: 1.1rem; color: var(--primary-ink); }
.mx-badge { width: 24px; height: 24px; display: grid; }
.mk { width: 100%; height: 100%; fill: none; stroke-width: 3.2; stroke-linecap: round; }
.mk.x { stroke: #ef4444; }
.mk.o { stroke: #3b82f6; }
.mx-big { direction: ltr; display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(6px, 1.4vw, 12px); max-width: 560px; margin: 0 auto; }
.mx-small { position: relative; display: grid; grid-template-columns: repeat(3, 1fr); gap: 3px; padding: clamp(4px, .8vw, 7px); border-radius: 14px; background: var(--surface-2); border: 2px solid var(--line-soft); transition: border-color .25s, box-shadow .25s, opacity .25s; }
.mx-small.active { border-color: var(--primary); box-shadow: 0 0 0 4px rgb(var(--primary-rgb) / .18); background: var(--tint); }
.mx-small.done .mx-cell { opacity: .25; }
.mx-small.s3 { opacity: .55; }
.mx-small.win { box-shadow: 0 0 0 4px #fff, 0 0 22px rgb(255 255 255 / .5); }
.mx-cell { aspect-ratio: 1; border-radius: 7px; background: var(--bg-2); display: grid; place-items: center; padding: 14%; cursor: default; }
.mx-cell.can { cursor: pointer; background: var(--surface); }
.mx-cell.can:hover { background: var(--primary); }
.mx-cell.last { box-shadow: inset 0 0 0 2px var(--primary); }
.mx-cell .mk { stroke-width: 3.6; animation: pop .25s var(--ease); }
.mx-over { position: absolute; inset: 10%; display: grid; place-items: center; pointer-events: none; animation: pop .35s var(--ease); }
.mx-over .mk { stroke-width: 2.6; }