@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{--bg-color:#1a1a2e;--text-color:#eaddcf;--primary:#e94560;--secondary:#0f3460;--border-color:#53354a;--rarity-common:#a0a0a0;--rarity-rare:#3b82f6;--rarity-epic:#a855f7;--rarity-legendary:#eab308;--rarity-mythic:#ef4444}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:none;font-family:"Press Start 2P",cursive;line-height:1.5}button{cursor:pointer;border:4px solid var(--border-color);background:var(--secondary);color:var(--text-color);image-rendering:pixelated;padding:1rem;font-family:"Press Start 2P",cursive;transition:transform .1s,background-color .2s}button:hover{background-color:var(--primary)}button:active{transform:scale(.95)}button:disabled{opacity:.5;cursor:not-allowed;background:#333;border-color:#222}@keyframes shake{0%{transform:translate(1px,1px)rotate(0)}10%{transform:translate(-1px,-2px)rotate(-1deg)}20%{transform:translate(-3px)rotate(1deg)}30%{transform:translate(3px,2px)rotate(0)}40%{transform:translate(1px,-1px)rotate(1deg)}50%{transform:translate(-1px,2px)rotate(-1deg)}60%{transform:translate(-3px,1px)rotate(0)}70%{transform:translate(3px,1px)rotate(-1deg)}80%{transform:translate(-1px,-1px)rotate(1deg)}90%{transform:translate(1px,2px)rotate(0)}to{transform:translate(1px,-2px)rotate(-1deg)}}.shake{animation:.2s cubic-bezier(.36,.07,.19,.97) both shake}.pixel-art{image-rendering:pixelated}.game-screen{flex-direction:column;justify-content:center;align-items:center;gap:2rem;min-height:60vh;display:flex;position:relative}.egg-container{flex-direction:column;align-items:center;gap:1rem;display:flex}@media screen and (width<=600px){.egg-container{width:100%}}.egg-button{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:0 0;border:none;outline:none;padding:0;font-size:8rem;transition:transform .1s}.egg-button:hover{transform:scale(1.05)}.egg-button:active{transform:scale(.95)}.egg-button.shaking{animation:.1s ease-in-out infinite alternate shake}.progress-container{background-color:var(--secondary);border:4px solid var(--border-color);width:100%;max-width:400px;height:24px;position:relative}.progress-bar{background-color:var(--primary);height:100%;transition:width .1s ease-out}.progress-text{color:#fff;text-shadow:1px 1px #000;white-space:nowrap;font-size:.6rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.equipped-chicks-container{flex-wrap:wrap;justify-content:center;gap:1rem;min-height:120px;margin-top:2rem;display:flex}.mini-chick{background-color:var(--secondary);border:2px solid var(--border-color);flex-direction:column;align-items:center;padding:.5rem;font-size:2rem;display:flex;position:relative}.mini-chick.working{border-color:var(--primary);animation:1s infinite alternate bounce}.mini-chick.resting{opacity:.5;filter:grayscale()}.mini-chick-state{margin-top:.5rem;font-size:.4rem}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-5px)}}.bonuses-overlay{border:2px solid var(--primary);z-index:10;background-color:#0f3460e6;flex-direction:column;gap:.5rem;padding:.5rem;font-size:.6rem;display:flex;position:absolute;top:10px;right:10px}.bonus-item{justify-content:space-between;gap:1rem;display:flex}@media (width<=600px){.bonuses-overlay{width:100%;margin-bottom:1rem;position:relative;top:0;right:0}.egg-button{font-size:6rem}}.chick-card{background-color:var(--secondary);border:4px solid var(--border-color);text-align:center;image-rendering:pixelated;flex-direction:column;align-items:center;gap:1rem;padding:1rem;display:flex}.chick-card.working{border-color:var(--primary);box-shadow:0 0 10px var(--primary)}.chick-card.resting{opacity:.7;filter:grayscale(.5)}.chick-sprite{font-size:3rem;line-height:1}.chick-rarity{text-transform:uppercase;margin-bottom:.5rem;font-size:.7rem}.chick-bonus{min-height:2rem;margin-bottom:1rem;font-size:.7rem}.chick-state{color:#aaa;margin-bottom:.5rem;font-size:.6rem}.chick-action-btn{width:100%;padding:.5rem;font-size:.7rem}.chick-action-btn.unequip{background-color:var(--primary)}.inventory-screen{flex-direction:column;gap:1.5rem;display:flex}.inventory-header{background-color:var(--secondary);border:4px solid var(--border-color);justify-content:space-between;align-items:center;padding:1rem;display:flex}.inventory-stats{font-size:.8rem}.chick-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;display:grid}.empty-inventory{text-align:center;background-color:var(--secondary);border:4px dashed var(--border-color);color:#aaa;padding:3rem;font-size:.8rem}@media (width<=600px){.chick-grid{grid-template-columns:repeat(2,1fr)}}.breeding-screen{flex-direction:column;align-items:center;gap:2rem;display:flex}.breeding-header{text-align:center}.breeding-arena{background-color:var(--secondary);border:4px solid var(--border-color);justify-content:center;align-items:center;gap:2rem;width:100%;min-height:250px;padding:2rem;display:flex}.breeding-slot{border:4px dashed var(--border-color);cursor:pointer;background-color:#0003;flex-direction:column;justify-content:center;align-items:center;width:150px;height:200px;transition:background-color .2s;display:flex}.breeding-slot:hover{background-color:#ffffff1a}.breeding-slot.selected{border:4px solid var(--primary);background-color:#e9456033}.heart-icon{color:var(--primary);font-size:2rem;animation:1s infinite alternate pulse}.breed-button{width:100%;max-width:300px;padding:1rem;font-size:1rem}.timer-display{color:var(--primary);text-shadow:2px 2px 0 var(--border-color);font-size:1.5rem}.selection-grid{background:var(--secondary);border:4px solid var(--border-color);grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1rem;width:100%;padding:1rem;display:grid}.selectable-chick{cursor:pointer;text-align:center;background:#0003;border:2px solid #0000;padding:.5rem}.selectable-chick:hover{border-color:var(--primary)}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.2)}}@media (width<=600px){.breeding-arena{flex-direction:column;gap:1rem;padding:1rem}}.shop-screen{flex-direction:column;gap:2rem;display:flex}.shop-header{text-align:center}.shop-container{gap:2rem;display:flex}.buy-section{background-color:var(--secondary);border:4px solid var(--border-color);flex-direction:column;flex:1;gap:1rem;padding:1.5rem;display:flex}.buy-button{justify-content:space-between;align-items:center;width:100%;padding:1rem;font-size:.8rem;display:flex}.buy-button .rarity-label{text-transform:uppercase}.sell-section{background-color:var(--secondary);border:4px solid var(--border-color);flex-direction:column;flex:2;gap:1rem;padding:1.5rem;display:flex}.sell-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;display:grid}@media (width<=800px){.shop-container{flex-direction:column}}.app-container{flex-direction:column;max-width:800px;min-height:100vh;margin:0 auto;padding:1rem 1rem 5rem;display:flex}.header{border-bottom:4px solid var(--border-color);flex-direction:column;gap:1rem;margin-bottom:2rem;padding:1rem 0;display:flex}.header-top{justify-content:space-between;align-items:center;width:100%;display:flex}.header-title-container{justify-content:center;align-items:center;gap:1rem;display:flex}.header-icon{border:2px solid var(--border-color);width:48px;height:48px;image-rendering:pixelated;border-radius:8px}.title{color:var(--primary);text-shadow:2px 2px 0 var(--secondary);text-align:center;margin:0;font-size:1.5rem}.level-display{color:#a78bfa;text-shadow:1px 1px #000;flex-direction:column;align-items:flex-start;gap:.2rem;font-size:1rem;display:flex}.xp-text{color:#ccc;font-size:.6rem}.coin-display{color:#fbbf24;text-shadow:1px 1px #000;font-size:1.2rem}.main-content{flex:1}.bottom-nav{background-color:var(--bg-color);border-top:4px solid var(--border-color);z-index:100;justify-content:center;gap:1rem;padding:1rem;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-button{flex:1;justify-content:center;align-items:center;gap:.5rem;max-width:150px;padding:.5rem 1rem;font-size:.8rem;display:flex}.nav-button.active{background-color:var(--primary);border-color:#ff9a9e}@media (width<=600px){.title{font-size:1.2rem}.nav-text{display:none}.bottom-nav{gap:.5rem;padding:.5rem}.nav-button{padding:.8rem}}.flex-center{justify-content:center;align-items:center;display:flex}.rarity-common{color:var(--rarity-common)}.rarity-rare{color:var(--rarity-rare)}.rarity-epic{color:var(--rarity-epic)}.rarity-legendary{color:var(--rarity-legendary)}.rarity-mythic{color:var(--rarity-mythic);text-shadow:0 0 5px var(--rarity-mythic)}.aura-rare{box-shadow:0 0 10px var(--rarity-rare);border-color:var(--rarity-rare)!important}.aura-epic{box-shadow:0 0 15px var(--rarity-epic);border-color:var(--rarity-epic)!important}.aura-legendary{box-shadow:0 0 25px var(--rarity-legendary);animation:2s infinite alternate pulse-legendary;border-color:var(--rarity-legendary)!important}.aura-mythic{box-shadow:0 0 35px var(--rarity-mythic);animation:1.5s infinite alternate pulse-mythic;border-color:var(--rarity-mythic)!important}@keyframes pulse-legendary{0%{box-shadow:0 0 15px var(--rarity-legendary)}to{box-shadow:0 0 30px var(--rarity-legendary)}}@keyframes pulse-mythic{0%{box-shadow:0 0 20px var(--rarity-mythic)}to{box-shadow:0 0 45px var(--rarity-mythic)}}