.patches-region{padding:var(--tile-gap);z-index:2;animation:.18s cubic-bezier(.2,.9,.3,1.2) both patch-in;position:absolute}.patches-region-fill{border-radius:var(--tile-radius);background:var(--patch);width:100%;height:100%;box-shadow:inset 0 0 0 1.5px color-mix(in oklab,var(--patch)70%,#2a2622);position:relative}.patches-region-fill:after{content:"";inset:clamp(3px,calc(100cqw/var(--cols)*.07),5px);border-radius:calc(var(--tile-radius) - 3px);border:1.5px dashed color-mix(in oklab,var(--patch)45%,#2a2622);opacity:.55;position:absolute}.patches-region[data-leaving=true]{animation:.14s ease-in both patch-out}.patches-region[data-pending=true] .patches-region-fill{background:color-mix(in oklab,var(--patch)38%,var(--tile));box-shadow:none;border:2px dashed color-mix(in oklab,var(--patch)62%,#2a2622)}.patches-region[data-pending=true] .patches-region-fill:after{display:none}.patches-pending-count{right:calc(var(--tile-gap) + 5px);bottom:calc(var(--tile-gap) + 4px);z-index:7;background:var(--ink);color:var(--surface);font-variant-numeric:tabular-nums;border-radius:99px;padding:0 6px;font-size:11px;font-weight:700;line-height:16px;position:absolute}.patches-region[data-tween=true]{padding:0;animation:none}.patches-region[data-tween=true] .patches-region-fill{inset:var(--tile-gap);width:auto;height:auto;animation:.22s both fade-in;animation-delay:var(--fill-delay);position:absolute}.patches-tween-cell{position:absolute}.patches-tween-cell:before{content:"";inset:var(--tile-gap);border-radius:var(--tile-radius);background:var(--patch);animation:.24s cubic-bezier(.2,.9,.3,1.3) both tile-pop;animation-delay:var(--ring-delay);position:absolute}.patches-region-fill{transition:opacity .12s}.patches-region[data-redrawing=true] .patches-region-fill{opacity:.28}.patches-region[data-wrong=true] .patches-region-fill{box-shadow:inset 0 0 0 2.5px var(--invalid);background-image:repeating-linear-gradient(45deg,#c0392b8c 0 3px,#0000 3px 9px);animation:.9s ease-in-out 2 wrong-pulse}.mg-board[data-solved=true] .patches-region{animation:.52s cubic-bezier(.3,.7,.3,1) both patch-celebrate;animation-delay:calc(var(--order)*45ms)}.patches-clue{z-index:6;color:var(--patch-ink);pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.mg-board[data-solved=true] .patches-clue{opacity:0;transition:opacity .5s .7s}.patches-clue svg{width:66%;height:66%;overflow:visible}.patches-clue-number{font-weight:700;font-size:clamp(12px,calc(100cqw/var(--cols)*.36),30px);font-variant-numeric:tabular-nums;line-height:1;position:absolute}.patches-clue-number[data-derived=true]{opacity:.72;font-weight:500}.patches-preview{padding:var(--tile-gap);position:absolute}.patches-preview-fill{z-index:5;border-radius:var(--tile-radius);border:2.5px dashed var(--ink-faint);background:#786e641f;width:100%;height:100%;position:relative}.patches-preview[data-status=valid] .patches-preview-fill{border:2.5px solid var(--valid);background:color-mix(in oklab,var(--patch,var(--valid))70%,transparent)}.patches-preview[data-status=pending] .patches-preview-fill{border:2.5px dashed color-mix(in oklab,var(--patch,var(--ink-faint))62%,#2a2622);background:color-mix(in oklab,var(--patch,var(--ink-faint))45%,transparent)}.patches-preview[data-status=invalid] .patches-preview-fill{border:2.5px dashed var(--invalid);background-color:color-mix(in oklab,var(--patch,var(--invalid))28%,transparent);background-image:repeating-linear-gradient(45deg,#c0392b73 0 2px,#0000 2px 8px)}.patches-preview-size{z-index:7;background:var(--ink);color:var(--surface);font-variant-numeric:tabular-nums;border-radius:99px;padding:0 6px;font-size:11px;font-weight:700;line-height:16px;position:absolute}.patches-pending-count[data-side=left]{right:auto;left:calc(var(--tile-gap) + 5px)}.patches-pending-count[data-edge=top]{bottom:auto;top:calc(var(--tile-gap) + 4px)}.patches-preview[data-label-v=top] .patches-preview-size{top:calc(var(--tile-gap) + 5px)}.patches-preview[data-label-v=bottom] .patches-preview-size{bottom:calc(var(--tile-gap) + 5px)}.patches-preview[data-label-h=right] .patches-preview-size{right:calc(var(--tile-gap) + 6px)}.patches-preview[data-label-h=left] .patches-preview-size{left:calc(var(--tile-gap) + 6px)}.patches-hint{padding:var(--tile-gap);z-index:5;position:absolute}.patches-hint-fill{border-radius:var(--tile-radius);border:3px solid var(--hint);background:#f0b95a2e;width:100%;height:100%;animation:1.1s ease-in-out infinite hint-pulse}.patches-hint-cell{z-index:5;place-items:center;display:grid;position:absolute}.patches-hint-cell:after{content:"";background:var(--hint);border-radius:50%;width:34%;height:34%;animation:1.1s ease-in-out infinite hint-pulse}.patches-debug-region{z-index:7;outline-offset:-6px;border-radius:6px;outline:2px dotted #d6249f;position:absolute}@keyframes patch-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes patch-out{to{opacity:0;transform:scale(.92)}}@keyframes patch-celebrate{0%{transform:scale(1)}40%{transform:scale(.9)}70%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes wrong-pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes tile-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}