*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;background:linear-gradient(180deg,#2a4a2a,#1a3018);overflow:hidden;font-family:Arial,sans-serif;user-select:none;-webkit-user-select:none}body{display:flex;flex-direction:column;align-items:center;justify-content:center}#hud{width:100%;max-width:440px;padding:10px 16px;display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:15px;font-weight:700;flex-shrink:0}#hud-balls{color:gold;font-size:17px}#park{position:relative;max-width:420px;width:94%;background:linear-gradient(180deg,#4a8c3f,#3d7a34,#356e2d);border-radius:22px;border:4px solid #2d5a24;box-shadow:0 6px 24px #00000059,inset 0 2px 8px #ffffff1a;padding:18px 16px 14px;display:flex;flex-direction:column;align-items:center}#park:before{content:"";position:absolute;inset:0;border-radius:18px;background-image:radial-gradient(circle,rgba(100,180,60,.3) 1px,transparent 1px),radial-gradient(circle,rgba(80,150,50,.25) 1px,transparent 1px);background-size:18px 18px,24px 24px;background-position:0 0,9px 12px;pointer-events:none}.park-decor{width:100%;text-align:center;font-size:clamp(1rem,3vw,1.4rem);line-height:1.4;letter-spacing:4px;position:relative;z-index:1}.park-decor-top{margin-bottom:8px}.park-decor-bottom{margin-top:8px}#scene{display:flex;align-items:center;justify-content:center;gap:18px;padding:10px;max-width:440px;width:100%;position:relative;z-index:1}#girl{font-size:clamp(3rem,9vw,4.2rem);min-width:65px;text-align:center}#grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;flex:1;max-width:300px}.cell{aspect-ratio:1;border-radius:14px;background:linear-gradient(135deg,#5d4037,#4e342e);border:3px solid #3e2723;display:flex;align-items:center;justify-content:center;font-size:clamp(1.8rem,6vw,2.8rem);cursor:pointer;transition:transform .15s,box-shadow .3s,border-color .3s;position:relative;-webkit-tap-highlight-color:transparent}.cell:active:not(.revealed):not(.disabled){transform:scale(.94)}.cell:not(.revealed):not(.disabled){box-shadow:inset 0 -4px 8px #0000004d,0 3px 8px #0000004d}.cell:not(.revealed):before{content:"";position:absolute;inset:-4px;background:url(/grass.png) center / cover;border-radius:11px;opacity:.75}.cell.revealed{cursor:default;background:linear-gradient(135deg,#6d4c41,#5d4037);border-color:#4e342e;box-shadow:inset 0 3px 10px #00000080}.cell.dug{background:linear-gradient(135deg,#6d4c41,#5d4037);border-color:#4e342e;box-shadow:inset 0 3px 10px #00000080}.cell.dug:after{content:"";position:absolute;inset:-4px;background:url(/dirt.png) center / contain no-repeat;opacity:.9}.cell.disabled{cursor:default;opacity:.65}.cell.found{border-color:gold;box-shadow:0 0 18px #ffd70073}.cell.active-target{border-color:#ffffff73;box-shadow:0 0 14px #fff3}#dog-float{position:fixed;pointer-events:auto;z-index:6;cursor:pointer;transition:left .4s ease-in-out,top .4s ease-in-out}#dog-img{width:clamp(50px,14vw,70px);height:auto;filter:drop-shadow(0 2px 5px rgba(0,0,0,.5));transition:transform .25s ease,filter .5s ease}#dog-img.flipped{transform:scaleX(-1)}#dog-img.dirty-1{filter:drop-shadow(0 2px 5px rgba(0,0,0,.5)) sepia(.5) saturate(2) brightness(.8) contrast(.9)}#dog-img.dirty-2{filter:drop-shadow(0 2px 5px rgba(0,0,0,.5)) sepia(.7) saturate(2.5) brightness(.7) contrast(.85)}#dog-img.dirty-3{filter:drop-shadow(0 2px 5px rgba(0,0,0,.5)) sepia(.85) saturate(3) brightness(.6) contrast(.8)}#dog-img.dirty-4{filter:drop-shadow(0 2px 5px rgba(0,0,0,.5)) sepia(.95) saturate(3.5) brightness(.52) contrast(.75)}#dog-img.dirty-5{filter:drop-shadow(0 2px 5px rgba(0,0,0,.5)) sepia(1) saturate(4) brightness(.45) contrast(.7)}#dog-img.dirty-6{filter:drop-shadow(0 2px 5px rgba(0,0,0,.5)) sepia(1) saturate(4.5) brightness(.4) contrast(.65)}#dog-heart{position:fixed;font-size:clamp(1.4rem,4vw,2rem);pointer-events:none;z-index:7;opacity:0;transition:opacity .3s}#dog-heart.show{opacity:1;animation:heart-float 2s ease-out forwards}@keyframes heart-float{0%{transform:translateY(0) scale(1);opacity:1}50%{transform:translateY(-20px) scale(1.2);opacity:1}80%{transform:translateY(-35px) scale(1);opacity:.7}to{transform:translateY(-45px) scale(.8);opacity:0}}#dog-float.happy-shake{animation:happy-shake .15s ease-in-out 5}@keyframes happy-shake{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}#dog-float.digging{animation:dig .2s ease-in-out infinite}@keyframes dig{0%,to{transform:rotate(0)}25%{transform:rotate(-22deg) translateY(4px)}75%{transform:rotate(22deg) translateY(4px)}}#particle-layer{position:fixed;inset:0;pointer-events:none;z-index:5}.dirt-particle{position:absolute;border-radius:50%;animation:particle-burst .65s ease-out forwards}@keyframes particle-burst{0%{transform:scale(1);opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(.15);opacity:0}}#status{color:#ccc;font-size:14px;text-align:center;padding:12px;min-height:44px;max-width:440px}#status.found-msg{color:gold;font-weight:700}#status.miss-msg{color:#aaa}#hint{color:#666;font-size:11px;text-align:center;font-style:italic}#overlay{position:fixed;inset:0;background:#000000d1;display:flex;align-items:center;justify-content:center;z-index:10}.overlay-box{background:linear-gradient(135deg,#1a2e1a,#16301e);border:2px solid #ffd700;border-radius:22px;padding:34px 38px;text-align:center;color:#fff;max-width:380px;width:92%}.overlay-box .icon{font-size:3.5em;display:block;margin-bottom:10px}.overlay-box h1{color:gold;font-size:1.75em;margin-bottom:8px}.overlay-box p{color:#bbb;font-size:.95em;line-height:1.6;margin-bottom:20px}.play-btn{padding:14px 34px;background:linear-gradient(135deg,gold,#ffb300);color:#000;border:none;border-radius:12px;font-size:1.1em;font-weight:700;cursor:pointer;box-shadow:0 4px 18px #ffd70059;transition:transform .1s}.play-btn:active{transform:scale(.96)}.hidden{display:none!important}