.whack-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:2px 2px 18px}.holes{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(10px,3vw,24px);max-width:650px;margin:auto;padding:8px}.hole{position:relative;aspect-ratio:1.25/1;overflow:hidden;cursor:pointer;touch-action:manipulation}.mound{position:absolute;left:7%;right:7%;bottom:5%;height:44%;border-radius:50% 50% 35% 35%;background:linear-gradient(180deg,#9a643d,#55331f);box-shadow:inset 0 10px 12px rgba(255,210,150,.13),0 12px 18px rgba(0,0,0,.28)}.mole{position:absolute;left:50%;bottom:22%;transform:translate(-50%,100%);font-size:clamp(38px,8vw,72px);transition:transform .16s ease-out;filter:drop-shadow(0 6px 5px rgba(0,0,0,.3));user-select:none}.hole.up .mole{transform:translate(-50%,0)}.hole.hit .mole{transform:translate(-50%,0) scale(.75) rotate(-15deg)}.whack-overlay{position:absolute;inset:8px;z-index:5;border-radius:12px;background:rgba(7,13,25,.84);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center}.whack-overlay[hidden]{display:none}.whack-overlay strong{font-size:30px}.whack-overlay span{color:#b9c8e2}.whack-overlay button{margin-top:4px}@media(max-width:500px){.holes{gap:5px;padding:2px}.whack-head{flex-wrap:wrap}.whack-head .g-stats{width:100%;justify-content:space-between}.mound{height:40%}}