@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;700;800&family=Quicksand:wght@400;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{background:#f5efe6;overflow:hidden;font-family:Quicksand,sans-serif;user-select:none;-webkit-user-select:none}#startScreen{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(170deg,#fce4ec,#fff3e0,#e8f5e9 60%,#e3f2fd);display:flex;flex-direction:column;align-items:center;z-index:100;transition:opacity .8s ease,transform .8s ease;overflow-y:auto;padding:20px}#startScreen:before{content:"";flex:1}.donate-wrapper{position:absolute;top:16px;right:16px;z-index:101}@media(max-width:600px){#startScreen{padding-top:52px}#startScreen:before{flex:0}.donate-wrapper{position:absolute;top:10px;right:10px}.donate-btn{font-size:.75rem;padding:5px 10px}}.donate-btn{font-family:Quicksand,sans-serif;font-weight:700;font-size:.85rem;background:linear-gradient(135deg,#fff3e0,#ffcc80);color:#e65100;border:2px solid #ffcc80;border-radius:12px;padding:6px 14px;cursor:pointer;box-shadow:0 2px 10px #00000014;transition:transform .2s,box-shadow .2s}.donate-btn:hover{transform:translateY(-2px);box-shadow:0 4px 14px #e6510033}.donate-btn .fa-heart{color:#e53935}.donate-dropdown{display:none;position:absolute;top:calc(100% + 6px);right:0;background:#fff;border:2px solid #ffcc80;border-radius:12px;box-shadow:0 4px 16px #0000001f;overflow:hidden;min-width:100%}.donate-dropdown.open{display:flex;flex-direction:column}.donate-dropdown a{font-family:Quicksand,sans-serif;font-weight:700;font-size:.9rem;color:#e65100;text-decoration:none;padding:8px 16px;text-align:center;transition:background .15s}.donate-dropdown a:hover{background:#fff3e0}.start-footer{margin-top:auto;width:100%;display:flex;justify-content:space-between;align-items:flex-end;padding:.8em 1.2em;color:#bcaaa4;font-size:.7rem;line-height:1.4}.start-footer-brand{text-align:left}.start-footer-links{display:flex;gap:1em}.start-footer-links a{color:#a1887f;text-decoration:none;font-size:.75rem;font-weight:600}.start-footer-links a:hover{text-decoration:underline}#startScreen.hidden{opacity:0;transform:scale(1.1);pointer-events:none}#startScreen h1{font-family:"Baloo 2",cursive;font-size:clamp(2.2rem,6vw,4rem);color:#5d4037;text-shadow:2px 3px 0 rgba(255,183,77,.4);margin-bottom:.1em;animation:gentleBob 3s ease-in-out infinite}#startScreen .subtitle{font-size:clamp(.9rem,2.5vw,1.3rem);color:#8d6e63;margin-bottom:1em;font-weight:600}.map-label{font-family:"Baloo 2",cursive;font-size:clamp(1rem,2.5vw,1.4rem);color:#5d4037;margin-bottom:.6em}.map-selector{display:flex;gap:16px;margin-bottom:1.2em;flex-wrap:wrap;justify-content:center}.map-card{width:clamp(130px,25vw,175px);border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s ease;border:3px solid rgba(188,170,164,.3);background:#fff;box-shadow:0 3px 12px #00000014;position:relative}.map-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.map-card.selected{border-color:#66bb6a;box-shadow:0 4px 20px #66bb6a66;transform:translateY(-3px)}.map-card.selected:after{content:"✓";position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:50%;background:#66bb6a;color:#fff;font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0003}.map-card canvas{width:100%;aspect-ratio:1;display:block}.map-card .map-name{font-family:"Baloo 2",cursive;font-size:clamp(.8rem,2vw,1rem);color:#5d4037;text-align:center;padding:6px 4px 2px}.map-card .map-desc{font-size:.65rem;color:#a1887f;text-align:center;padding:0 6px 8px;line-height:1.2}.start-btn{font-family:"Baloo 2",cursive;font-size:clamp(1.1rem,3vw,1.6rem);padding:.5em 1.8em;border:3px solid #a5d6a7;border-radius:50px;background:linear-gradient(135deg,#c8e6c9,#a5d6a7);color:#2e7d32;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #4caf5040}.start-btn:hover{transform:translateY(-3px);box-shadow:0 6px 20px #4caf5059;background:linear-gradient(135deg,#a5d6a7,#81c784)}.start-btn-secondary{font-size:clamp(.9rem,2.5vw,1.2rem);background:linear-gradient(135deg,#e3f2fd,#90caf9);border-color:#90caf9;color:#1565c0;box-shadow:0 4px 15px #2196f333}.start-btn-secondary:hover{background:linear-gradient(135deg,#90caf9,#64b5f6);box-shadow:0 6px 20px #2196f34d}.start-btn-row{display:flex;gap:14px;align-items:center;justify-content:center;flex-wrap:wrap}.controls-hint{margin-top:1em;margin-bottom:1em;color:#a1887f;font-size:clamp(.75rem,1.8vw,.9rem);text-align:center}.controls-keys{line-height:2.2}.controls-text{margin-top:.3em;line-height:1.4}.controls-joystick-preview{display:flex;justify-content:center;margin-bottom:.3em}.joystick-preview-outer{width:56px;height:56px;border-radius:50%;background:#ffffff4d;border:2px solid rgba(188,170,164,.4);display:flex;align-items:center;justify-content:center;box-shadow:0 1px 6px #0000000f}.joystick-preview-inner{width:24px;height:24px;border-radius:50%;background:#ffffffd9;border:2px solid rgba(188,170,164,.5);box-shadow:0 1px 4px #00000014}.controls-hint-mobile{display:none}@media(pointer:coarse){.controls-hint-desktop{display:none}.controls-hint-mobile{display:block}}.save-load-area{margin-top:1em;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.save-load-group{display:flex;gap:6px;align-items:center}.save-load-input{font-family:Quicksand,sans-serif;font-size:.8rem;padding:5px 10px;border:2px solid #d7ccc8;border-radius:10px;width:170px;outline:none;color:#5d4037;background:#fff}.save-load-btn{font-family:"Baloo 2",cursive;font-size:.8rem;padding:4px 14px;border:2px solid #a5d6a7;border-radius:10px;background:#c8e6c9;color:#2e7d32;cursor:pointer;transition:all .2s ease;white-space:nowrap}.save-load-btn:hover{background:#a5d6a7}.controls-hint kbd{display:inline-block;background:#fff;border:2px solid #d7ccc8;border-radius:6px;padding:.1em .4em;font-family:Quicksand,sans-serif;font-weight:700;color:#5d4037;box-shadow:0 2px #d7ccc8;margin:0 .05em}canvas#gameCanvas{display:block;cursor:none}#hud{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:10px 14px;pointer-events:none;z-index:10;flex-wrap:wrap;gap:6px}.hud-box{background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px;padding:6px 14px;border:2px solid rgba(188,170,164,.3);box-shadow:0 2px 10px #0000000f}.hud-box{text-align:center}.hud-box .label{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:#a1887f;font-weight:700}.hud-box .value{font-family:"Baloo 2",cursive;font-size:1.2rem;color:#5d4037}#gameOverScreen{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff3e0f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:none;flex-direction:column;align-items:center;justify-content:center;z-index:100}#gameOverScreen.show{display:flex}#gameOverScreen h2{font-family:"Baloo 2",cursive;font-size:clamp(2rem,6vw,3.5rem);color:#e65100;margin-bottom:.2em}#gameOverScreen .final-score{font-family:"Baloo 2",cursive;font-size:clamp(1.3rem,3.5vw,2rem);color:#5d4037;margin-bottom:.4em}#gameOverScreen .stars{font-size:2.2rem;margin-bottom:.8em}.btn-row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}#eggOpenScreen{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(170deg,#fce4ec,#fff3e0,#e8f5e9 60%,#e3f2fd);display:none;flex-direction:column;align-items:center;z-index:110;overflow-y:auto;padding:30px 20px}#eggOpenScreen.show{display:flex}#eggOpenScreen h2{font-family:"Baloo 2",cursive;font-size:clamp(1.8rem,5vw,3rem);color:#5d4037;margin-bottom:.3em;text-shadow:1px 2px 0 rgba(255,183,77,.3)}#eggOpenScreen .sub{font-size:clamp(.9rem,2.5vw,1.1rem);color:#a1887f;font-weight:600;margin-bottom:1.2em}.egg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:14px;max-width:560px;width:100%;margin-bottom:1.5em}.egg-cell{aspect-ratio:1;border-radius:18px;background:#ffffffb3;border:2.5px solid rgba(188,170,164,.3);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000d}.egg-cell:hover:not(.opened){transform:translateY(-4px) scale(1.05);box-shadow:0 6px 20px #0000001a;border-color:#ffb74d80}.egg-cell .egg-icon{font-size:2.8rem;animation:eggWiggle 2s ease-in-out infinite;animation-delay:var(--wiggle-delay, 0s)}.egg-cell:hover:not(.opened) .egg-icon{animation:eggShake .4s ease-in-out}.egg-cell.opened .egg-icon{display:none}.egg-cell .prize-reveal{display:none;flex-direction:column;align-items:center;gap:2px;animation:prizePopIn .5s cubic-bezier(.175,.885,.32,1.275)}.egg-cell.opened .prize-reveal{display:flex}.prize-reveal .prize-icon{font-size:2.2rem}.prize-reveal .prize-name{font-family:"Baloo 2",cursive;font-size:.65rem;color:#8d6e63;text-align:center;line-height:1.1}.egg-cell.opened{cursor:default;border-color:#81c78480;background:#ffffffe6}.egg-cell .mini-confetti{position:absolute;width:6px;height:6px;border-radius:50%;pointer-events:none;animation:confettiBurst .8s ease-out forwards}.open-all-btn{font-family:"Baloo 2",cursive;font-size:clamp(.9rem,2.5vw,1.1rem);padding:.4em 1.5em;border:2px solid #ffcc80;border-radius:50px;background:linear-gradient(135deg,#fff3e0,#ffcc80);color:#e65100;cursor:pointer;transition:all .3s ease;box-shadow:0 3px 10px #ff980033;margin-bottom:.8em}.open-all-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #ff98004d}#mobileControls{position:fixed;bottom:20px;left:20px;z-index:50;display:none}.joystick-outer{width:120px;height:120px;border-radius:50%;background:#ffffff4d;border:2.5px solid rgba(188,170,164,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:relative;touch-action:none;box-shadow:0 2px 12px #00000014}.joystick-inner{width:50px;height:50px;border-radius:50%;background:#ffffffd9;border:2px solid rgba(188,170,164,.5);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0000001a;transition:none}@keyframes gentleBob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes eggWiggle{0%,to{transform:rotate(0)}25%{transform:rotate(3deg)}75%{transform:rotate(-3deg)}}@keyframes eggShake{0%,to{transform:rotate(0) scale(1)}20%{transform:rotate(-12deg) scale(1.1)}40%{transform:rotate(10deg) scale(1.1)}60%{transform:rotate(-8deg) scale(1.05)}80%{transform:rotate(5deg) scale(1.02)}}@keyframes prizePopIn{0%{transform:scale(0) rotate(-20deg);opacity:0}60%{transform:scale(1.2) rotate(5deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes confettiBurst{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--cx),var(--cy)) scale(0);opacity:0}}#trophyScreen{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(170deg,#fff8e1,#fff3e0 40%,#ffe0b2);display:none;flex-direction:column;align-items:center;justify-content:center;z-index:120}#trophyScreen.show{display:flex}#collectionScreen{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(170deg,#e3f2fd,#fff3e0 40%,#e8f5e9);display:none;flex-direction:column;align-items:center;z-index:115;overflow-y:auto;padding:30px 20px}#collectionScreen.show{display:flex}.collect-cell{aspect-ratio:1;border-radius:14px;background:#ffffff80;border:2px solid rgba(188,170,164,.2);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px;position:relative;transition:all .3s ease}.collect-cell.complete{border-color:#66bb6a80;background:#c8e6c980}.collect-cell .c-icon{font-size:1.8rem}.collect-cell .c-name{font-size:.55rem;color:#8d6e63;font-family:"Baloo 2",cursive;line-height:1.1;text-align:center}.collect-cell .c-count{font-size:.6rem;font-weight:700;color:#5d4037;font-family:"Baloo 2",cursive}.collect-cell.empty{opacity:.35}.map-level-badge{position:absolute;bottom:42px;left:8px;background:#ffffffe6;border-radius:10px;padding:2px 8px;font-family:"Baloo 2",cursive;font-size:.65rem;color:#5d4037;border:1.5px solid rgba(188,170,164,.3);box-shadow:0 1px 4px #00000014}.map-card.locked{opacity:.55;pointer-events:none;position:relative}.map-card.locked canvas{filter:grayscale(.6) brightness(.85)}.map-card.locked[data-theme=deepsea] canvas{filter:grayscale(.3) brightness(1.6)}.map-lock{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:"Baloo 2",cursive;font-size:clamp(.75rem,2vw,.95rem);color:#5d4037;background:#ffffffe6;padding:4px 12px;border-radius:10px;border:1.5px solid rgba(188,170,164,.3);box-shadow:0 2px 8px #0000001a;white-space:nowrap;z-index:2}#pauseOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff3e0eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:none;flex-direction:column;align-items:center;justify-content:center;z-index:90}#pauseOverlay.show{display:flex}@media(pointer:coarse){#mobileControls{display:flex}}