.app{min-height:100vh;display:flex;flex-direction:column}.header{text-align:center;padding:2rem 1rem 1rem;animation:slideIn .6s ease-out}.title{font-family:Fredoka,cursive;font-size:3rem;font-weight:700;color:var(--accent-cream);margin-bottom:1rem;display:flex;align-items:center;justify-content:center;gap:1rem;text-shadow:2px 2px 4px var(--shadow)}.subtitle{color:var(--text-secondary);font-size:1.1rem;font-weight:400}.main{flex:1;padding:1rem 2rem 2rem}.game-container{display:flex;gap:2rem;max-width:1400px;margin:0 auto;align-items:flex-start}.panel{width:280px;display:flex;flex-direction:column;gap:1rem}.panel-left{animation:slideIn .6s ease-out;animation-delay:.1s;animation-fill-mode:backwards}.panel-right{animation:slideIn .6s ease-out;animation-delay:.2s;animation-fill-mode:backwards}.info-card{background:var(--bg-card);border-radius:16px;padding:1.25rem;border:1px solid var(--border-light);box-shadow:0 4px 20px var(--shadow);transition:transform .2s,box-shadow .2s}.info-card:hover{transform:translateY(-2px);box-shadow:0 6px 25px var(--shadow)}.info-card h3{font-family:Fredoka,cursive;font-size:1.1rem;font-weight:600;color:var(--accent-gold);margin-bottom:.75rem}.info-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.budget-card{background:linear-gradient(135deg,var(--bg-card) 0%,#2a4a2a 100%)}.budget-display{display:flex;align-items:baseline;justify-content:center;gap:.25rem;margin-bottom:.75rem}.budget-current{font-family:Fredoka,cursive;font-size:2.5rem;font-weight:700;color:var(--accent-cream)}.budget-separator,.budget-max{font-size:1.5rem;color:var(--text-secondary)}.budget-bar{height:8px;background:var(--bg-secondary);border-radius:4px;overflow:hidden}.budget-fill{height:100%;background:linear-gradient(90deg,var(--accent-teal),var(--accent-gold));border-radius:4px;transition:width .3s ease}.score-card{transition:all .3s ease}.score-card.enclosed{background:linear-gradient(135deg,var(--bg-card) 0%,rgba(129,178,154,.2) 100%);border-color:var(--accent-teal)}.current-score-display{display:flex;align-items:baseline;justify-content:center;gap:.5rem;margin-bottom:.5rem}.current-score{font-family:Fredoka,cursive;font-size:2.5rem;font-weight:700;color:var(--accent-cream);transition:all .3s ease}.current-score.optimal{color:var(--accent-gold);text-shadow:0 0 20px rgba(240,198,116,.5);animation:pulse 1s ease-in-out infinite}.score-separator{font-size:1.5rem;color:var(--text-secondary)}.target-score{font-size:1.5rem;color:var(--accent-gold)}.score-status{text-align:center;font-size:.9rem;font-weight:500;transition:all .3s ease}.score-status.escaped{color:var(--escape-path)}.score-status.partial{color:var(--accent-teal)}.score-status.complete{color:var(--accent-gold)}.optimal-score{font-family:Fredoka,cursive;font-size:2.5rem;font-weight:700;color:var(--accent-gold);text-align:center;text-shadow:0 0 20px rgba(240,198,116,.3)}.hint{text-align:center;font-style:italic;margin-top:.5rem}.btn{padding:.875rem 1.5rem;font-family:Fredoka,cursive;font-size:1.1rem;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-submit{background:linear-gradient(135deg,var(--accent-teal),#5a9c7a);color:#fff;box-shadow:0 4px 15px #81b29a4d}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #81b29a66}.btn-submit.loading{animation:pulse 1s ease-in-out infinite}.btn-reset{background:var(--bg-card);color:var(--text-secondary);border:2px solid var(--border-light)}.btn-reset:hover:not(:disabled){background:var(--bg-card-hover);color:var(--text-primary)}.grid-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;animation:slideIn .6s ease-out}.result-banner{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2rem;border-radius:12px;margin-bottom:1rem;animation:slideIn .4s ease-out}.result-banner.success{background:linear-gradient(135deg,#81b29a4d,#81b29a1a);border:2px solid var(--accent-teal)}.result-banner.failure{background:linear-gradient(135deg,#ef53504d,#ef53501a);border:2px solid var(--escape-path)}.result-icon{font-size:1.5rem}.result-text{font-family:Fredoka,cursive;font-size:1.25rem;color:var(--text-primary)}.grid{display:flex;flex-direction:column;gap:2px;padding:1rem;background:var(--bg-card);border-radius:16px;box-shadow:0 10px 40px var(--shadow),inset 0 1px #ffffff0d;border:2px solid var(--border-light)}.grid-row{display:flex;gap:2px}.tile{width:38px;height:38px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;position:relative;font-size:1.4rem}.tile:hover{transform:scale(1.05);z-index:10}.tile-grass{background:linear-gradient(135deg,var(--grass-light),var(--grass-dark));box-shadow:inset 0 -2px #0003}.tile-grass:hover{background:linear-gradient(135deg,#8bc34a,#689f38);box-shadow:inset 0 -2px #0003,0 0 10px #8bc34a66}.tile-obstacle{background:linear-gradient(135deg,var(--water),#29b6f6);cursor:not-allowed;box-shadow:inset 0 -2px #0003}.tile-obstacle:hover{transform:none}.tile-fence{background:linear-gradient(135deg,var(--fence),var(--fence-wood));box-shadow:inset 0 -3px #0000004d,0 2px 8px #0000004d;animation:flowerPop .3s ease-out}.tile-hedgehog{background:linear-gradient(135deg,#a5d6a7,#81c784);cursor:default;box-shadow:inset 0 -2px #0003,0 0 15px #a5d6a780}.tile-hedgehog:hover{transform:scale(1.1);box-shadow:inset 0 -2px #0003,0 0 25px #a5d6a7b3}.tile-escape-path{background:linear-gradient(135deg,var(--escape-path),#c62828);animation:pathPulse .5s ease-in-out infinite;box-shadow:inset 0 -2px #0003,0 0 15px var(--escape-glow)}.tile-enclosed{background:linear-gradient(135deg,var(--grass-enclosed),#aed581);box-shadow:inset 0 -2px #0000001a;animation:flowerPop .4s ease-out backwards}.tile-enclosed.tile-enclosed-preview{background:linear-gradient(135deg,#b8e994,#78e08f);box-shadow:inset 0 -2px #0000001a,0 0 8px #78e08f66;animation:enclosedPreviewPulse 1.5s ease-in-out infinite}@keyframes enclosedPreviewPulse{0%,to{box-shadow:inset 0 -2px #0000001a,0 0 8px #78e08f66}50%{box-shadow:inset 0 -2px #0000001a,0 0 15px #78e08f99}}.tile-preview{background:linear-gradient(135deg,#fff59d,#ffee58);box-shadow:inset 0 -2px #0000001a,0 0 10px #ffee5880}.hedgehog-emoji{font-size:1.6rem;animation:float 2s ease-in-out infinite}.tile-hedgehog.celebrating .hedgehog-emoji{animation:celebrate .6s ease-in-out infinite}.tile-hedgehog.escaped .hedgehog-emoji{animation:shake .3s ease-in-out infinite}.obstacle-emoji{font-size:1.3rem;opacity:.9}.fence-emoji{font-size:1.3rem}.flower-emoji{font-size:1.1rem;animation:flowerPop .4s ease-out backwards}.enclosed-preview-emoji{font-size:.9rem;opacity:.8;animation:sparkle 1s ease-in-out infinite}@keyframes sparkle{0%,to{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}.tile-enclosed:nth-child(3n) .flower-emoji{animation-delay:.1s}.tile-enclosed:nth-child(5n) .flower-emoji{animation-delay:.15s}.tile-enclosed:nth-child(7n) .flower-emoji{animation-delay:.2s}.grid-hint{margin-top:1rem;color:var(--text-secondary);font-size:.9rem;text-align:center}.rules-card ul{list-style:none;padding:0}.rules-card li{color:var(--text-secondary);font-size:.85rem;padding:.4rem 0;border-bottom:1px solid var(--border-light)}.rules-card li:last-child{border-bottom:none}.footer{text-align:center;padding:1.5rem;color:var(--text-secondary);font-size:.9rem}@media (max-width: 1200px){.game-container{flex-direction:column;align-items:center}.panel{width:100%;max-width:500px}.panel-left,.panel-right{flex-direction:row;flex-wrap:wrap}.panel-left>*,.panel-right>*{flex:1;min-width:200px}}@media (max-width: 600px){.title{font-size:2rem}.tile{width:28px;height:28px;font-size:1rem}.hedgehog-emoji{font-size:1.2rem}.obstacle-emoji,.fence-emoji{font-size:1rem}.flower-emoji{font-size:.8rem}}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1.5rem}.loading-spinner{font-size:4rem;animation:float 1.5s ease-in-out infinite,spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-screen p{font-family:Fredoka,cursive;font-size:1.5rem;color:var(--accent-cream)}.error-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem;padding:2rem;text-align:center}.error-screen h2{font-family:Fredoka,cursive;font-size:2rem;color:var(--escape-path)}.error-screen p{color:var(--text-secondary);max-width:400px}.error-screen button{margin-top:1rem;padding:.75rem 1.5rem;font-family:Fredoka,cursive;font-size:1rem;background:var(--accent-teal);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:transform .2s,box-shadow .2s}.error-screen button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #81b29a66}.level-select-container{max-width:900px;margin:0 auto;padding:1rem}.level-select-title{font-family:Fredoka,cursive;font-size:1.8rem;color:var(--accent-gold);text-align:center;margin-bottom:1.5rem}.levels-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.level-card{background:var(--bg-card);border-radius:16px;padding:1.25rem;border:2px solid var(--border-light);box-shadow:0 4px 20px var(--shadow);cursor:pointer;transition:all .2s;display:flex;flex-direction:column;gap:.75rem;position:relative;overflow:hidden}.level-card:hover:not(.locked){transform:translateY(-4px);border-color:var(--accent-teal);box-shadow:0 8px 30px var(--shadow),0 0 20px #81b29a33}.level-card.locked{opacity:.6;cursor:not-allowed;filter:grayscale(.5)}.level-card.solved{border-color:var(--accent-gold);background:linear-gradient(135deg,var(--bg-card) 0%,rgba(240,198,116,.1) 100%)}.level-card.solved:before{content:"";position:absolute;top:0;right:0;width:60px;height:60px;background:linear-gradient(135deg,transparent 50%,rgba(240,198,116,.3) 50%);border-radius:0 14px 0 0}.level-number{position:absolute;top:.75rem;right:.75rem;width:36px;height:36px;background:var(--bg-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Fredoka,cursive;font-weight:700;font-size:1.1rem;color:var(--accent-cream)}.level-card.solved .level-number{background:var(--accent-gold);color:var(--bg-primary)}.level-info h3{font-family:Fredoka,cursive;font-size:1.2rem;font-weight:600;color:var(--accent-cream);margin-bottom:.25rem;padding-right:40px}.level-description{color:var(--text-secondary);font-size:.85rem;line-height:1.4;margin-bottom:.5rem}.level-description.locked-text{color:var(--text-muted, #666);font-style:italic}.level-meta{display:flex;gap:.75rem;flex-wrap:wrap}.level-meta .budget{color:var(--text-secondary);font-size:.85rem}.level-status{margin-top:auto;padding-top:.75rem;border-top:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center}.status-solved{color:var(--accent-gold);font-weight:600}.status-locked{color:var(--text-secondary)}.status-attempted{color:var(--accent-teal);font-weight:500}.status-new{color:var(--accent-cream);font-weight:600}.level-optimal{font-size:.8rem;color:var(--text-secondary)}.progress-summary{margin-top:2rem;text-align:center;padding:1.25rem;background:var(--bg-card);border-radius:12px;border:1px solid var(--border-light)}.progress-summary p{font-family:Fredoka,cursive;font-size:1.1rem;color:var(--accent-cream)}.victory-banner{margin-top:2rem;padding:2.5rem;background:linear-gradient(135deg,#ffd70026,#ffb74d1a);border:2px solid #FFD700;border-radius:20px;text-align:center;animation:victoryPulse 2s ease-in-out infinite;box-shadow:0 0 30px #ffd7004d}@keyframes victoryPulse{0%,to{box-shadow:0 0 30px #ffd7004d}50%{box-shadow:0 0 50px #ffd70080}}.victory-icon{font-size:4rem;margin-bottom:1rem}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.victory-title{font-family:Fredoka,cursive;font-size:2rem;color:gold;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.victory-message{font-size:1.2rem;color:var(--accent-cream);margin-bottom:.75rem;line-height:1.6}.victory-subtitle{font-size:1.1rem;color:var(--text-secondary);font-style:italic}.back-btn{position:absolute;left:1.5rem;top:50%;transform:translateY(-50%);padding:.5rem 1rem;font-family:Fredoka,cursive;font-size:.95rem;background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border-light);border-radius:8px;cursor:pointer;transition:all .2s}.back-btn:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--accent-teal)}.header{position:relative}.speedrun-timer{position:absolute;left:50%;bottom:-.5rem;transform:translate(-50%);padding:.4rem 1.4rem .4rem 1rem;font-family:Courier New,monospace;font-size:1.1rem;font-weight:700;background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff;border-radius:20px;box-shadow:0 2px 10px #4caf5066;line-height:1.8rem}.speedrun-timer.warning{background:linear-gradient(135deg,#ff9800,#f57c00);box-shadow:0 2px 10px #ff980066;animation:timerPulse .5s ease-in-out infinite}.speedrun-timer.expired{background:linear-gradient(135deg,#f44336,#c62828);box-shadow:0 2px 10px #f4433666}.speedrun-timer.success{background:linear-gradient(135deg,#4caf50,#2e7d32);box-shadow:0 2px 10px #4caf5080}.speedrun-hint{opacity:.7;font-size:.9rem}@keyframes timerPulse{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.05)}}.speedrun-secret{margin-top:1.5rem;padding:1.5rem;background:linear-gradient(135deg,#9c27b04d,#673ab733);border:2px solid #9C27B0;border-radius:12px;animation:secretReveal 1s ease-out,secretGlow 2s ease-in-out infinite}@keyframes secretReveal{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes secretGlow{0%,to{box-shadow:0 0 20px #9c27b066}50%{box-shadow:0 0 40px #9c27b0b3}}.speedrun-secret-text{font-family:Courier New,monospace;font-size:1.1rem;color:#ce93d8;font-weight:700;text-align:center;word-break:break-all}.speedrun-slow{margin-top:1.5rem;padding:1.5rem;background:linear-gradient(135deg,#9e9e9e33,#61616126);border:2px solid #9E9E9E;border-radius:12px}.speedrun-slow-text{font-size:1rem;color:#bdbdbd;text-align:center;font-style:italic}.grid-controls{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}.grid-controls .btn{min-width:120px}.result-banner.solved{background:linear-gradient(135deg,#f0c6744d,#f0c6741a);border:2px solid var(--accent-gold)}.btn-next-level{background:linear-gradient(135deg,var(--accent-gold),#e0a800);color:var(--bg-primary);font-family:Fredoka,cursive;font-size:1rem;font-weight:600;padding:.5rem 1.25rem;border:none;border-radius:20px;cursor:pointer;margin-left:1rem;transition:all .2s;box-shadow:0 2px 10px #f0c67466}.btn-next-level:hover{transform:scale(1.05);box-shadow:0 4px 15px #f0c67480}.btn-claim-prize{background:linear-gradient(135deg,gold,#ff8c00);color:var(--bg-primary);font-family:Fredoka,cursive;font-size:1.1rem;font-weight:700;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;border:none;transition:all .2s ease;animation:pulse-gold 1.5s ease-in-out infinite}.btn-claim-prize:hover{transform:scale(1.1);box-shadow:0 4px 20px #ffd70099}@keyframes pulse-gold{0%,to{box-shadow:0 0 10px #ffd70080}50%{box-shadow:0 0 25px #ffd700cc}}.try-again{color:var(--text-secondary);font-size:.9rem;margin-left:.5rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.controls-header{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem;margin-bottom:1.5rem}.btn-restart{background:var(--bg-card);color:var(--text-secondary);font-size:.95rem;padding:.6rem 1.2rem;border:1px solid var(--border-light);border-radius:8px;cursor:pointer;transition:all .2s}.btn-restart:hover:not(:disabled){background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--accent-teal)}.btn-restart:disabled{opacity:.6;cursor:not-allowed}:root{--bg-primary: #1a2f1a;--bg-secondary: #0d1f0d;--bg-card: #243524;--bg-card-hover: #2d472d;--accent-gold: #f0c674;--accent-coral: #e07a5f;--accent-teal: #81b29a;--accent-cream: #f4f1de;--grass-light: #7cb342;--grass-dark: #558b2f;--grass-enclosed: #c5e1a5;--water: #4fc3f7;--rock: #78909c;--fence: #8d6e63;--fence-wood: #a1887f;--text-primary: #f4f1de;--text-secondary: #b5b5aa;--border-light: rgba(255, 255, 255, .1);--shadow: rgba(0, 0, 0, .4);--escape-path: #ef5350;--escape-glow: rgba(239, 83, 80, .5)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 20% 20%,rgba(129,178,154,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(240,198,116,.1) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(13,31,13,.8) 0%,transparent 100%);pointer-events:none;z-index:-1}#root{min-height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--accent-teal);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-gold)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes glow{0%,to{box-shadow:0 0 5px var(--accent-gold)}50%{box-shadow:0 0 20px var(--accent-gold),0 0 30px var(--accent-gold)}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes pathPulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes celebrate{0%{transform:scale(1) rotate(0)}25%{transform:scale(1.2) rotate(-5deg)}50%{transform:scale(1.2) rotate(5deg)}75%{transform:scale(1.1) rotate(-3deg)}to{transform:scale(1) rotate(0)}}@keyframes flowerPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}