.zip-board{cursor:pointer}.zip-board[data-locked=true]{cursor:default}.zip-board[data-dragging=true]{cursor:grabbing}.zip-cell[data-visited=true]:before{background:color-mix(in oklab,var(--patch)var(--visited-tint),var(--tile));box-shadow:inset 0 0 0 1.5px color-mix(in oklab,var(--patch)72%,#2a2622 var(--clue-edge));transition:background-color .12s}.zip-cell[data-blocked=true]{cursor:not-allowed}.zip-cell[data-blocked=true]:before{--mark:color-mix(in oklab,var(--ink)42%,transparent);background-color:#0000;background-image:linear-gradient(45deg,transparent calc(50% - 1.1px),var(--mark)calc(50% - 1.1px),var(--mark)calc(50% + 1.1px),transparent calc(50% + 1.1px)),linear-gradient(-45deg,transparent calc(50% - 1.1px),var(--mark)calc(50% - 1.1px),var(--mark)calc(50% + 1.1px),transparent calc(50% + 1.1px));border:1.5px dashed var(--mark);background-position:50%;background-repeat:no-repeat;background-size:34% 34%}.zip-cell[data-missing=true]:before{box-shadow:inset 0 0 0 2px var(--hint);animation:.9s ease-in-out 3 hint-pulse}.zip-cell[data-refused=true]:before{box-shadow:inset 0 0 0 2.5px var(--invalid);background-image:repeating-linear-gradient(45deg,#c0392b80 0 2px,#0000 2px 7px)}.zip-cell[data-wrong=true]:before{box-shadow:inset 0 0 0 2.5px var(--invalid);background-image:repeating-linear-gradient(45deg,#c0392b8c 0 3px,#0000 3px 9px);animation:.75s ease-in-out hint-pulse}.mg-board[data-solved=true] .zip-cell[data-visited=true]:before{animation:.48s cubic-bezier(.3,.7,.3,1) both zip-celebrate;animation-delay:calc(var(--order)*14ms)}.zip-svg{pointer-events:none;width:100%;height:100%;overflow:visible}.zip-stop,.zip-joint,.zip-head{--line:color-mix(in oklab,var(--seg)58%,#2a2622)}@supports (color:oklch(from red l c h)){.zip-stop,.zip-joint,.zip-head{--line:oklch(from var(--seg)calc(l - .28)calc(c*2)h)}}.zip-segment{stroke-width:.3px;stroke-linecap:butt;fill:none}.zip-stop{stop-color:var(--line)}.zip-joint{fill:var(--line)}.zip-segment{transition:stroke-width .7s cubic-bezier(.3,.7,.3,1) .65s}.zip-joint{transform-box:fill-box;transform-origin:50%;transition:transform .7s cubic-bezier(.3,.7,.3,1) .65s}.zip-wall,.zip-number{transition:opacity .45s .5s}.mg-board[data-solved=true] .zip-segment{stroke-width:.45px}.mg-board[data-solved=true] .zip-joint{transform:scale(1.5)}.mg-board[data-solved=true] .zip-wall,.mg-board[data-solved=true] .zip-number{opacity:0}.zip-wall{stroke:var(--ink);stroke-width:.11px;stroke-linecap:round}.zip-number-disc{fill:var(--ink)}.zip-number-disc[data-hidden]{fill:var(--surface);stroke:var(--ink);stroke-width:.05px;stroke-dasharray:.09 .07;stroke-linecap:round}.zip-number-text[data-hidden]{fill:var(--ink)}.zip-number-text{fill:var(--linen);font-variant-numeric:tabular-nums;text-anchor:middle;dominant-baseline:central;font-size:.34px;font-weight:700;font-family:var(--font-body),ui-sans-serif,system-ui,sans-serif}.zip-number-ring{fill:none;stroke:var(--accent);stroke-width:.07px;animation:1.4s ease-in-out infinite hint-pulse}.zip-head{fill:var(--surface);stroke:var(--line);stroke-width:.07px}:root{--visited-tint:62%}@media (prefers-color-scheme:dark){:root{--visited-tint:86%}}@keyframes zip-celebrate{0%{transform:scale(1)}45%{transform:scale(.84)}75%{transform:scale(1.05)}to{transform:scale(1)}}