[data-theme=dark]{--pg-0: color-mix(in srgb, #E0566B 26%, var(--surface));--pg-1: color-mix(in srgb, #E08A3C 26%, var(--surface));--pg-2: color-mix(in srgb, #3FB0A6 26%, var(--surface));--pg-3: color-mix(in srgb, #8E6FE0 28%, var(--surface));--pg-4: color-mix(in srgb, #4F8BE0 28%, var(--surface));--pregion-line: color-mix(in srgb, var(--text) 70%, transparent);--pcell-line: color-mix(in srgb, var(--text) 15%, transparent);--dom-face: linear-gradient(165deg, #2C313B, #20242B 62%, #191C22);--dom-edge: color-mix(in srgb, var(--text) 30%, transparent);--dom-spine: color-mix(in srgb, var(--text) 22%, transparent);--dom-ink: var(--text)}[data-theme=light]{--pg-0: color-mix(in srgb, #E0566B 22%, #FFFFFF);--pg-1: color-mix(in srgb, #E08A3C 24%, #FFFFFF);--pg-2: color-mix(in srgb, #3FB0A6 24%, #FFFFFF);--pg-3: color-mix(in srgb, #8E6FE0 22%, #FFFFFF);--pg-4: color-mix(in srgb, #4F8BE0 20%, #FFFFFF);--pregion-line: color-mix(in srgb, var(--text) 78%, transparent);--pcell-line: color-mix(in srgb, var(--text) 16%, transparent);--dom-face: linear-gradient(165deg, #FFFFFF, #F4F5F8 60%, #E9EBF0);--dom-edge: color-mix(in srgb, var(--text) 26%, transparent);--dom-spine: color-mix(in srgb, var(--text) 18%, transparent);--dom-ink: #1B1D22}.pips-wrap{display:grid;gap:clamp(1rem,3vw,1.5rem);justify-items:center;width:100%}.pips-board{--pcell: min(66px, 16.5vw);display:grid;grid-template-columns:repeat(var(--pcols, 4),var(--pcell));grid-template-rows:repeat(var(--prows, 3),var(--pcell));gap:0;background:transparent;touch-action:manipulation;filter:drop-shadow(0 10px 22px var(--sh-2))}.pips-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(--pcell-line);background:var(--pg-0);color:var(--text);-webkit-tap-highlight-color:transparent;transition:filter .14s ease,box-shadow .12s ease}button.pcell{cursor:pointer}.pcell.rg-0{background:var(--pg-0)}.pcell.rg-1{background:var(--pg-1)}.pcell.rg-2{background:var(--pg-2)}.pcell.rg-3{background:var(--pg-3)}.pcell.rg-4{background:var(--pg-4)}.pcell.w-t{border-top-color:var(--pregion-line);border-top-width:2.5px}.pcell.w-r{border-right-color:var(--pregion-line);border-right-width:2.5px}.pcell.w-b{border-bottom-color:var(--pregion-line);border-bottom-width:2.5px}.pcell.w-l{border-left-color:var(--pregion-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(.filled):hover{filter:brightness(1.06)}}.pcell.filled{background:var(--dom-face);color:var(--dom-ink);border:2px solid var(--dom-edge);border-radius:9px;box-shadow:inset 0 1px color-mix(in srgb,#fff 14%,transparent),0 1px 2px var(--sh-1);z-index:2}.pcell.filled.join-r{border-top-right-radius:0;border-bottom-right-radius:0;border-right:1px solid var(--dom-spine)}.pcell.filled.join-l{border-top-left-radius:0;border-bottom-left-radius:0;border-left:1px solid var(--dom-spine)}.pcell.filled.join-t{border-top-left-radius:0;border-top-right-radius:0;border-top:1px solid var(--dom-spine)}.pcell.filled.join-b{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:1px solid var(--dom-spine)}.pcell.filled.placed-anim{animation:p-drop .16s ease}@keyframes p-drop{0%{transform:scale(.82)}55%{transform:scale(1.06)}to{transform:scale(1)}}.pips-face{width:80%;height:80%;display:block}.pips-face circle{fill:currentColor;stroke:none}.pcell.is-pick{box-shadow:inset 0 0 0 3px var(--accent);z-index:5}.pcell.droppable{box-shadow:inset 0 0 0 2.5px color-mix(in srgb,var(--accent) 65%,transparent);z-index:4}.pcell.droppable:after{content:"";position:absolute;inset:26%;border-radius:50%;background:color-mix(in srgb,var(--accent) 30%,transparent)}.pcell.hint{box-shadow:inset 0 0 0 3px var(--accent);z-index:5;animation:p-hint 1.1s ease-in-out 2}@keyframes p-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)}}.p-badge{position:absolute;top:3px;left:3px;z-index:7;display:inline-flex;align-items:center;gap:2px;min-width:16px;height:17px;padding:0 4px;border-radius:6px;font-family:var(--font-mono);font-size:.62rem;font-weight:600;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:.01em;background:color-mix(in srgb,var(--surface) 88%,transparent);color:var(--text);border:1px solid var(--border);box-shadow:0 1px 2px var(--sh-1)}.p-badge .p-rule{white-space:nowrap}.p-badge .p-st{width:11px;height:11px;flex:none;display:none}.p-badge .p-st svg{width:100%;height:100%;stroke:currentColor;stroke-width:2.4;fill:none;stroke-linecap:round;stroke-linejoin:round}.p-badge.is-pending{border-color:color-mix(in srgb,var(--muted) 50%,var(--border))}.p-badge.is-pending .p-st{display:inline-flex;color:var(--muted)}.p-badge.is-ok{border-color:color-mix(in srgb,var(--correct) 60%,var(--border));color:var(--text)}.p-badge.is-ok .p-st{display:inline-flex;color:var(--correct)}.p-badge.is-bad{border-color:color-mix(in srgb,var(--danger) 65%,var(--border))}.p-badge.is-bad .p-st{display:inline-flex;color:var(--danger)}.p-badge.is-bad .p-st svg{stroke-width:2.2}.pcell.region-bad{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--danger) 55%,transparent)}.pcell.filled.region-bad{box-shadow:inset 0 0 0 2px var(--danger),inset 0 1px color-mix(in srgb,#fff 14%,transparent)}.p-tray-wrap{display:grid;gap:.55rem;justify-items:center;width:100%;max-width:540px}.p-tray-label{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.p-tray{display:flex;flex-wrap:wrap;gap:.55rem;justify-content:center}.p-domino{position:relative;display:inline-flex;align-items:stretch;padding:4px;border-radius:12px;background:var(--dom-face);border:2px solid var(--dom-edge);box-shadow:var(--shadow-keycap);color:var(--dom-ink);transition:box-shadow .16s ease,border-color .16s ease,transform .1s ease,opacity .16s ease}.p-domino .p-half{width:min(40px,9.5vw);height:min(40px,9.5vw);display:grid;place-items:center}.p-domino .p-half .pips-face{width:84%;height:84%}.p-domino .p-spine{width:1px;flex:none;margin:5px 1px;background:var(--dom-spine)}.p-domino:active{transform:translateY(1px)}.p-domino.is-selected{border-color:var(--accent);box-shadow:var(--shadow-hover),inset 0 0 0 2px var(--accent)}.p-domino.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}.p-domino.is-used{opacity:.3;pointer-events:none;filter:grayscale(.5);box-shadow:none}@media(hover:hover)and (pointer:fine){.p-domino:not(.is-used):hover{box-shadow:var(--shadow-hover);border-color:color-mix(in srgb,var(--accent) 45%,var(--dom-edge))}}.p-status{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem 1rem;width:100%;max-width:500px;font-family:var(--font-mono);font-size:.76rem;letter-spacing:.03em;color:var(--muted);text-align:center}.p-status .p-pair{display:inline-flex;align-items:center;gap:.35rem}.p-status b{font-weight:500;color:var(--text);font-variant-numeric:tabular-nums}.p-status .ok{color:var(--correct)}.p-status .bad{color:var(--danger)}.p-status .p-sep{color:var(--ink-gold);opacity:.7}.p-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)}.p-mode b{color:var(--ink-gold);font-weight:500}.p-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] .p-today{color:var(--accent)}.p-today:hover,.p-today:focus-visible{color:var(--text)}.p-controls{display:flex;flex-wrap:wrap;gap:.55rem;justify-content:center;width:100%;max-width:520px}.p-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}.p-btn .ico{width:17px;height:17px;color:var(--accent)}.p-btn:active{transform:translateY(1px);box-shadow:var(--shadow-pressed)}.p-btn[disabled]{opacity:.55;pointer-events:none}@media(hover:hover)and (pointer:fine){.p-btn:hover{box-shadow:var(--shadow-hover);border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.p-btn:hover .ico{color:var(--accent)}}.p-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}.p-legend{display:grid;gap:.55rem}.p-legend .p-leg-row{display:flex;align-items:center;gap:.7rem;font-size:.9rem;color:var(--muted)}.p-legend .p-leg-key{flex:none;min-width:30px;height:26px;padding:0 7px;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:600;font-size:.8rem;border-radius:7px;background:var(--surface-2);border:1px solid var(--border);color:var(--text)}.p-legend .p-leg-row strong{color:var(--text);font-weight:600}.p-region-legend{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem .9rem;margin-top:1rem}.p-region-legend .p-swatch{display:inline-flex;align-items:center;gap:.55rem;font-size:.86rem;color:var(--text)}.p-region-legend .p-chip{width:18px;height:18px;flex:none;border-radius:5px;border:1.5px solid var(--pregion-line)}.p-chip.rg-0{background:var(--pg-0)}.p-chip.rg-1{background:var(--pg-1)}.p-chip.rg-2{background:var(--pg-2)}.p-chip.rg-3{background:var(--pg-3)}.p-chip.rg-4{background:var(--pg-4)}.pips-board.is-static{--pcell: min(56px, 13.5vw);filter:drop-shadow(0 8px 18px var(--sh-2))}.pips-board.is-static .pcell{cursor:default}.psolution-wrap{display:grid;justify-items:center;gap:.9rem}.psolution-cap{font-size:.9rem;color:var(--muted);max-width:54ch;text-align:center}.psolution-cap strong{color:var(--text);font-weight:600}@media(max-width:640px){.pips-board{--pcell: min(66px, 16.5vw, calc((100dvh - 420px) / var(--prows, 3)))}.p-domino .p-half{width:min(34px,8vw);height:min(34px,8vw)}.p-region-legend{max-height:18vh;overflow-y:auto;-webkit-overflow-scrolling:touch}}@media(prefers-reduced-motion:reduce){.pcell.filled.placed-anim,.pcell.hint{animation:none!important}}