@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;600&display=swap";:root{color:#111;font-family:Fredoka,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at 50% 20%,#bff0ff,#9ad5ff 45%,#7bcf5f);min-height:100%}html,body{width:100%;height:100%}*{box-sizing:border-box;margin:0;padding:0}body,#root,.app{width:100%;height:100%;overflow:hidden}.app{position:relative;background:linear-gradient(180deg,#9ad5ff,#bff0ff 35%,#bff0ff 60%,#9ad5ff)}canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;z-index:1}.hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;justify-content:space-between;padding:16px;z-index:1000}.hud-left{display:flex;flex-direction:column;gap:8px}.hud-crystals{display:flex;gap:8px;align-items:center}.crystal-slot{width:32px;height:32px;border-radius:10px;border:2px solid #ffffffa0;background:#ffffff70;box-shadow:0 2px 6px #0000001a}.crystal-filled{width:100%;height:100%;border-radius:8px}.quest{background:#ffffffb0;padding:6px 10px;border-radius:10px;box-shadow:0 2px 8px #0000001f;min-width:180px}.quest-label{font-size:12px;font-weight:700;color:#3a4a5b;margin-bottom:4px}.quest-progress{background:#d8e1ea;border-radius:8px;overflow:hidden;height:10px;margin-bottom:4px}.quest-bar{height:100%}.quest-count{font-size:12px;color:#3a4a5b}.hud-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.heart{width:26px;height:26px;background:#ff3b3b;clip-path:polygon(50% 90%,90% 50%,70% 10%,50% 30%,30% 10%,10% 50%);box-shadow:0 2px 6px #0002}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes slideDown{0%{transform:translate(-50%) translateY(-100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes damageFlashSmall{0%{opacity:.4}to{opacity:0}}@keyframes damageFlashLarge{0%{opacity:.7}50%{opacity:.8}to{opacity:0}}.damage-flash{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:500}.damage-flash-small{background:#ff646480;animation:damageFlashSmall .25s ease-out}.damage-flash-large{background:#f009;animation:damageFlashLarge .4s ease-out;box-shadow:inset 0 0 100px #ff00004d}@keyframes pulseGlow{0%,to{transform:scale(1);filter:drop-shadow(0 0 20px rgba(255,255,255,.4)) drop-shadow(0 0 40px rgba(230,213,255,.3))}50%{transform:scale(1.08);filter:drop-shadow(0 0 30px rgba(255,255,255,.6)) drop-shadow(0 0 60px rgba(230,213,255,.5))}}@keyframes etherealFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes dreamyFadeIn{0%{opacity:0}to{opacity:1}}.level-up-overlay{background:linear-gradient(135deg,#e6d5ffd9,#ffd5e6d9,#d5e6ffd9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:dreamyFadeIn .6s ease-out}.level-up-player-image{animation:pulseGlow 2.5s ease-in-out infinite;image-rendering:pixelated;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.level-up-text{text-shadow:0 0 20px rgba(255,255,255,.6),0 0 40px rgba(230,213,255,.4),2px 2px 4px rgba(0,0,0,.3);animation:etherealFloat 3s ease-in-out infinite}