[data-theme=dark]{--pa-0: color-mix(in srgb, #E0566B 30%, var(--surface));--pa-1: color-mix(in srgb, #E08A3C 30%, var(--surface));--pa-2: color-mix(in srgb, #3FB0A6 30%, var(--surface));--pa-3: color-mix(in srgb, #8E6FE0 32%, var(--surface));--pa-4: color-mix(in srgb, #4F8BE0 32%, var(--surface));--patch-empty: color-mix(in srgb, var(--text) 6%, var(--surface));--patch-line: color-mix(in srgb, var(--text) 72%, transparent);--patch-grid: color-mix(in srgb, var(--text) 14%, transparent)}[data-theme=light]{--pa-0: color-mix(in srgb, #E0566B 24%, #FFFFFF);--pa-1: color-mix(in srgb, #E08A3C 26%, #FFFFFF);--pa-2: color-mix(in srgb, #3FB0A6 24%, #FFFFFF);--pa-3: color-mix(in srgb, #8E6FE0 24%, #FFFFFF);--pa-4: color-mix(in srgb, #4F8BE0 22%, #FFFFFF);--patch-empty: color-mix(in srgb, var(--text) 5%, #FFFFFF);--patch-line: color-mix(in srgb, var(--text) 80%, transparent);--patch-grid: color-mix(in srgb, var(--text) 16%, transparent)}.patch-wrap{display:grid;gap:clamp(1rem,3vw,1.5rem);justify-items:center;width:100%}.patch-board{--pcell: min(64px, 15.5vw);display:grid;grid-template-columns:repeat(var(--pcols, 5),var(--pcell));grid-template-rows:repeat(var(--prows, 5),var(--pcell));gap:0;background:transparent;touch-action:manipulation;filter:drop-shadow(0 10px 22px var(--sh-2))}.patch-board[aria-busy=true]{pointer-events:none}.pcell{position:relative;width:var(--pcell);height:var(--pcell);display:grid;place-items:center;padding:0;border:1px solid var(--patch-grid);background:var(--patch-empty);color:var(--text);-webkit-tap-highlight-color:transparent;transition:filter .14s ease,box-shadow .12s ease}button.pcell{cursor:pointer}.pcell.bw-t{border-top-color:var(--patch-line);border-top-width:2.5px}.pcell.bw-r{border-right-color:var(--patch-line);border-right-width:2.5px}.pcell.bw-b{border-bottom-color:var(--patch-line);border-bottom-width:2.5px}.pcell.bw-l{border-left-color:var(--patch-line);border-left-width:2.5px}.pcell:focus-visible{outline:3px solid var(--accent);outline-offset:-3px;z-index:6;border-radius:4px}@media(hover:hover)and (pointer:fine){button.pcell:not(.is-fill):hover{filter:brightness(1.07)}}.pcell.is-fill{color:var(--text);z-index:2}.pcell.pa-0{background:var(--pa-0)}.pcell.pa-1{background:var(--pa-1)}.pcell.pa-2{background:var(--pa-2)}.pcell.pa-3{background:var(--pa-3)}.pcell.pa-4{background:var(--pa-4)}.pcell.pw-t{border-top-color:var(--patch-line);border-top-width:2.5px}.pcell.pw-r{border-right-color:var(--patch-line);border-right-width:2.5px}.pcell.pw-b{border-bottom-color:var(--patch-line);border-bottom-width:2.5px}.pcell.pw-l{border-left-color:var(--patch-line);border-left-width:2.5px}.pcell .p-tag{font-family:var(--font-mono);font-weight:600;font-size:calc(var(--pcell) * .34);line-height:1;color:var(--text);letter-spacing:.01em;pointer-events:none;text-shadow:0 1px 0 color-mix(in srgb,var(--highlight) 70%,transparent)}.pcell.is-fill.placed-anim{animation:patch-drop .16s ease}@keyframes patch-drop{0%{transform:scale(.82)}55%{transform:scale(1.06)}to{transform:scale(1)}}.pcell.is-overlap{background:color-mix(in srgb,var(--danger) 30%,var(--surface));box-shadow:inset 0 0 0 3px var(--danger);z-index:5}.pcell.is-overlap .p-tag{color:var(--danger)}.pcell.is-overlap .p-warn{width:calc(var(--pcell) * .42);height:calc(var(--pcell) * .42)}.pcell .p-warn{display:none;stroke:var(--danger);stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round}.pcell.is-overlap .p-warn{display:block}.pcell.is-overlap .p-tag{display:none}.pcell.flash-bad{animation:patch-bad .5s ease}@keyframes patch-bad{0%,to{box-shadow:none}20%,60%{box-shadow:inset 0 0 0 3px var(--danger)}}.pcell.hint{box-shadow:inset 0 0 0 3px var(--accent);z-index:5;animation:patch-hint 1.1s ease-in-out 2}@keyframes patch-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)}}.patch-board.is-armed button.pcell:not(.is-fill){cursor:copy}.patch-tray-wrap{display:grid;gap:.55rem;justify-items:center;width:100%;max-width:560px}.patch-tray-label{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.patch-tray{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;align-items:center}.ptile{position:relative;display:inline-grid;padding:7px;border-radius:12px;background:var(--surface);border:2px solid var(--border);box-shadow:var(--shadow-keycap);color:var(--text);transition:box-shadow .16s ease,border-color .16s ease,transform .1s ease,opacity .16s ease}.ptile-grid{display:grid;grid-template-columns:repeat(var(--tcols, 2),var(--tcell, min(20px, 5vw)));grid-template-rows:repeat(var(--trows, 2),var(--tcell, min(20px, 5vw)));gap:2px}.ptile-cell{border-radius:3px;display:grid;place-items:center;border:1px solid var(--patch-line)}.ptile-cell.pa-0{background:var(--pa-0)}.ptile-cell.pa-1{background:var(--pa-1)}.ptile-cell.pa-2{background:var(--pa-2)}.ptile-cell.pa-3{background:var(--pa-3)}.ptile-cell.pa-4{background:var(--pa-4)}.ptile-cell .p-tag{font-family:var(--font-mono);font-weight:600;font-size:calc(var(--tcell, 20px) * .62);color:var(--text);line-height:1}.ptile:active{transform:translateY(1px)}.ptile.is-selected{border-color:var(--accent);box-shadow:var(--shadow-hover),inset 0 0 0 2px var(--accent)}.ptile.is-selected:before{content:"Selected";position:absolute;top:-9px;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:.54rem;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:var(--accent-strong);padding:1px 6px;border-radius:999px;white-space:nowrap}.ptile.is-used{opacity:.3;pointer-events:none;filter:grayscale(.5);box-shadow:none}@media(hover:hover)and (pointer:fine){.ptile:not(.is-used):hover{box-shadow:var(--shadow-hover);border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}}.patch-status{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem 1rem;width:100%;max-width:520px;font-family:var(--font-mono);font-size:.76rem;letter-spacing:.03em;color:var(--muted);text-align:center}.patch-status .p-pair{display:inline-flex;align-items:center;gap:.35rem}.patch-status b{font-weight:500;color:var(--text);font-variant-numeric:tabular-nums}.patch-status .ok{color:var(--correct)}.patch-status .bad{color:var(--danger)}.patch-status .p-sep{color:var(--ink-gold);opacity:.7}.patch-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)}.patch-mode b{color:var(--ink-gold);font-weight:500}.patch-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] .patch-today{color:var(--accent)}.patch-today:hover,.patch-today:focus-visible{color:var(--text)}.patch-controls{display:flex;flex-wrap:wrap;gap:.55rem;justify-content:center;width:100%;max-width:560px}.patch-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}.patch-btn .ico{width:17px;height:17px;color:var(--accent)}.patch-btn:active{transform:translateY(1px);box-shadow:var(--shadow-pressed)}.patch-btn[disabled]{opacity:.55;pointer-events:none}.patch-btn.is-primary{border-color:color-mix(in srgb,var(--accent) 50%,var(--border))}@media(hover:hover)and (pointer:fine){.patch-btn:hover{box-shadow:var(--shadow-hover);border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.patch-btn:hover .ico{color:var(--accent)}}.patch-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}.patch-legend{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem .9rem;margin-top:1rem}.patch-legend .pl-swatch{display:inline-flex;align-items:center;gap:.6rem;font-size:.86rem;color:var(--text)}.patch-legend .pl-mini{display:grid;gap:1.5px;flex:none;grid-template-columns:repeat(var(--tcols, 2),11px);grid-template-rows:repeat(var(--trows, 2),11px)}.patch-legend .pl-cell{border-radius:2px;border:1px solid var(--patch-line)}.patch-legend .pl-cell.pa-0{background:var(--pa-0)}.patch-legend .pl-cell.pa-1{background:var(--pa-1)}.patch-legend .pl-cell.pa-2{background:var(--pa-2)}.patch-legend .pl-cell.pa-3{background:var(--pa-3)}.patch-legend .pl-cell.pa-4{background:var(--pa-4)}.patch-legend .pl-name strong{color:var(--text);font-weight:600}.patch-legend .pl-name span{color:var(--muted);font-size:.78rem}.patch-board.is-static{--pcell: min(58px, 14vw);filter:drop-shadow(0 8px 18px var(--sh-2))}.patch-board.is-static .pcell{cursor:default}.patchsol-wrap{display:grid;justify-items:center;gap:.9rem}.patchsol-cap{font-size:.9rem;color:var(--muted);max-width:56ch;text-align:center}.patchsol-cap strong{color:var(--text);font-weight:600}@media(max-width:640px){.patch-board{--pcell: min(64px, 15.5vw, calc((100dvh - 380px) / var(--prows, 5)))}.patch-legend{max-height:16vh;overflow-y:auto;-webkit-overflow-scrolling:touch}}@media(prefers-reduced-motion:reduce){.pcell.is-fill.placed-anim,.pcell.hint,.pcell.flash-bad{animation:none!important}}