.pso-board{touch-action:manipulation;width:min(100%,460px,max(260px,100svh - 380px));margin:0 auto;display:block}.pso-pond{fill:#8fc1d4;stroke:#2b5566;stroke-width:.22px;stroke-linejoin:round}.pso-hole{fill:#6aa3b8}.pso-duck{stroke:#1f1a14;stroke-width:.1px}.pso-duck.p0{fill:#f7f2e3}.pso-duck.p1{fill:#5b4634}.pso-spot[role=button]{cursor:pointer}.pso-spot[role=button]:focus-visible{outline:none}.pso-spot[role=button]:focus-visible .pso-hole{stroke:var(--ink);stroke-width:.12px}.pso-spot.on .pso-duck{stroke:#e2a400;stroke-width:.24px}.pso-spot.last .pso-hole{fill:#4b8296}.pso-mark.p0{fill:#5b4634}.pso-mark.p1{fill:#f7f2e3}.pso-ring{fill:none;stroke:#1d7a3e;stroke-width:.16px;stroke-dasharray:.3 .18}.pso-side{flex-wrap:wrap;justify-content:center;gap:4px 16px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.pso-side li{align-items:center;gap:6px;display:flex}.pso-side li.on{font-weight:700}.pso-dot{border:1.5px solid #1f1a14;border-radius:50%;width:14px;height:14px}.pso-dot.p0{background:#f7f2e3}.pso-dot.p1{background:#5b4634}.pso-pad{grid-template-columns:repeat(2,56px);justify-content:center;gap:6px 40px;display:grid}.pso-pad button{justify-content:center;min-height:40px;font-size:20px}.pso-pad button:nth-child(3),.pso-pad button:nth-child(4){transform:translateX(var(--pso-x,-20px))}.pso-pad button:nth-child(4){--pso-x:20px}.pso-count{text-align:center;color:var(--muted);margin:0;font-size:14px}