:root{color:#f8fff4;background:#2f6f3e;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{min-width:320px;min-height:100svh;overflow-x:hidden}button{font:inherit}.game{min-height:100svh;display:grid;grid-template-rows:auto 1fr auto;gap:clamp(14px,3svh,26px);align-items:center;justify-items:center;padding:max(14px,env(safe-area-inset-top)) 14px max(16px,env(safe-area-inset-bottom));background:radial-gradient(circle at 22% 18%,rgb(255 255 255 / .08) 0 1px,transparent 2px),radial-gradient(circle at 75% 55%,rgb(16 62 30 / .22) 0 2px,transparent 3px),linear-gradient(180deg,#42894f,#2f6f3e 56%,#245932);touch-action:manipulation;-webkit-user-select:none;user-select:none}.hud{width:min(100%,520px);display:grid;grid-template-columns:minmax(78px,1fr) auto minmax(78px,1fr);gap:10px;align-items:center}.stat{min-height:58px;display:grid;place-items:center;gap:2px;padding:8px;border:2px solid rgb(255 255 255 / .18);border-radius:8px;background:#103e1e61;box-shadow:0 8px 20px #0b291638}.stat__label{font-size:.72rem;font-weight:800;text-transform:uppercase;color:#d7efbf}.stat strong{font-size:clamp(1.4rem,8vw,2rem);line-height:1}.start-button{min-width:96px;min-height:58px;padding:0 18px;border:0;border-radius:8px;color:#16351f;background:#ffd257;font-size:1rem;font-weight:900;box-shadow:0 8px #ba8125,0 14px 24px #18260c47;cursor:pointer}.start-button:active{transform:translateY(5px);box-shadow:0 3px #ba8125,0 8px 16px #18260c38}.board{position:relative;width:min(100%,520px,calc(100svh - 150px));aspect-ratio:1;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(8px,3vw,18px);align-self:center}.hole{position:relative;display:grid;place-items:end center;min-width:0;min-height:0;border:0;padding:0;overflow:hidden;border-radius:8px;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.hole:disabled{cursor:default}.hole__shadow{position:absolute;left:8%;right:8%;bottom:6%;height:30%;border-radius:50%;background:radial-gradient(ellipse at center,#17120f 0,#17120f 48%,#342013 49%,#342013 68%,#5e3c21 69%,#5e3c21);box-shadow:inset 0 10px 18px #0000009e}.mole{position:relative;z-index:1;width:76%;height:86%;object-fit:cover;object-position:50% 22%;border-radius:999px 999px 42% 42%;border:3px solid #ffffff;box-shadow:0 8px 16px #00000052;transform:translateY(112%) scale(.92);transition:transform .12s ease-out,filter .12s ease-out;pointer-events:none}.hole--up .mole{transform:translateY(10%) scale(1)}.hole--hit .mole{filter:saturate(1.35) contrast(1.1);transform:translateY(16%) scale(.9) rotate(-5deg)}.fist{position:absolute;z-index:3;left:50%;top:50%;display:grid;place-items:center;width:clamp(54px,16vw,86px);height:clamp(54px,16vw,86px);font-size:clamp(2.2rem,12vw,4rem);line-height:1;opacity:0;pointer-events:none;text-shadow:0 5px 10px rgb(0 0 0 / .26);transform:translate(-50%,-50%) rotate(-18deg) scale(.4)}.fist--hit{animation:punch .26s cubic-bezier(.2,.9,.35,1.2)}@keyframes punch{0%{opacity:0;transform:translate(-50%,-86%) rotate(-28deg) scale(1.35)}45%{opacity:1;transform:translate(-50%,-50%) rotate(-8deg) scale(.82)}to{opacity:0;transform:translate(-50%,-42%) rotate(8deg) scale(.95)}}.status{min-height:1.5rem;margin:0;color:#fff4c2;font-size:clamp(1rem,5vw,1.25rem);font-weight:900;text-align:center}@media(min-width:720px){.game{gap:28px;padding:28px}.hud{width:min(100%,600px)}.board{width:min(68svh,600px)}}