/* Grok Sudoku: game-specific bits on top of ggkit.css */
.gs-pad { grid-template-columns: repeat(3, var(--pk, 64px)); grid-template-rows: var(--pk, 64px); grid-template-areas: "n e h"; }
.gs-k.nt { grid-area: n; background: linear-gradient(180deg, #5a8ae0, #2f5aa8); box-shadow: 0 4px 0 #17305e; }
.gs-k.er { grid-area: e; background: linear-gradient(180deg, #8a8f9c, #5a5f6c); box-shadow: 0 4px 0 #2a2e38; }
.gs-k.hn { grid-area: h; background: linear-gradient(180deg, #a86be0, #6a34a8); box-shadow: 0 4px 0 #3a1460; }
.gs-k.mode-on { outline: 3px solid #ffe14f; outline-offset: 2px; }
.sd-lvl { margin: 8px 0 2px; display: flex; flex-wrap: wrap; gap: 4px; } .sd-lvl button { padding: 4px 6px; font-size: .78rem; }
.sd-daily { margin: 3px 0 0; } .sd-daily button { padding: 4px 8px; font-size: .78rem; }
.sd-best { font-size: .8rem; margin: 6px 2px 0; }
.cz-theme[data-theme=classic] i:first-child { background: #f6f3ea; } .cz-theme[data-theme=classic] i:nth-child(2) { background: #2457c5; }
.cz-theme[data-theme=retro] i:first-child { background: #000; } .cz-theme[data-theme=retro] i:nth-child(2) { background: #33ff66; }
.cz-theme[data-theme=starport] i:first-child { background: #070a1e; } .cz-theme[data-theme=starport] i:nth-child(2) { background: #5a7aff; }