.catx-game{--catx-region-0:#e9b7c2;--catx-region-1:#bcd6ac;--catx-region-2:#f1d59c;--catx-region-3:#aecdec;--catx-region-4:#d8c1e8;--catx-region-5:#a9dcd6;flex-direction:column;align-items:center;gap:14px;width:100%;padding-top:8px;display:flex}.dark .catx-game{--catx-region-0:#e8a0b0;--catx-region-1:#a8c98a;--catx-region-2:#e8c86a;--catx-region-3:#7eafd9;--catx-region-4:#c5a3e0;--catx-region-5:#6fcfc4}.catx-statbar{gap:24px;display:flex}.catx-stat{flex-direction:column;align-items:center;line-height:1;display:flex}.catx-stat-value{font-family:var(--font-mono);color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:20px;font-weight:800}.catx-stat-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-top:3px;font-size:10px;font-weight:600}.catx-board{grid-template-columns:repeat(var(--catx-size,6), 1fr);background:var(--bg-secondary);box-sizing:border-box;border-radius:12px;gap:3px;width:100%;max-width:min(94vw,360px);padding:3px;display:grid}.dark .catx-board{background:#0b0b0d;gap:3px;padding:3px}.catx-cell{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--border-primary) 60%, transparent);min-width:44px;color:var(--text-primary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0;font-size:clamp(18px,6vw,26px);font-weight:800;line-height:1;transition:transform 80ms,filter .1s;display:flex}.dark .catx-cell{border:none;border-radius:5px}.catx-cell:active:not(:disabled){transform:scale(.9)}.catx-cell:focus-visible{outline:3px solid var(--mix-accent-catx);outline-offset:-3px}.catx-cell--mark{color:#3a3236}.catx-cell--mark .catx-fish-icon{opacity:.9;flex-shrink:0;display:block}.catx-cell--cat{color:#a6417f;filter:drop-shadow(0 1px #00000047);animation:.18s ease-out catx-place}.dark .catx-cell--cat{color:#a6417f;filter:drop-shadow(0 1px #0006)}.catx-cell--cat .catx-cat-icon{flex-shrink:0;display:block}@keyframes catx-place{0%{transform:scale(.6)}60%{transform:scale(1.16)}to{transform:scale(1)}}.catx-cell--conflict{box-shadow:inset 0 0 0 3px var(--color-slot-wrong-text,#d33);animation:.18s ease-out catx-place,.5s catx-conflict}@keyframes catx-conflict{0%,to{box-shadow:inset 0 0 0 3px var(--color-slot-wrong-text,#d33)}30%{box-shadow:inset 0 0 0 3px var(--color-slot-wrong-text,#d33), 0 0 0 4px color-mix(in srgb, var(--color-slot-wrong-text,#d33) 55%, transparent)}}.catx-board--solved .catx-cell--cat{animation:.45s catx-pop}.catx-cell--settled{box-shadow:inset 0 0 0 3px #2f9e6b,inset 0 0 0 999px #2f9e6b61}.catx-cell--settled .catx-cat-icon,.catx-cell--settled svg{color:#0f5132;z-index:1;position:relative}@keyframes catx-pop{0%{transform:scale(1)}45%{filter:brightness(1.2);transform:scale(1.22)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.catx-cell--cat,.catx-cell--conflict,.catx-board--solved .catx-cell--cat{animation:none}.catx-cell--conflict{box-shadow:inset 0 0 0 3px var(--color-slot-wrong-text,#d33)}}.catx-controls{gap:10px;width:100%;max-width:min(92vw,320px);display:flex}.catx-btn{flex:1 1 0}.catx-hint-line{color:var(--text-muted);text-align:center;max-width:min(92vw,340px);margin:0;font-size:12px}.catx-replay-line{color:var(--mix-accent-catx);text-align:center;max-width:min(92vw,340px);margin:0;font-size:14px;font-weight:750}.catx-result{flex-direction:column;align-items:center;gap:8px;width:100%;max-width:min(92vw,320px);display:flex}.catx-result-line{color:#0f5132;margin:0;font-size:17px;font-weight:800}.catx-result-next{color:var(--mix-accent-catx);text-align:center;margin:0;font-size:14px;font-weight:750}.catx-result-meta{color:var(--text-muted);margin:0;font-size:13px;font-weight:600}.catx-full-btn{width:100%}