.pg .panel { min-width: 0; }
.pg-opts { gap: 8px; align-items: center; }
.pg-modes { margin-top: 8px; }
.pg-help { margin: 10px 0 0; }
.pg-stats { display: flex; justify-content: center; gap: 18px; flex-wrap: wrap; margin-top: 12px; font-size: 15px; color: var(--muted); }
.pg-stats b { color: var(--ink); font-size: 20px; font-weight: 600; font-variant-numeric: tabular-nums; margin-right: 2px; }
:root { --pg-peg: #c8641e; --pg-peg-hi: #f0a050; --pg-hole: #d9d6cf; --pg-wood: #efe6d4; }
:root[data-theme="dark"] { --pg-hole: #3a3733; --pg-wood: #24211d; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --pg-hole: #3a3733; --pg-wood: #24211d; } }
.pg-board { position: relative; width: 100%; max-width: 460px; margin: 14px auto 0; background: var(--pg-wood); border-radius: 24px; box-sizing: border-box; user-select: none; -webkit-user-select: none; }
.pg-h { position: absolute; transform: translate(-50%, -50%); width: calc(94% / var(--cols)); aspect-ratio: 1; border: 0; padding: 0; margin: 0; background: transparent; cursor: pointer; display: flex; align-items: center; justify-content: center; touch-action: none; -webkit-tap-highlight-color: transparent; border-radius: 50%; }
.pg-h i { width: 46%; aspect-ratio: 1; border-radius: 50%; background: var(--pg-hole); box-shadow: inset 0 2px 3px rgba(0,0,0,.28); transition: transform .12s; }
.pg-h.peg i { width: 72%; background: radial-gradient(circle at 35% 30%, var(--pg-peg-hi), var(--pg-peg) 60%); box-shadow: 0 2px 3px rgba(0,0,0,.3), inset 0 -2px 2px rgba(0,0,0,.18); }
.pg-h.sel i { transform: scale(1.12); box-shadow: 0 0 0 3px var(--ink), 0 4px 8px rgba(0,0,0,.3); }
.pg-h.tgt::after, .pg-h.over::after { content: ""; position: absolute; inset: 12%; border-radius: 50%; border: 3px dashed var(--ink); pointer-events: none; }
.pg-h.over::after { border-style: solid; }
.pg-h.hint::before { content: ""; position: absolute; inset: 6%; border-radius: 50%; border: 3px solid var(--ink); pointer-events: none; }
.pg-h.ctr:not(.peg) i { box-shadow: inset 0 2px 3px rgba(0,0,0,.28), 0 0 0 2px var(--muted); }
.pg-h.land i { animation: pg-land .28s ease-out; }
@keyframes pg-land { from { transform: scale(.5); } to { transform: scale(1); } }
.pg-board.draw .pg-h.off i { background: transparent; box-shadow: inset 0 0 0 2px var(--line); width: 34%; }
.pg-board.draw .pg-h.hole i { width: 56%; }
.pg-h:focus-visible { outline: 3px solid var(--focus); outline-offset: -2px; }
.pg-actions { justify-content: center; }
.pg-msg { max-width: 600px; margin: 0 auto; }
.pg-msg:empty { display: none; }
.pg-sol { margin-top: 16px; }
.pg-sol .moves li { font-size: 14px; }
.pg-player { justify-content: center; }
@media (prefers-reduced-motion: reduce) { .pg-h i, .pg-h.land i { animation: none !important; transition: none; } }
@media (max-width: 480px) { .pg-opts .seg button { padding: 7px 11px; font-size: 13.5px; } }