.monster{width:200px;height:200px;position:relative;margin:0 auto;transition:all .3s ease}.monster-face{width:100%;height:100%;background:linear-gradient(135deg,#a78bfa,#8b5cf6);border-radius:50%;position:relative;box-shadow:0 8px 16px #0003}.monster-eyes{display:flex;justify-content:space-around;width:60%;margin:0 auto;padding-top:60px}.monster-eye{width:30px;height:30px;background:#fff;border-radius:50%;position:relative}.monster-eye:after{content:"";width:15px;height:15px;background:#000;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.monster-mouth{width:60px;height:30px;border:4px solid #fff;border-top:none;border-radius:0 0 60px 60px;position:absolute;bottom:50px;left:50%;transform:translate(-50%)}.monster-happy .monster-face{background:linear-gradient(135deg,#fbbf24,#f59e0b);animation:happyBounce .6s ease}.monster-happy .monster-mouth{width:80px;height:40px}.monster-happy .monster-eye:after{animation:blink .3s ease}@keyframes happyBounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes blink{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(.8)}}.monster-sad .monster-face{background:linear-gradient(135deg,#94a3b8,#64748b);animation:sadShake .5s ease}.monster-sad .monster-mouth{border-top:4px solid #fff;border-bottom:none;border-radius:60px 60px 0 0;bottom:40px}.monster-sad .monster-eye:after{width:12px;height:12px}@keyframes sadShake{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.monster-idle .monster-face{animation:idleBreathe 2s ease-in-out infinite}@keyframes idleBreathe{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media(max-width:768px){.monster{width:150px;height:150px}.monster-eye{width:24px;height:24px}.monster-eye:after{width:12px;height:12px}}.food-item{width:120px;min-height:120px;border:4px solid #fff;border-radius:20px;background:#ffffffe6;cursor:pointer;transition:all .2s ease;padding:10px;box-shadow:0 4px 8px #0003;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.food-item:hover:not(:disabled){transform:scale(1.1);box-shadow:0 6px 12px #0000004d}.food-item:active:not(:disabled){transform:scale(.95)}.food-item:disabled{cursor:not-allowed;opacity:.6}.food-item img{width:100%;flex:1;object-fit:contain;pointer-events:none}.food-name{font-size:1rem;font-weight:700;color:#1e293b;text-transform:capitalize;margin-top:4px;text-align:center;pointer-events:none;-webkit-user-select:none;user-select:none}.food-item.correct{border-color:#4ade80;background:#dcfce7;animation:correctBounce .6s ease}@keyframes correctBounce{0%{transform:scale(1)}50%{transform:scale(1.2) rotate(5deg)}to{transform:scale(1)}}.food-item.wrong{border-color:#f87171;background:#fee2e2;animation:wrongShake .5s ease}@keyframes wrongShake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}@media(max-width:768px){.food-item{width:100px;min-height:100px;padding:8px;gap:6px}.food-name{font-size:.875rem}}@media(max-width:480px){.food-item{width:80px;min-height:80px;padding:6px;gap:4px}.food-name{font-size:.75rem}}.hud{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#ffffffe6;border-radius:16px;box-shadow:0 4px 12px #0000001a;margin-bottom:20px;gap:20px}.hud-left,.hud-right{display:flex;gap:16px}.hud-item{display:flex;flex-direction:column;align-items:center}.hud-label{font-size:.875rem;color:#64748b;margin-bottom:4px}.hud-value{font-size:1.5rem;font-weight:700;color:#1e293b}.hud-center{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px}.progress-bar{width:100%;height:12px;background:#e2e8f0;border-radius:12px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#8b5cf6,#a78bfa);transition:width .3s ease;border-radius:12px}.progress-text{font-size:.875rem;color:#64748b;font-weight:600}.replay-button{width:50px;height:50px;border:none;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:1.5rem;cursor:pointer;box-shadow:0 4px 8px #0003;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.replay-button:hover{transform:scale(1.1);box-shadow:0 6px 12px #0000004d}.replay-button:active{transform:scale(.95)}@media(max-width:768px){.hud{flex-direction:column;padding:16px;gap:12px}.hud-left,.hud-right{width:100%;justify-content:space-around}.hud-center{width:100%}.hud-value{font-size:1.25rem}.replay-button{width:44px;height:44px;font-size:1.25rem}}.game-container{width:100%;height:100%;display:flex;flex-direction:column;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;overflow-y:auto}.loading,.error{flex:1;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:700}.error{color:#fee2e2}.start-screen,.complete-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;gap:20px}.start-screen h1,.complete-screen h1{font-size:3rem;margin:0;text-shadow:0 4px 8px rgba(0,0,0,.3)}.start-screen p,.complete-screen p{font-size:1.25rem;opacity:.9;margin:0}.start-button{padding:16px 48px;font-size:1.5rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:50px;cursor:pointer;box-shadow:0 8px 16px #0000004d;transition:all .3s ease}.start-button:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0006}.start-button:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:0 8px 16px #0003}.start-button:active{transform:translateY(-2px)}.resource-status{width:min(520px,90vw);display:flex;flex-direction:column;gap:8px}.resource-progress{width:100%;height:10px;border-radius:999px;background:#ffffff40;overflow:hidden;box-shadow:inset 0 1px 2px #00000026}.resource-progress-bar{height:100%;background:linear-gradient(90deg,#34d399,#22c55e);border-radius:999px;transition:width .25s ease}.resource-progress-text{font-size:.95rem;opacity:.9}.resource-progress-error{font-size:.9rem;color:#fee2e2}.game-area{flex:1;display:flex;flex-direction:column;justify-content:space-around;align-items:center;gap:40px;padding:20px 0}.monster-area{display:flex;align-items:center;justify-content:center}.foods-area{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;max-width:800px;padding:20px}@media(max-width:768px){.game-container{padding:12px}.start-screen h1,.complete-screen h1{font-size:2rem}.start-screen p,.complete-screen p{font-size:1rem}.start-button{padding:12px 32px;font-size:1.25rem}.game-area{gap:20px;padding:10px 0}.foods-area{gap:12px;padding:12px}}@media(max-width:480px){.game-container{padding:8px}.start-screen h1,.complete-screen h1{font-size:1.5rem}.foods-area{gap:8px;padding:8px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,sans-serif;width:100vw;height:100vh;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:none}#root{width:100%;height:100%}