:root[data-game=nonogram]{--brand-100:#ffe4e6;--brand-300:#fda4af;--brand-400:#f43f5e;--brand-text:#000}.nonogram-board{--nonogram-ink:#1f2430;--nonogram-empty:#e9edf2;--nonogram-focus:#dbe4fb;--nonogram-done:#d1d5db;--nonogram-done-empty:#f6f7f9}.dark .nonogram-board{--nonogram-ink:#e2e8f0;--nonogram-empty:var(--color-slate-700);--nonogram-focus:#34406a;--nonogram-done:var(--color-slate-600);--nonogram-done-empty:var(--color-slate-800)}@keyframes nonogram-flip{0%{transform:perspective(240px)rotateY(0)}50%{transform:perspective(240px)rotateY(90deg)}50.01%{transform:perspective(240px)rotateY(-90deg)}85%{transform:perspective(240px)rotateY(0)scale(1.1)}to{transform:perspective(240px)rotateY(0)scale(1)}}@keyframes nonogram-cover{0%,50%{opacity:1}50.01%,to{opacity:0}}@keyframes nonogram-hint-pulse{0%,to{opacity:1}50%{opacity:.25}}@keyframes nonogram-title{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.nonogram-flip{animation:.6s ease-in-out both nonogram-flip}.nonogram-cover{opacity:0;animation:.6s linear both nonogram-cover}.nonogram-hint-motion{animation:1.6s ease-in-out infinite nonogram-hint-pulse}.nonogram-title{animation:.4s ease-out 1.9s both nonogram-title}@media (prefers-reduced-motion:reduce){.nonogram-cover{display:none}.nonogram-flip,.nonogram-hint-motion,.nonogram-title{animation:none}}