.g-15-puzzle{--c:80px;--gap:4px;--fs:32px;margin:0 auto;max-width:100%;user-select:none;-webkit-user-select:none;border-radius:12px;outline:none}.g-15-puzzle:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.g-15-puzzle .pz-play{position:relative;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;touch-action:none;margin:0 auto;overflow:hidden}.g-15-puzzle .pz-play[hidden]{display:none}.g-15-puzzle .pz-slot{position:absolute;left:0;top:0;width:var(--c);height:var(--c);border-radius:8px;background:var(--line);opacity:.45}.g-15-puzzle .pz-tile{--tile:var(--accent);position:absolute;left:0;top:0;width:var(--c);height:var(--c);padding:0;margin:0;border:0;border-radius:8px;cursor:pointer;display:grid;place-items:center;font:700 var(--fs)/1 var(--font);font-variant-numeric:tabular-nums;color:#fff;background:linear-gradient(160deg,color-mix(in srgb,var(--tile) 82%,#fff),var(--tile));box-shadow:inset 0 -3px rgba(0,0,0,.22),inset 0 2px rgba(255,255,255,.28),0 1px 3px rgba(0,0,0,.25);transition:transform .14s ease-out,box-shadow .12s;-webkit-tap-highlight-color:transparent;touch-action:none;text-shadow:0 1px 2px rgba(0,0,0,.35)}.g-15-puzzle.is-measure .pz-tile,.g-15-puzzle.is-measure .pz-slot{transition:none}.g-15-puzzle .pz-tile:hover{filter:brightness(1.07)}.g-15-puzzle .pz-tile:focus-visible{outline:3px solid var(--focus);outline-offset:1px;z-index:3}.g-15-puzzle .pz-num{pointer-events:none}.g-15-puzzle .pz-r0{--tile:#c0472f}.g-15-puzzle .pz-r1{--tile:#b0731a}.g-15-puzzle .pz-r2{--tile:#5a8a2a}.g-15-puzzle .pz-r3{--tile:#1d7a70}.g-15-puzzle .pz-r4{--tile:#3866b3}.g-15-puzzle .pz-r5{--tile:#7b4ca6}.g-15-puzzle.pz-plain .pz-tile{--tile:var(--accent);color:var(--accent-ink);text-shadow:none}.g-15-puzzle .pz-tile.is-hint{box-shadow:0 0 0 3px var(--gold),0 0 14px 3px rgba(242,193,78,.85);z-index:4;animation:pz-pulse 1s ease-in-out 3}.g-15-puzzle .pz-tile.is-hint::after{position:absolute;right:5%;top:2%;font-size:calc(var(--c) * .3);line-height:1;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.7)}.g-15-puzzle .pz-tile[data-dir=up]::after{content:'↑'}.g-15-puzzle .pz-tile[data-dir=down]::after{content:'↓'}.g-15-puzzle .pz-tile[data-dir=left]::after{content:'←'}.g-15-puzzle .pz-tile[data-dir=right]::after{content:'→'}.g-15-puzzle .pz-play.is-won .pz-tile{animation:pz-win .5s ease-out}@keyframes pz-pulse{50%{filter:brightness(1.25)}}@keyframes pz-win{40%{filter:brightness(1.3)}}.g-15-puzzle .pz-setup{max-width:420px;margin:0 auto;display:flex;flex-direction:column;gap:10px}.g-15-puzzle .pz-setup[hidden]{display:none}.g-15-puzzle .pz-su-intro{margin:0;color:var(--ink-2);font-size:.9rem}.g-15-puzzle .pz-su-grid{display:grid;grid-template-columns:repeat(var(--n,4),1fr);gap:4px;margin:0 auto;width:100%;max-width:340px}.g-15-puzzle .pz-su-cell{aspect-ratio:1;min-width:0;padding:0;border-radius:8px;border:2px solid var(--line);background:var(--surface);color:var(--ink);font:700 1.05rem var(--font);cursor:pointer}.g-15-puzzle .pz-su-cell.is-empty{border-style:dashed;background:var(--surface-2)}.g-15-puzzle .pz-su-cell.is-space{background:repeating-linear-gradient(45deg,var(--surface-2),var(--surface-2) 5px,var(--line) 5px,var(--line) 10px)}.g-15-puzzle .pz-su-cell.is-cursor{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.g-15-puzzle .pz-su-pal{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:4px}.g-15-puzzle .pz-pal{padding:0 4px;min-width:0;font-weight:600}.g-15-puzzle .pz-pal--space{grid-column:span 2}.g-15-puzzle .pz-pal.is-used{opacity:.5}.g-15-puzzle .pz-su-typed{display:flex;flex-direction:column;gap:4px;font-size:.85rem;color:var(--muted)}.g-15-puzzle .pz-su-input{font:1rem var(--mono);min-height:40px;padding:0 10px;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--ink);width:100%}.g-15-puzzle .pz-su-verdict{margin:0;padding:8px 10px;border-radius:8px;background:var(--surface-2);color:var(--ink-2);font-size:.92rem;min-height:2.6em}.g-15-puzzle .pz-su-verdict.is-ok{background:var(--accent-soft);color:var(--ink);border-left:4px solid var(--accent)}.g-15-puzzle .pz-su-verdict.is-bad{background:color-mix(in srgb,var(--danger) 14%,var(--surface));color:var(--ink);border-left:4px solid var(--danger)}.g-15-puzzle .pz-su-actions{display:flex;flex-wrap:wrap;gap:6px}@media(prefers-reduced-motion:reduce){.g-15-puzzle .pz-tile{transition:none}.g-15-puzzle .pz-tile.is-hint,.g-15-puzzle .pz-play.is-won .pz-tile{animation:none}}