.shk{display:grid;gap:10px;justify-items:center;max-width:560px;margin:0 auto}.shk-msg{margin:0;min-height:2.6em;text-align:center;display:grid;place-items:center;font-size:.95rem}.shk-boardbox{position:relative;width:100%;max-width:520px;touch-action:none;user-select:none;-webkit-user-select:none;cursor:crosshair}.shk-board{display:grid;grid-template-columns:repeat(var(--w),1fr);width:100%;background:var(--cell);border:2px solid var(--cell-strong);border-radius:6px;container-type:inline-size}.shk-cell{aspect-ratio:1;display:grid;place-items:center;min-width:0;border-right:1px solid var(--cell-line);border-bottom:1px solid var(--cell-line);font-weight:800;font-size:calc(100cqw / var(--w) * .46);color:var(--text);position:relative;z-index:2;pointer-events:none}.shk-cell span{background:var(--cell);border-radius:50%;min-width:1.5em;min-height:1.5em;display:grid;place-items:center;line-height:1;box-shadow:0 0 0 2px var(--cell-strong)}.shk-cell.shk-cur{outline:3px solid var(--focus);outline-offset:-3px}.shk-layer{position:absolute;inset:2px;pointer-events:none;z-index:1}.shk-rect{position:absolute;box-sizing:border-box;border-radius:6px;border:3px solid hsl(var(--hue, 210) 60% 42%);background:hsl(var(--hue, 210) 75% 60% / .38);margin:0;transition:background .15s}.shk-rect.bad{border-style:dashed;border-color:var(--danger);background:color-mix(in srgb,var(--danger) 14%,transparent)}.shk-rect.shk-ghost{border:3px dashed var(--accent);background:color-mix(in srgb,var(--accent) 18%,transparent);display:grid;place-items:center;z-index:3}.shk-rect.shk-ghost b{background:var(--accent);color:var(--accent-text);border-radius:999px;padding:2px 9px;font-size:.9rem}.shk-overlay{position:absolute;inset:0;z-index:5;display:grid;place-items:center;background:color-mix(in srgb,var(--surface) 80%,transparent);font-weight:700;border-radius:6px}.shk-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.shk-won .shk-rect.ok{animation:shk-pop .6s ease-out}@keyframes shk-pop{0%{transform:scale(.92)}60%{transform:scale(1.03)}to{transform:scale(1)}}@media (prefers-reduced-motion: reduce){.shk-won .shk-rect.ok{animation:none}}