.rules-content ol{padding-left:1.5rem;list-style-type:decimal}.rules-content ol li{margin-bottom:.5rem}.dark .rules-content ol{color:#e5e7eb}.cell-group-1{background-image:repeating-linear-gradient(45deg,#3b82f633 0 2px,#0000 2px 4px)}.cell-group-2{background-image:repeating-linear-gradient(-45deg,#10b98133 0 2px,#0000 2px 4px)}.cell-group-3{background-image:radial-gradient(circle,#ec489933 2px,#0000 2px);background-size:10px 10px}.dark .cell-group-1{background-image:repeating-linear-gradient(45deg,#3b82f64d 0 2px,#0000 2px 4px)}.dark .cell-group-2{background-image:repeating-linear-gradient(-45deg,#10b9814d 0 2px,#0000 2px 4px)}.dark .cell-group-3{background-image:radial-gradient(circle,#ec48994d 2px,#0000 2px);background-size:10px 10px}.rulesGridsContainer{flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:20px;padding-top:10px;display:flex}.rulesGrid{background-color:#d1d5db;border:2px solid #d1d5db;border-radius:.5rem;grid-template-columns:repeat(4,1fr);gap:1px;width:50vmin;max-width:300px;height:50vmin;max-height:300px;margin-bottom:20px;display:grid;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.rulesTinyGrid{background-color:#d1d5db;border:2px solid #d1d5db;grid-template-columns:repeat(1,1fr);gap:1px;width:10vmin;max-width:100px;height:10vmin;max-height:100px;margin-bottom:20px;display:grid}.rulesCell{aspect-ratio:1;background-color:#fff;border-color:#d1d5db;justify-content:center;align-items:center;font-size:calc(8px + 1vmin);font-weight:700;transition:background-color .3s;display:flex;position:relative}.rulesCell:hover{background-color:#e5e7eb}.rulesCell:nth-child(4n){border-right:2px solid #d1d5db}.rulesCell:nth-child(n+13):nth-child(-n+16){border-bottom:2px solid #d1d5db}.dark{background-color:hsl(var(--background))}.dark .rulesGrid,.dark .rulesTinyGrid{background-color:#4b5563;border-color:#4b5563}.dark .rulesCell{color:#e5e7eb;background-color:#1f2937;border-color:#4b5563}.dark .rulesCell:hover{background-color:#4b5563}.dark .rulesCell:nth-child(4n){border-right-color:#4b5563}.dark .rulesCell:nth-child(n+13):nth-child(-n+16){border-bottom-color:#4b5563}.cellNumber{color:#1e40af;font-family:monospace;font-size:calc(16px + 3vmin);font-weight:700}.incorrectCellNumber{color:#ef4444;opacity:.5;font-family:monospace;font-size:calc(16px + 3vmin);font-weight:700}.dark .cellNumber{color:#60a5fa}.hint-target{z-index:1;border-radius:4px;animation:1.7s ease-in-out infinite hint-pulse;box-shadow:0 0 0 2px #f59e0bf2,0 0 12px 3px #f59e0b73}@keyframes hint-pulse{0%,to{box-shadow:0 0 0 2px #f59e0be6,0 0 9px 2px #f59e0b59}50%{box-shadow:0 0 0 2px #f59e0b,0 0 20px 6px #f59e0b99}}@media (prefers-reduced-motion:reduce){.hint-target{animation:none}}.hint-source{z-index:1;border-radius:4px;box-shadow:inset 0 0 0 2px #f59e0bb3}@keyframes hint-card-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.hint-card{animation:.22s ease-out hint-card-in}@media (prefers-reduced-motion:reduce){.hint-card{animation:none}}