.odd-board{display:grid;grid-template-columns:repeat(var(--odd-columns,3),minmax(0,1fr));gap:9px;max-width:490px;margin:0 auto;padding:6px;width:100%}.odd-tile{aspect-ratio:1;display:grid;place-items:center;min-width:0;width:100%;padding:7px;border:1px solid #d5ddd8;border-radius:12px;background:#f1f5ef;color:#2b635b;cursor:pointer;touch-action:manipulation}.odd-tile svg{display:block;width:100%;height:100%;max-width:90px;pointer-events:none}.odd-tile:focus-visible{outline:3px solid #245b53;outline-offset:2px}.odd-tile:disabled{cursor:default;opacity:.6}.odd-tile.is-wrong{background:#f7e2df;border-color:#ab5148;animation:odd-shake .18s ease-in-out}.odd-placeholder{text-align:center;max-width:27rem;margin:45px auto;padding:20px;line-height:1.7}.odd-panel #odd-field{min-height:315px}.odd-panel .mini-result[hidden]{display:none}.odd-result-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;text-align:center}.odd-result-stats span{display:block;font-size:.8rem}.odd-result-stats strong{font-size:1.6rem}.odd-tile.is-wrong{color:#8d3e35}@keyframes odd-shake{50%{transform:translateX(3px)}}@media(max-width:420px){.odd-board{gap:6px;padding:4px}.odd-tile{padding:4px;border-radius:8px}.odd-panel #odd-field{min-height:260px}}@media(prefers-reduced-motion:reduce){.odd-tile.is-wrong{animation:none}}
.odd-board[hidden]{display:none}.odd-panel #odd-time{font:inherit}.odd-tile svg{overflow:visible}