/* pebblepits: styles for this game only (loaded after /css/core.css). */
.pp-board { display: flex; align-items: stretch; gap: clamp(6px, 1.6vw, 12px); }
.pp-rows { flex: 1; display: grid; gap: clamp(8px, 2vw, 14px); min-width: 0; }
.pp-row { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: clamp(5px, 1.4vw, 10px); }
.pp-pit, .pp-store { position: relative; margin: 0; padding: 0; border: 0; color: inherit; font: inherit;
  background: radial-gradient(ellipse at 50% 35%, #5E3215, #81491F 75%); box-shadow: inset 0 5px 10px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .25); }
.pp-pit { aspect-ratio: 1; border-radius: 50%; }
.pp-store { flex: 0 0 12%; border-radius: 999px; min-height: 120px; }
.pp-stones { position: absolute; inset: 8%; }
.pp-store .pp-stones { inset: 10% 8%; }
.pp-stones i { position: absolute; width: 27%; aspect-ratio: 1; border-radius: 50%; transform: translate(-50%, -50%); background: radial-gradient(circle at 35% 30%, hsl(var(--h) 85% 82%), hsl(var(--h) 65% 52%) 60%, hsl(var(--h) 60% 30%)); box-shadow: 0 1px 1px rgba(0, 0, 0, .45); }
.pp-store .pp-stones i { width: 46%; }
.pp-n { position: absolute; right: -4px; bottom: -6px; min-width: 22px; padding: 1px 6px; border-radius: 999px; background: var(--surface); color: var(--text); font-size: 12px; font-weight: 700; line-height: 1.4; box-shadow: 0 2px 0 var(--tile-edge); z-index: 2; }
.pp-store .pp-n { right: 50%; transform: translateX(50%); bottom: -8px; font-size: 14px; }
.my-turn .pp-pit.can { cursor: pointer; box-shadow: inset 0 5px 10px rgba(0, 0, 0, .5), 0 0 0 3px rgba(245, 197, 66, .6); }
.my-turn .pp-pit.can:hover { transform: translateY(-2px); box-shadow: inset 0 5px 10px rgba(0, 0, 0, .5), 0 0 0 4px #F5C542; }
.pp-pit.last { box-shadow: inset 0 5px 10px rgba(0, 0, 0, .5), 0 0 0 3px rgba(255, 255, 255, .5); }
.pp-pit.sow, .pp-store.sow { animation: sow .45s ease-out both; animation-delay: var(--d, 0ms); }
.pp-pit.capt { animation: capt .7s ease-out both; }
.pp-pit.hint { animation: hint-glow 1s ease-in-out infinite alternate; }
