.rules-content ol{list-style-type:decimal;padding-left:1.5rem}.rules-content ol li{margin-bottom:.5rem}.dark .rules-content ol{color:#e5e7eb}.cell-group-1{background-image:repeating-linear-gradient(45deg,rgba(59,130,246,.2),rgba(59,130,246,.2) 2px,transparent 0,transparent 4px)}.cell-group-2{background-image:repeating-linear-gradient(-45deg,rgba(16,185,129,.2),rgba(16,185,129,.2) 2px,transparent 0,transparent 4px)}.cell-group-3{background-image:radial-gradient(circle,rgba(236,72,153,.2) 2px,transparent 0);background-size:10px 10px}.dark .cell-group-1{background-image:repeating-linear-gradient(45deg,rgba(59,130,246,.3),rgba(59,130,246,.3) 2px,transparent 0,transparent 4px)}.dark .cell-group-2{background-image:repeating-linear-gradient(-45deg,rgba(16,185,129,.3),rgba(16,185,129,.3) 2px,transparent 0,transparent 4px)}.dark .cell-group-3{background-image:radial-gradient(circle,rgba(236,72,153,.3) 2px,transparent 0);background-size:10px 10px}.rulesGridsContainer{display:flex;justify-content:center;gap:20px;margin-bottom:20px;padding-top:10px;flex-wrap:wrap}.rulesGrid{grid-template-columns:repeat(4,1fr);border:2px solid #d1d5db;border-radius:.5rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);width:50vmin;height:50vmin;max-width:300px;max-height:300px}.rulesGrid,.rulesTinyGrid{display:grid;gap:1px;background-color:#d1d5db;margin-bottom:20px}.rulesTinyGrid{grid-template-columns:repeat(1,1fr);border:2px solid #d1d5db;width:10vmin;height:10vmin;max-width:100px;max-height:100px}.rulesCell{background-color:#fff;display:flex;justify-content:center;align-items:center;font-size:calc(8px + 1vmin);font-weight:700;transition:background-color .3s;position:relative;aspect-ratio:1/1;border-color:#d1d5db}.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:#1f2937}.dark .rulesGrid,.dark .rulesTinyGrid{background-color:#4b5563;border-color:#4b5563}.dark .rulesCell{background-color:#1f2937;color:#e5e7eb;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}.cellNumber,.incorrectCellNumber{font-family:monospace;font-size:calc(16px + 3vmin);font-weight:700}.incorrectCellNumber{color:#ef4444;opacity:.5}.dark .cellNumber{color:#60a5fa}