.cell{aspect-ratio:1;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:500;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;transition:all .2s ease;background:white;color:#1a1a1a;padding:.125rem;touch-action:manipulation;min-width:1.5rem;min-height:1.5rem}:root[class~=dark] .cell{background:#2d3748;color:#ffffff;border-color:#4a5568}.cell:hover:not(.black){background-color:#e2e8f0}:root[class~=dark] .cell:hover:not(.black){background-color:#4a5568}.cell.black{background-color:#1a1a1a;pointer-events:none}:root[class~=dark] .cell.black{background-color:#000000;pointer-events:none}.cell.selected{background-color:#e9ecef;border-color:#4f46e5}.cell.error{background-color:#fecaca}:root[class~=dark] .cell.selected{background-color:#4a5568;border-color:#6366f1}.cellNumber{position:absolute;top:2px;left:2px;font-size:.75rem;font-weight:400;color:#4b5563}@media (min-width:480px){.cell{font-size:.875rem;padding:.25rem;min-width:2rem;min-height:2rem}.cellNumber{font-size:.625rem}}@media (min-width:640px){.cell{font-size:1rem;padding:.5rem;min-width:2.5rem;min-height:2.5rem}.cellNumber{font-size:.75rem}}@media (min-width:768px){.cell{font-size:1.25rem;padding:.75rem;min-width:3rem;min-height:3rem}}@media (min-width:1024px){.cell{font-size:1.5rem;padding:1rem;min-width:3.5rem;min-height:3.5rem}}