:root{--pixel-font: "Silkscreen", monospace;--ui-font: "Silkscreen", monospace;--text-color: #333;--card-bg: rgba(255, 255, 255, .2);--card-border: rgba(255, 255, 255, .35);--shadow: 0 4px 20px rgba(0, 0, 0, .15);font-family:var(--pixel-font);line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden}body{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;background:linear-gradient(135deg,#0f2027,#203a43 40%,#2c5364);color:var(--text-color)}#root{width:100%;height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center}.App{width:100%;max-width:420px;height:100vh;height:100dvh;max-height:780px;display:flex;flex-direction:column;align-items:center;border:3px solid rgba(255,255,255,.25);border-radius:24px;box-shadow:0 0 40px #0006,0 0 80px #2c53644d;overflow:hidden;padding:10px 14px;gap:6px;position:relative;z-index:1}.app-background{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center bottom;background-repeat:no-repeat;image-rendering:pixelated;z-index:-1;transition:all 1.5s ease}@media(max-width:500px){.App{max-width:100%;max-height:100vh;max-height:100dvh;border-radius:0;border:none}}.app-header{display:grid;grid-template-columns:40px 1fr auto;align-items:center;width:100%;padding:8px 10px;flex-shrink:0;gap:4px}.app-header h1{font-family:var(--pixel-font);font-size:1rem;color:#fff;text-shadow:2px 2px 0 #1a6b3a,-1px -1px 0 #1a6b3a,1px -1px 0 #1a6b3a,-1px 1px 0 #1a6b3a;margin:0;letter-spacing:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;grid-column:2}.audio-controls{display:flex;align-items:center;gap:6px;grid-column:3;justify-self:end}.reset-btn{background:none!important;border:none!important;padding:4px!important;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:none!important;border-radius:4px!important;width:auto!important;height:auto!important;font-size:1rem!important;color:#fffc!important;transition:all .2s ease}.reset-btn:hover{transform:rotate(180deg) scale(1.1)!important;color:#fff!important;background:#ffffff1a!important}.volume-slider{width:55px;height:4px;-webkit-appearance:none;appearance:none;background:#ffffff4d;border-radius:2px;outline:none;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:#fff;border-radius:50%;cursor:pointer;box-shadow:0 1px 3px #0003}.mute-btn{background:none!important;border:none!important;padding:4px!important;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:none!important;border-radius:4px!important;width:auto!important;height:auto!important;font-size:1rem!important}.mute-btn:hover{transform:scale(1.15)!important;background:#ffffff1a!important}.mute-btn:active{transform:scale(.95)!important;box-shadow:none!important}.mute-btn img{width:20px;height:20px;filter:brightness(0) invert(1)}.stats-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;width:100%;background:#00000040;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:8px 6px;border-radius:12px;border:1px solid rgba(255,255,255,.15);flex-shrink:0}.stat{display:flex;flex-direction:column;align-items:center;gap:2px}.stat-label{font-family:var(--pixel-font);font-size:.55rem;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.6);text-transform:uppercase;letter-spacing:.5px;font-weight:700}.stat-icon-row{display:flex;align-items:center;gap:4px;width:100%}.stat-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon img{width:14px;height:14px;image-rendering:pixelated;filter:brightness(0) invert(1)}.bar-bg{flex:1;height:8px;background:#0000004d;border-radius:4px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.bar-fill{height:100%;background:#4caf50;transition:width .5s ease;border-radius:3px}.cure-progress{display:flex;gap:8px;justify-content:center;align-items:center;width:100%;padding:6px 8px;background:#0000004d;border:1px solid rgba(255,82,82,.4);border-radius:10px;flex-shrink:0}.cure-step{display:flex;align-items:center;gap:3px;font-family:var(--pixel-font);font-size:.55rem;color:#ffffffb3;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.cure-step.done{color:#81c784}.cure-step-icon{font-size:.8rem}.evolution-badge{font-family:var(--pixel-font);font-size:.5rem;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.5);padding:3px 10px;background:#00000040;border-radius:8px;border:1px solid rgba(255,255,255,.2);text-transform:uppercase;letter-spacing:1px;flex-shrink:0}button{font-family:var(--pixel-font);font-size:.7rem;cursor:pointer;border:none;background:transparent;padding:0}.growth-container{display:flex;flex-direction:column;width:100%;gap:4px;padding:0 4px;margin-top:4px}.growth-info{display:flex;justify-content:space-between;width:100%;font-family:var(--pixel-font);font-size:.6rem;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.6);font-weight:700;padding:0 4px;text-transform:uppercase}.growth-bar-bg{width:100%;height:12px;background:#0000004d;border-radius:6px;border:1px solid rgba(255,255,255,.15);overflow:hidden}.growth-bar-fill{height:100%;background:linear-gradient(90deg,#ffc107,#ff9800);border-radius:4px}.game-over-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .5s ease}.game-over-title{font-family:var(--pixel-font);font-size:2rem;color:#ff5252;text-shadow:4px 4px 0 #000;margin-bottom:10px;animation:pulse 1s infinite alternate}.game-over-text{font-family:var(--pixel-font);font-size:.8rem;color:#fff;margin-bottom:20px}.game-over-btn{background:#ff5252;color:#fff;border:4px solid #fff;padding:12px 24px;font-size:1rem;font-family:var(--pixel-font);text-transform:uppercase;box-shadow:0 6px #b71c1c;transition:all .1s}.game-over-btn:active{transform:translateY(4px);box-shadow:0 2px #b71c1c}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.capy-container{position:relative;width:100%;flex:1;min-height:0;overflow:hidden}.capy-sprite{display:block;width:55%;max-width:220px;height:auto;image-rendering:pixelated;position:absolute;inset:0;margin:auto;z-index:10}.capy-critical{filter:grayscale(.6) brightness(1.2);animation:blink 1s infinite alternate}.capy-dead{filter:grayscale(1) brightness(.6) contrast(1.2);opacity:.8;transform:rotate(90deg)!important;top:20%!important}@keyframes blink{0%{opacity:1}to{opacity:.6}}.controls-container{display:flex;gap:8px;justify-content:center;align-items:flex-start;padding:8px 4px;flex-shrink:0;width:100%}.control-btn{display:flex;flex-direction:column;align-items:center;gap:4px;background:#fff3!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:2px solid rgba(255,255,255,.3)!important;border-radius:14px!important;padding:8px 6px!important;cursor:pointer;transition:all .15s ease;width:64px;box-shadow:0 2px 8px #0000001a!important}.control-btn:hover{background:#ffffff59!important;border-color:var(--btn-color, #fff)!important;box-shadow:0 4px 12px #00000026!important}.control-btn:active{box-shadow:0 1px 4px #0000001a!important}.control-btn:disabled{opacity:.4;cursor:not-allowed}.control-btn-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff9;border-radius:10px;padding:4px}.control-btn-icon img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;pointer-events:none}.control-btn-label{font-family:var(--pixel-font, "Silkscreen", monospace);font-size:.4rem;color:#ffffffe6;text-shadow:1px 1px 0 rgba(0,0,0,.3);text-transform:uppercase;letter-spacing:.5px;line-height:1}