[data-theme=dark]{--z-cell: var(--surface);--z-grid: color-mix(in srgb, var(--text) 16%, transparent);--z-edge: color-mix(in srgb, var(--text) 66%, transparent);--z-fill: color-mix(in srgb, var(--accent) 26%, var(--surface));--z-line: #7C82F7;--z-casing: var(--bg);--z-num-bg: var(--surface-2)}[data-theme=light]{--z-cell: #FFFFFF;--z-grid: color-mix(in srgb, var(--text) 16%, transparent);--z-edge: color-mix(in srgb, var(--text) 72%, transparent);--z-fill: color-mix(in srgb, var(--accent) 15%, #FFFFFF);--z-line: #4A4FD0;--z-casing: #FFFFFF;--z-num-bg: #FFFFFF}.zip-wrap{display:grid;gap:clamp(1rem,3vw,1.5rem);justify-items:center;width:100%}.zip-stage{position:relative;width:-moz-fit-content;width:fit-content;margin-inline:auto;touch-action:manipulation}.zip-board{--zcell: min(58px, 14vw);display:grid;grid-template-columns:repeat(6,var(--zcell));grid-template-rows:repeat(6,var(--zcell));gap:0;background:var(--z-edge);border:2.5px solid var(--z-edge);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-raised)}.zip-board[aria-busy=true]{pointer-events:none}.zcell{position:relative;z-index:0;width:var(--zcell);height:var(--zcell);display:grid;place-items:center;padding:0;border:1px solid var(--z-grid);background:var(--z-cell);color:var(--text);transition:background-color .14s ease,box-shadow .12s ease;-webkit-tap-highlight-color:transparent}.zcell.in-path{background:var(--z-fill)}.zcell.has-num{z-index:3}.zcell.is-head,.zcell.bad,.zcell.hint{z-index:4}.zcell:focus-visible{outline:3px solid var(--accent);outline-offset:-3px;z-index:5;border-radius:3px}.zcell .znum{display:grid;place-items:center;pointer-events:none;font-family:var(--font-mono);font-weight:600;font-variant-numeric:tabular-nums;font-size:min(1.45rem,calc(var(--zcell) * .46));line-height:1;color:var(--text)}.zcell.has-num .znum{width:66%;height:66%;border-radius:50%;background:var(--z-num-bg);border:2px solid color-mix(in srgb,var(--text) 62%,transparent);box-shadow:0 1px 2px var(--sh-1)}.zcell.is-start .znum,.zcell.is-end .znum{border-color:var(--ink-gold)}.zcell.is-head,.zcell.is-head.has-num{box-shadow:inset 0 0 0 3px var(--accent)}.zcell.bad{box-shadow:inset 0 0 0 3px var(--danger)}.zcell.hint{box-shadow:inset 0 0 0 3px var(--accent);animation:z-hint 1.1s ease-in-out 2}@keyframes z-hint{0%,to{box-shadow:inset 0 0 0 3px var(--accent)}50%{box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--accent) 30%,transparent)}}@media(hover:hover)and (pointer:fine){.zcell:hover{background:color-mix(in srgb,var(--accent) 12%,var(--z-cell))}.zcell.in-path:hover{background:color-mix(in srgb,var(--accent) 32%,var(--surface))}}.zip-svg{position:absolute;inset:0;z-index:1;width:100%;height:100%;pointer-events:none;overflow:visible}.zip-line,.zip-casing{fill:none;stroke-linecap:round;stroke-linejoin:round}.zip-casing{stroke:var(--z-casing);opacity:.9}.zip-line{stroke:var(--z-line)}.z-status{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem 1rem;width:100%;max-width:480px;font-family:var(--font-mono);font-size:.76rem;letter-spacing:.03em;color:var(--muted);text-align:center}.z-status .z-pair{display:inline-flex;align-items:center;gap:.35rem}.z-status b{font-weight:500;color:var(--text);font-variant-numeric:tabular-nums}.z-status .ok{color:var(--correct)}.z-status .bad{color:var(--danger)}.z-status .z-sep{color:var(--ink-gold);opacity:.7}.z-controls{display:flex;flex-wrap:wrap;gap:.55rem;justify-content:center;width:100%;max-width:520px}.z-btn{display:inline-flex;align-items:center;gap:.45rem;min-height:46px;padding:0 1rem;border-radius:11px;font-family:var(--font-ui);font-weight:600;font-size:.9rem;background:var(--surface);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow-raised);transition:box-shadow .16s ease,border-color .16s ease,color .16s ease}.z-btn .ico{width:17px;height:17px;color:var(--accent)}.z-btn:active{transform:translateY(1px);box-shadow:var(--shadow-pressed)}.z-btn:disabled{opacity:.6}@media(hover:hover)and (pointer:fine){.z-btn:hover{box-shadow:var(--shadow-hover);border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.z-btn:hover .ico{color:var(--accent)}}.z-mode{width:100%;max-width:520px;text-align:center;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.z-mode b{color:var(--ink-gold);font-weight:500}.z-today{font:inherit;color:var(--accent-hover);text-transform:uppercase;letter-spacing:.08em;margin-left:.5rem;min-height:36px;padding:0 .2rem;border-bottom:1px solid color-mix(in srgb,var(--accent) 40%,var(--border))}[data-theme=light] .z-today{color:var(--accent)}.z-today:hover,.z-today:focus-visible{color:var(--text)}.z-share{font-family:var(--font-mono);font-size:.92rem;line-height:1.5;letter-spacing:.01em;color:var(--text);white-space:pre-wrap;text-align:left;padding:.9rem 1.1rem;border-radius:10px;background:var(--bg);border:1px solid var(--border);box-shadow:inset 0 2px 6px var(--recess),inset 0 -1px 0 var(--highlight);max-width:320px;margin-inline:auto}.zsolution-wrap{display:grid;justify-items:center;gap:.9rem}.zsolution-svg{width:min(360px,92vw);height:auto;display:block}.zsolution-cap{font-size:.9rem;color:var(--muted);max-width:56ch;text-align:center}.zsolution-cap strong{color:var(--text);font-weight:600}.zs-bg{fill:var(--z-cell)}.zs-cell{fill:none;stroke:var(--z-grid);stroke-width:.02}.zs-border{fill:none;stroke:var(--z-edge);stroke-width:.05}.zs-casing{fill:none;stroke:var(--z-casing);stroke-width:.5;stroke-linecap:round;stroke-linejoin:round}.zs-line{fill:none;stroke:var(--z-line);stroke-width:.34;stroke-linecap:round;stroke-linejoin:round}.zs-arrow{fill:none;stroke:var(--text);stroke-width:.085;stroke-linecap:round;stroke-linejoin:round}.zs-badge{fill:var(--z-num-bg);stroke:var(--text);stroke-width:.045}.zs-num{fill:var(--text);font-family:var(--font-mono);font-weight:600}@media(max-width:640px){.zip-board{--zcell: min(58px, 14vw, calc((100dvh - 300px) / 6))}}@media(prefers-reduced-motion:reduce){.zcell.hint{animation:none!important}}.zs-wall{stroke:var(--ink-gold);stroke-width:.14;stroke-linecap:round}