.jig-game{max-width:760px;margin-inline:auto;text-align:center;container-type:inline-size}.jig-game{--jig-gap: .45rem;--jig-cell-w: clamp(3rem, calc((96cqw - 5 * var(--jig-gap)) / max(var(--jig-cols), 1)), 7.5rem)}.jig-howto{text-align:center;font-size:1.15rem;font-weight:700;color:var(--fgs-ink, #161616);background:var(--fgs-accent-soft, #e6f1e9);border:2px solid var(--fgs-accent, #16692f);border-radius:var(--fgs-radius, 14px);max-width:46ch;margin:0 auto 1rem;padding:.6rem 1rem}.jig-toolbar{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;justify-content:center;margin-bottom:.85rem}.jig-toolbar-label{font-weight:700;margin:0;font-size:1.05rem}.jig-choices{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.jig-choice,.jig-toggle{margin:0;min-height:var(--fgs-tap, 52px);padding:.45rem 1.1rem;font-size:1.05rem;font-weight:800;line-height:1.2;background:var(--pico-card-background-color, #fff);color:var(--fgs-accent, #16692f);border:3px solid var(--fgs-accent, #16692f);border-radius:12px;cursor:pointer;transition:background-color .15s ease,box-shadow .15s ease}.jig-choice:hover:not(.jig-choice-active),.jig-toggle:hover{background:color-mix(in srgb,var(--fgs-accent, #16692f) 12%,#fff)}.jig-choice.jig-choice-active,.jig-toggle[aria-pressed=true]{background:var(--fgs-accent, #16692f);color:#fff;box-shadow:0 0 0 3px color-mix(in srgb,var(--fgs-accent, #16692f) 35%,transparent)}.jig-preview{display:inline-flex;flex-direction:column;align-items:center;gap:.35rem;margin:0 auto 1rem;padding:.6rem;background:var(--pico-card-background-color, #fff);border:2px solid var(--fgs-line, #bfbfbf);border-radius:var(--fgs-radius, 14px)}.jig-preview-img{display:block;max-height:150px;width:auto;height:auto;max-width:min(80vw,320px);border-radius:8px;border:2px solid var(--fgs-line, #bfbfbf)}.jig-credit{margin:0;font-size:.85rem;color:var(--fgs-ink-soft, #3a3a3a)}.jig-square,.jig-piece{box-sizing:border-box;width:var(--jig-cell-w);aspect-ratio:var(--jig-cell-aspect, 1);margin:0;padding:0;border-radius:6px;cursor:pointer;position:relative}.jig-square.jig-filled,.jig-piece{border:2px solid var(--fgs-line, #bfbfbf);background-color:#fff;background-repeat:no-repeat;background-size:calc(var(--jig-cols, 1) * 100%) calc(var(--jig-rows, 1) * 100%);background-position:calc(var(--jig-piece-col, 0) * (100% / max(var(--jig-cols, 1) - 1,1))) calc(var(--jig-piece-row, 0) * (100% / max(var(--jig-rows, 1) - 1,1)));box-shadow:0 1px 2px #00000038}.jig-square.jig-filled:hover,.jig-piece:hover{transform:translateY(-2px)}.jig-square.jig-empty{background:transparent;border:3px dashed var(--fgs-line, #bfbfbf)}.jig-board-wrap{overflow-x:auto;padding:.25rem;margin-bottom:.75rem}.jig-board{display:inline-grid;grid-template-columns:repeat(var(--jig-cols),var(--jig-cell-w));gap:var(--jig-gap);margin:0 auto}.jig-tray-wrap{margin-bottom:.75rem}.jig-zone-label{display:block;font-size:.9rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:var(--fgs-ink-soft, #3a3a3a);margin-bottom:.4rem}.jig-tray{display:flex;flex-wrap:wrap;gap:var(--jig-gap);justify-content:center;padding:.5rem;min-height:calc(var(--jig-cell-w) + 1rem);background:color-mix(in srgb,var(--fgs-line, #bfbfbf) 10%,transparent);border-radius:var(--fgs-radius, 14px)}.jig-held{transform:translateY(-6px);outline:4px solid var(--fgs-focus, #15549e);outline-offset:2px;box-shadow:0 6px 10px #0000004d;z-index:3}.jig-hint{outline:6px solid var(--fgs-hint, #b06a00);outline-offset:-2px;box-shadow:0 0 0 5px color-mix(in srgb,var(--fgs-hint, #b06a00) 35%,transparent);animation:jig-pulse 1.1s ease-in-out infinite;z-index:2}@keyframes jig-pulse{0%,to{box-shadow:0 0 0 5px color-mix(in srgb,var(--fgs-hint, #b06a00) 35%,transparent)}50%{box-shadow:0 0 0 11px color-mix(in srgb,var(--fgs-hint, #b06a00) 22%,transparent)}}.jig-square:focus-visible,.jig-piece:focus-visible{outline:4px solid var(--fgs-focus, #15549e);outline-offset:2px;z-index:4}.jig-status{text-align:center;font-size:1.15rem;font-weight:700;min-height:3.5rem;max-width:58ch;margin:0 auto 1rem;padding:.5rem;color:var(--fgs-ink, #161616)}.jig-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:1rem}.jig-actions button{margin:0;min-height:var(--fgs-tap, 52px);font-size:1.1rem;font-weight:800;padding-inline:1.5rem}.jig-hint-btn{background:var(--fgs-hint, #b06a00);border-color:var(--fgs-hint, #b06a00);color:#fff}.jig-hint-btn:hover{background:color-mix(in srgb,var(--fgs-hint, #b06a00) 85%,#000);border-color:color-mix(in srgb,var(--fgs-hint, #b06a00) 85%,#000)}.jig-game.jig-solved .jig-board-wrap{outline:4px solid var(--fgs-good, #1c7a3a);outline-offset:4px;border-radius:14px}[data-contrast=high] .jig-howto,[data-contrast=high] .jig-preview{background:#fff!important;color:#000!important;border-color:#000!important}[data-contrast=high] .jig-choice,[data-contrast=high] .jig-toggle{background:#fff;color:#000;border:3px solid #000!important}[data-contrast=high] .jig-choice.jig-choice-active,[data-contrast=high] .jig-toggle[aria-pressed=true]{background:#000;color:#fff;box-shadow:0 0 0 3px #000}[data-contrast=high] .jig-square.jig-filled,[data-contrast=high] .jig-piece{border:3px solid #000!important}[data-contrast=high] .jig-square.jig-empty{border-color:#000}[data-contrast=high] .jig-held{outline-color:#00339c}[data-contrast=high] .jig-hint{outline-color:#000;box-shadow:none}[data-contrast=high] .jig-hint-btn{background:#7a4a00;border-color:#000;color:#fff}@media(prefers-reduced-motion:reduce){.jig-square.jig-filled:hover,.jig-piece:hover,.jig-held{transform:none}.jig-hint{animation:none}}@media(min-width:1024px){.jig-game{--jig-cell-w: clamp(3rem, calc((90cqw - 5 * var(--jig-gap)) / max(var(--jig-cols), 1)), 6rem)}}