.sn-grid{--cols: 17;--rows: 17;display:grid;grid-template-columns:repeat(var(--cols),1fr);grid-template-rows:repeat(var(--rows),1fr);gap:1px;width:min(92vmin,460px);aspect-ratio:var(--cols) / var(--rows);margin:var(--sp-4) auto 0;padding:4px;border-radius:var(--r-md);background:var(--sn-board-bg);box-shadow:inset 0 0 0 1px var(--sn-board-border);touch-action:none;user-select:none}.sn-cell{background:var(--sn-cell-bg);border-radius:2px}.sn-cell--food{background:var(--sn-food);border-radius:50%;box-shadow:0 0 0 2px color-mix(in srgb,var(--sn-food) 35%,transparent)}.sn-cell--snake{background:var(--sn-body);border-radius:3px}.sn-cell--head{background:var(--sn-head);border-radius:4px;box-shadow:inset 0 0 0 2px color-mix(in srgb,#ffffff 25%,transparent)}.sn-cell--dead{background:var(--sn-dead)}.sn-hint{margin:var(--sp-3) auto 0;max-width:460px;text-align:center;font-size:13px;color:var(--c-text-muted)}