@import"https://fonts.googleapis.com/css2?family=Fredoka+One&family=Quicksand:wght@400;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{font-family:Quicksand,sans-serif;background:#0288d1;color:#006064;overflow:hidden;-webkit-user-select:none;user-select:none}#root{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}.fredoka{font-family:Fredoka One,cursive}@keyframes shake{0%{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}to{transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes ripple{0%{transform:scale(.8);opacity:.6}to{transform:scale(1.4);opacity:0}}.shake{animation:shake .4s ease-in-out}.float{animation:float 3s ease-in-out infinite}.pulse{animation:pulse 2s ease-in-out infinite}.fade-in{animation:fadeIn .3s ease-out}.slide-up{animation:slideUp .5s ease-out}.btn{padding:10px 20px;border:none;border-radius:12px;background:#ff9800;color:#fff;font-family:Fredoka One,cursive;font-size:1rem;cursor:pointer;box-shadow:0 4px #e65100;transition:transform .1s,box-shadow .1s;text-shadow:1px 1px 2px rgba(0,0,0,.2);white-space:nowrap}.btn:active{transform:translateY(4px);box-shadow:0 0 0 transparent}.btn:disabled{background:#9e9e9e;box-shadow:0 4px #757575;cursor:not-allowed;opacity:.7}.btn-green{background:#4caf50;box-shadow:0 4px #2e7d32}.btn-blue{background:#0288d1;box-shadow:0 4px #01579b}.btn-red{background:#f44336;box-shadow:0 4px #c62828}.btn-purple{background:#9c27b0;box-shadow:0 4px #6a1b9a}.hp-bar{height:12px;background:#e0e0e0;border-radius:6px;border:2px solid #333;overflow:hidden}.hp-bar-fill{height:100%;border-radius:4px;transition:width .5s ease-out}.map-region{cursor:pointer;transition:filter .2s,transform .2s}.map-region:hover{filter:brightness(1.2)}