@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;600;700&display=swap";:root{color-scheme:light;font-family:Fredoka,ui-sans-serif,system-ui,sans-serif;line-height:1.4}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;overflow:hidden;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}body{background:linear-gradient(180deg,#87ceeb,#87ceeb 45%,#f4d58d 45%,#f4d58d)}#root{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh;position:relative}.hud{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:480px;padding:8px 12px;z-index:20;gap:6px}.hud-box{background:#00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:12px;padding:6px 14px;color:#fff;font-weight:600;font-size:.95rem;display:flex;align-items:center;gap:6px;white-space:nowrap}.hud-box .icon{font-size:1.1rem}.timer-bar{width:100%;max-width:480px;height:8px;background:#0003;border-radius:4px;overflow:hidden;z-index:20;margin-bottom:4px}.timer-fill{height:100%;background:linear-gradient(90deg,#ff6b6b,#feca57,#48dbfb);border-radius:4px;transition:width .3s linear}.beach-area{flex:1;width:100%;max-width:480px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;position:relative;overflow:hidden}.wave{position:absolute;bottom:0;left:0;width:200%;height:40px;background:repeating-linear-gradient(90deg,#1e90ff4d,#1e90ff1a,#1e90ff4d 80px);animation:waveMove 3s linear infinite;z-index:1;border-radius:50% 50% 0 0}@keyframes waveMove{0%{transform:translate(0)}to{transform:translate(-50%)}}.dig-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%;max-width:360px;z-index:10}.dig-spot{aspect-ratio:1;border-radius:14px;border:3px solid rgba(139,90,43,.4);background:linear-gradient(145deg,#d4a55a,#c49545);display:flex;align-items:center;justify-content:center;font-size:1.6rem;cursor:pointer;transition:transform .1s,background .2s;position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent}.dig-spot:active{transform:scale(.92)}.dig-spot.dug{background:linear-gradient(145deg,#a07830,#8b6520);border-color:#50321480;animation:digAnim .4s ease-out}.dig-spot.found{background:linear-gradient(145deg,#ffe066,#ffc107);border-color:#ff9800;animation:foundAnim .5s ease-out}.dig-spot.hint{animation:hintPulse .8s ease-in-out infinite}@keyframes digAnim{0%{transform:scale(1)}30%{transform:scale(.85) rotate(-3deg)}to{transform:scale(1) rotate(0)}}@keyframes foundAnim{0%{transform:scale(1)}40%{transform:scale(1.25)}70%{transform:scale(.95)}to{transform:scale(1)}}@keyframes hintPulse{0%,to{box-shadow:0 0 #ffd70000}50%{box-shadow:0 0 12px 4px #ffd70099}}.dig-spot .spot-emoji{z-index:2;filter:drop-shadow(0 2px 3px rgba(0,0,0,.3))}.dig-spot .x-mark{font-size:1.4rem;color:#50321480;font-weight:700}.fly-score{position:absolute;font-size:1.3rem;font-weight:700;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.4);pointer-events:none;animation:flyUp 1s ease-out forwards;z-index:100}@keyframes flyUp{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-80px) scale(1.3)}}.bottom-bar{display:flex;gap:8px;padding:8px 12px 16px;width:100%;max-width:480px;z-index:20}.btn{flex:1;padding:12px 8px;border:none;border-radius:14px;font-family:Fredoka,sans-serif;font-weight:600;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:transform .1s,box-shadow .2s;-webkit-tap-highlight-color:transparent}.btn:active{transform:scale(.95)}.btn-primary{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;box-shadow:0 4px 12px #ee5a2466}.btn-shop{background:linear-gradient(135deg,#48dbfb,#0abde3);color:#fff;box-shadow:0 4px 12px #0abde366}.btn-music{background:linear-gradient(135deg,#a29bfe,#6c5ce7);color:#fff;box-shadow:0 4px 12px #6c5ce766;flex:.6}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:50;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.shop-panel{background:linear-gradient(135deg,#ffeaa7,#fdcb6e);border-radius:20px;padding:20px;width:90%;max-width:380px;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #0006;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.shop-title{text-align:center;font-size:1.6rem;font-weight:700;color:#5a3e1b;margin-bottom:14px}.shop-close{display:block;margin:14px auto 0;padding:10px 30px;border:none;border-radius:12px;background:linear-gradient(135deg,#e17055,#d63031);color:#fff;font-family:Fredoka,sans-serif;font-weight:600;font-size:1rem;cursor:pointer}.shop-close:active{transform:scale(.95)}.shop-item{background:#fff9;border-radius:14px;padding:12px;margin-bottom:10px;display:flex;align-items:center;gap:12px;transition:transform .1s}.shop-item:active{transform:scale(.97)}.shop-item-icon{font-size:2rem;width:48px;text-align:center}.shop-item-info{flex:1}.shop-item-name{font-weight:700;color:#5a3e1b;font-size:1rem}.shop-item-desc{font-size:.78rem;color:#7a5a2b;margin-top:2px}.shop-item-level{font-size:.7rem;color:#b07a2b;margin-top:2px}.shop-buy-btn{padding:8px 14px;border:none;border-radius:10px;background:linear-gradient(135deg,#00b894,#00a381);color:#fff;font-family:Fredoka,sans-serif;font-weight:600;font-size:.85rem;cursor:pointer;white-space:nowrap}.shop-buy-btn:disabled{background:#aaa;cursor:not-allowed}.shop-buy-btn:active:not(:disabled){transform:scale(.95)}.screen-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.screen-card{background:linear-gradient(135deg,#ffeaa7,#fdcb6e);border-radius:24px;padding:28px 24px;text-align:center;max-width:360px;width:90%;box-shadow:0 20px 60px #0006;animation:slideUp .4s ease-out}.screen-card h1{font-size:2rem;color:#5a3e1b;margin-bottom:8px}.screen-card p{color:#7a5a2b;font-size:.95rem;margin-bottom:6px}.screen-card .big-emoji{font-size:3.5rem;margin-bottom:10px}.screen-card .stat-row{display:flex;justify-content:center;gap:20px;margin:12px 0}.screen-card .stat{text-align:center}.screen-card .stat-val{font-size:1.8rem;font-weight:700;color:#5a3e1b}.screen-card .stat-label{font-size:.75rem;color:#9a7a3b;text-transform:uppercase;letter-spacing:.05em}.screen-card .play-btn{margin-top:16px;padding:14px 40px;border:none;border-radius:16px;background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;font-family:Fredoka,sans-serif;font-weight:700;font-size:1.3rem;cursor:pointer;box-shadow:0 6px 20px #ee5a2480;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.screen-card .play-btn:active{transform:scale(.95)}.beat-pulse{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;background:radial-gradient(circle at 50% 80%,rgba(255,200,50,.15) 0%,transparent 60%);opacity:0;transition:opacity .08s}.beat-pulse.active{opacity:1}.combo-display{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2.5rem;font-weight:700;color:#fff;text-shadow:0 3px 10px rgba(0,0,0,.5);pointer-events:none;z-index:30;animation:comboPop .6s ease-out forwards}@keyframes comboPop{0%{opacity:1;transform:translate(-50%,-50%) scale(.5)}50%{transform:translate(-50%,-50%) scale(1.3)}to{opacity:0;transform:translate(-50%,-50%) scale(1) translateY(-30px)}}@media(max-height:600px){.dig-grid{gap:4px}.dig-spot{border-radius:10px}.hud-box{padding:4px 10px;font-size:.8rem}}