.app{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;padding:72px 20px 100px;position:relative;overflow:hidden}.app:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#87ceeb,#b0e0e6,#e0f6ff);z-index:0}.clouds-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;overflow:hidden}.cloud{position:absolute;opacity:.35;filter:drop-shadow(0 4px 8px rgba(0,0,0,.08));will-change:transform}.cloud-a{font-size:5.5rem;top:8%;left:-20%;animation:cloudDriftA 48s linear infinite}.cloud-b{font-size:4rem;top:22%;left:-25%;opacity:.28;animation:cloudDriftB 62s linear infinite}.cloud-c{font-size:6.5rem;top:55%;left:-30%;opacity:.22;animation:cloudDriftC 70s linear infinite}.cloud-d{font-size:3.4rem;top:12%;left:-15%;opacity:.3;animation:cloudDriftD 40s linear infinite}@keyframes cloudDriftA{0%{transform:translate(0) translateY(0)}50%{transform:translate(70vw) translateY(12px)}to{transform:translate(140vw) translateY(0)}}@keyframes cloudDriftB{0%{transform:translate(0) translateY(0)}to{transform:translate(145vw) translateY(-18px)}}@keyframes cloudDriftC{0%{transform:translate(10vw) translateY(0)}to{transform:translate(150vw) translateY(20px)}}@keyframes cloudDriftD{0%{transform:translate(20vw) translateY(0) scale(.9)}to{transform:translate(130vw) translateY(8px) scale(1)}}.app.theme-night .cloud{opacity:.12;filter:grayscale(.4) brightness(1.2)}.app.theme-snow .cloud{opacity:.45}.app.theme-sand .cloud{opacity:.2;filter:sepia(.25)}.game-container{position:relative;z-index:10;background:transparent;border-radius:20px;padding:20px;max-width:560px;width:100%;min-height:500px;display:flex;flex-direction:column}.brand-link{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:100;text-align:center;font-size:1.2rem;font-weight:700;color:#2c3e50;text-decoration:none;letter-spacing:.02em;text-shadow:0 1px 2px rgba(255,255,255,.8);white-space:nowrap;pointer-events:auto}.brand-link:hover{color:#1a252f;text-decoration:underline}.info-btn{position:fixed;top:20px;left:20px;background:linear-gradient(135deg,#74b9ff,#0984e3);color:#fff;border:3px solid rgba(9,132,227,.35);border-radius:15px;padding:12px 18px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 20px #0984e373;z-index:100}.info-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 7px 25px #0984e3a6}.info-btn:active{transform:translateY(0) scale(1)}.info-btn-icon{font-size:1.35rem;line-height:1}.settings-btn{position:fixed;top:20px;right:20px;background:linear-gradient(135deg,#636e72,#2d3436);color:#fff;border:3px solid rgba(45,52,54,.35);border-radius:15px;padding:12px 18px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 20px #2d343666;z-index:100}.settings-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 7px 25px #2d34368c}.settings-btn:active{transform:translateY(0) scale(1)}.settings-btn-icon{font-size:1.35rem;line-height:1}.currency-bar{display:flex;justify-content:center;margin-bottom:16px;position:relative;z-index:20}.currency{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:center}.boost-badge{background:linear-gradient(135deg,#ff9a3c,#ff6b35);padding:8px 12px;border-radius:20px;font-weight:700;font-size:.95rem;color:#fff;box-shadow:0 3px 10px #ff6b3566}.boost-active-text{color:#e67e22;font-weight:600;margin-top:4px!important}.locked{color:#888;font-size:.9rem}.reset-btn{background:linear-gradient(135deg,#e74c3c,#c0392b)!important;color:#fff!important}.how-to-play p{margin:0 0 14px;line-height:1.5;color:#444}.gold{background:linear-gradient(135deg,gold,#ffed4e);padding:8px 15px;border-radius:20px;font-weight:700;font-size:1.1rem;color:#8b6914;box-shadow:0 3px 10px #ffd70066;display:flex;align-items:center;gap:5px}.diamond{background:linear-gradient(135deg,#b19cd9,#d4a5f9);padding:8px 15px;border-radius:20px;font-weight:700;font-size:1.1rem;color:#4a2c6a;box-shadow:0 3px 10px #b19cd966;display:flex;align-items:center;gap:5px}.board{--board-cols: 3;--board-rows: 3;display:grid;grid-template-columns:repeat(var(--board-cols),minmax(0,1fr));grid-template-rows:repeat(var(--board-rows),minmax(0,1fr));gap:4px;margin:0 auto;flex:0 0 auto;width:min(100%,calc(min(55vh,480px) * var(--board-cols) / var(--board-rows)));aspect-ratio:var(--board-cols) / var(--board-rows);max-height:min(55vh,480px);position:relative;z-index:15;padding:8px;box-sizing:border-box;background:#90ee9033;border-radius:15px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);touch-action:none;overflow:visible;transition:background .35s ease,box-shadow .35s ease}.board.theme-grass{background:#90ee9040;box-shadow:inset 0 0 0 2px #228b2226}.board.theme-grass .cell{background:#78c878a6;border-color:#228b2266}.board.theme-grass .cell.empty{background:#90ee9066;border:2px dashed rgba(34,139,34,.4)}.board.theme-grass .cell.filled{background:#64be64bf}.app.theme-snow:before{background:linear-gradient(180deg,#d6e6f5,#eef5fb 45%,#f7fbff)}.board.theme-snow{background:#e6f2ff8c;box-shadow:inset 0 0 0 2px #a0bedc59}.board.theme-snow .cell{background:#f5faffd9;border-color:#8cb4dc8c}.board.theme-snow .cell.empty{background:#dcebfa8c;border:2px dashed rgba(150,190,230,.55)}.board.theme-snow .cell.filled{background:#ffffffeb}.app.theme-sand:before{background:linear-gradient(180deg,#f2d5a0,#f7e2b8,#fbf0d4)}.board.theme-sand{background:#e8c47859;box-shadow:inset 0 0 0 2px #b48c3c40}.board.theme-sand .cell{background:#ebcd8cbf;border-color:#b48c4673}.board.theme-sand .cell.empty{background:#f0d7a080;border:2px dashed rgba(180,140,70,.45)}.board.theme-sand .cell.filled{background:#e4be6ed9}.app.theme-night:before{background:linear-gradient(180deg,#0f1c3f,#1a2a55 45%,#243868)}.app.theme-night .brand-link{color:#e8eefc;text-shadow:0 1px 3px rgba(0,0,0,.45)}.board.theme-night{background:#28375f8c;box-shadow:inset 0 0 0 2px #7896dc40}.board.theme-night .cell{background:#374b78bf;border-color:#82a0e666}.board.theme-night .cell.empty{background:#2d3c6480;border:2px dashed rgba(130,160,230,.4)}.board.theme-night .cell.filled{background:#415a8cd9}.cell{aspect-ratio:auto;width:100%;height:100%;min-width:0;min-height:0;background:#90ee9099;border-radius:10px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease,transform .2s ease;border:2px solid rgba(34,139,34,.3);position:relative;box-shadow:0 2px 8px #00000026;touch-action:none;overflow:visible;box-sizing:border-box}.board.cell-style-soft .cell{border-radius:12px;box-shadow:0 4px #0000001f,0 6px 14px #0000001f,inset 0 1px #ffffff59}.board.cell-style-soft .cell:before{border-radius:12px;background:linear-gradient(160deg,#ffffff59,#ffffff0d 40%,#0000001f)}.board.cell-style-wood .cell{border-radius:8px;border-width:3px;border-color:#78481e8c!important;box-shadow:inset 0 0 0 1px #ffdca040,0 3px #5a321459,0 6px 12px #0000002e;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0px,rgba(255,255,255,.04) 2px,transparent 2px,transparent 7px)}.board.cell-style-wood .cell:before{border-radius:6px;background:linear-gradient(135deg,#ffe6b438,#78461926)}.board.cell-style-wood.theme-grass .cell,.board.cell-style-wood.theme-grass .cell.filled{background-color:#aa82468c}.board.cell-style-wood.theme-snow .cell,.board.cell-style-wood.theme-snow .cell.filled{background-color:#d2b991b3}.board.cell-style-wood.theme-sand .cell,.board.cell-style-wood.theme-sand .cell.filled{background-color:#be8c46b3}.board.cell-style-wood.theme-night .cell,.board.cell-style-wood.theme-night .cell.filled{background-color:#5a4128bf}.board.cell-style-stone .cell{border-radius:6px;border-width:2px;border-color:#5a5f698c!important;box-shadow:inset 0 2px 4px #fff3,inset 0 -3px 6px #0003,0 4px 10px #00000038}.board.cell-style-stone .cell:before{border-radius:4px;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.2),transparent 45%),linear-gradient(145deg,#ffffff1f,#0000002e)}.board.cell-style-stone.theme-grass .cell,.board.cell-style-stone.theme-grass .cell.filled{background-color:#829182b3}.board.cell-style-stone.theme-snow .cell,.board.cell-style-stone.theme-snow .cell.filled{background-color:#aab4c3cc}.board.cell-style-stone.theme-sand .cell,.board.cell-style-stone.theme-sand .cell.filled{background-color:#a09178bf}.board.cell-style-stone.theme-night .cell,.board.cell-style-stone.theme-night .cell.filled{background-color:#465064d9}.board.cell-style-gold .cell{border-radius:10px;border-width:3px;border-color:#d4af37d9!important;box-shadow:0 0 0 1px #ffe69673,0 0 14px #ffc83c59,inset 0 1px #fff5c873,0 4px 12px #0000002e}.board.cell-style-gold .cell:before{border-radius:8px;background:linear-gradient(145deg,#ffeca047,#d4a0281f,#0000001a)}.board.cell-style-gold.theme-grass .cell,.board.cell-style-gold.theme-grass .cell.filled{background-color:#96af5ab3}.board.cell-style-gold.theme-snow .cell,.board.cell-style-gold.theme-snow .cell.filled{background-color:#f5ebc8d9}.board.cell-style-gold.theme-sand .cell,.board.cell-style-gold.theme-sand .cell.filled{background-color:#dcb45acc}.board.cell-style-gold.theme-night .cell,.board.cell-style-gold.theme-night .cell.filled{background-color:#5a502dcc}.cell:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#fff3,#0000001a);border-radius:10px;pointer-events:none}.cell.empty{background:#90ee9066;border:2px dashed rgba(34,139,34,.4)}.cell.empty:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.cell.filled{background:#90ee90b3;border:2px solid rgba(34,139,34,.5)}.sell-area{width:100%;margin-top:60px;height:70px;z-index:5;padding:8px;background:#ff6b6b33;border:3px dashed rgba(255,107,107,.5);border-radius:15px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .3s ease;overflow:hidden;box-sizing:border-box;touch-action:none}.sell-area.active{background:#ff6b6b66;border-color:#ff6b6bcc;border-style:solid;box-shadow:0 0 20px #ff6b6b80}.sell-area-content{display:flex;justify-content:center;align-items:center;width:100%;height:100%;padding:5px 10px;box-sizing:border-box}.sell-area-text{color:#8b4a6bb3;font-size:.85rem;font-weight:500;text-align:center;line-height:1.2}.sell-price-display{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;animation:pulse .5s ease;width:100%;height:100%}.sell-price-icon{font-size:1.8rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));flex-shrink:0}.sell-price-text{color:gold;font-size:1.4rem;font-weight:700;text-shadow:2px 2px 6px rgba(0,0,0,.5),0 0 10px rgba(255,215,0,.5);background:#0000004d;padding:4px 12px;border-radius:8px;border:2px solid rgba(255,215,0,.5);white-space:nowrap;line-height:1.2}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.animal{width:85%;height:85%;border-radius:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:grab;transition:opacity .2s ease,box-shadow .2s ease;box-shadow:0 4px 12px #0000004d;position:relative;z-index:5;border:2px solid rgba(255,255,255,.3);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.animal:active{cursor:grabbing;transform:scale(.95);z-index:100}.animal.dragging{transition:none;box-shadow:0 12px 28px #00000073,0 0 0 3px #ffffff8c,0 0 22px #667eea8c;filter:brightness(1.08)}.animal.merge-pop{animation:mergePop .45s ease forwards}.animal.spawn-pop{animation:pop .3s ease}.animal.diamond-glow{animation:diamondGlow .8s ease;box-shadow:0 0 0 3px #d4a5f9e6,0 0 28px #b19cd9f2,0 4px 12px #0000004d}.level-frame-badge{position:absolute;top:-8px;left:50%;transform:translate(-50%);font-size:.7rem;line-height:1;z-index:6;pointer-events:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}.animal.level-1{border:2px solid rgba(255,255,255,.45);box-shadow:0 4px 10px #00000040,inset 0 0 0 1px #ffffff26}.animal.level-1 .level-frame-badge{color:#ffffffd9;font-size:.55rem;top:-6px}.animal.level-2{border:2px solid rgba(192,198,210,.95);box-shadow:0 0 0 1px #e6ebf580,0 4px 12px #00000047}.animal.level-2 .level-frame-badge{color:#d7dde8;font-size:.65rem}.animal.level-3{border:2px solid rgba(100,180,255,.95);box-shadow:0 0 0 2px #78beff59,0 0 12px #50a0ff59,0 4px 12px #00000047}.animal.level-3 .level-frame-badge{color:#7ec8ff;font-size:.7rem}.animal.level-4{border:2px solid rgba(180,120,255,.95);box-shadow:0 0 0 2px #c896ff66,0 0 14px #a064ff73,0 4px 12px #0000004d}.animal.level-4 .level-frame-badge{color:#c9a0ff;font-size:.75rem}.animal.level-5,.animal.max-level{border:2px solid rgba(255,215,0,.95);box-shadow:0 0 0 2px #ffec968c,0 0 16px #ffc83c8c,0 4px 12px #0000004d}.animal.level-5 .level-frame-badge,.animal.max-level .level-frame-badge{font-size:.95rem;top:-10px;animation:crownBob 2.2s ease-in-out infinite}.animal.max-level.dragging,.animal.level-5.dragging{box-shadow:0 12px 28px #00000073,0 0 0 3px #ffd700d9,0 0 24px #ffc83cb3}@keyframes crownBob{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-3px)}}.animal.level-5 .animal-level,.animal.max-level .animal-level{background:#b4780059;border:1px solid rgba(255,215,0,.45)}.animal.level-3 .animal-level{background:#2864b447}.animal.level-4 .animal-level{background:#6432b44d}@keyframes mergePop{0%{transform:scale(1)}50%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes diamondGlow{0%,to{filter:brightness(1)}40%{filter:brightness(1.35) saturate(1.2)}}.merge-burst{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:20}.merge-star{position:absolute;left:50%;top:50%;font-size:.95rem;animation:starBurst .55s ease-out forwards;--angle: calc(var(--i) * 60deg);transform:translate(-50%,-50%) rotate(var(--angle)) translateY(0)}@keyframes starBurst{0%{opacity:1;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(0) scale(.4)}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-28px) scale(1.1)}}.diamond.diamond-flash{animation:currencyDiamondFlash .7s ease}@keyframes currencyDiamondFlash{0%,to{transform:scale(1);box-shadow:0 3px 10px #b19cd966}40%{transform:scale(1.15);box-shadow:0 0 22px #d4a5f9}}.fx-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:200;overflow:hidden}.fx-sell{position:absolute;transform:translate(-50%,-50%)}.fx-coin{position:absolute;left:0;top:0;font-size:1.2rem;animation:coinFly .85s ease-out forwards;--dx: calc((var(--i) - 1.5) * 18px);offset-path:none}@keyframes coinFly{0%{opacity:1;transform:translate(0) scale(.7)}to{opacity:0;transform:translate(var(--dx),-64px) scale(1.15)}}.fx-sell-amount{position:absolute;left:50%;top:-8px;transform:translate(-50%);font-weight:800;font-size:1rem;color:#8b6914;text-shadow:0 1px 2px rgba(255,255,255,.9);white-space:nowrap;animation:sellAmountUp .85s ease-out forwards;background:#ffd700d9;padding:2px 8px;border-radius:10px}@keyframes sellAmountUp{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-48px)}}.fx-diamond{position:absolute;transform:translate(-50%,-50%);animation:diamondFloat .85s ease-out forwards}.fx-diamond-icon{font-size:1.8rem;filter:drop-shadow(0 0 10px rgba(212,165,249,.9))}@keyframes diamondFloat{0%{opacity:1;transform:translate(-50%,-50%) scale(.6)}40%{opacity:1;transform:translate(-50%,-70%) scale(1.3)}to{opacity:0;transform:translate(-50%,-110%) scale(1)}}.fx-merge-ring{position:absolute;width:28px;height:28px;border:3px solid rgba(255,215,0,.85);border-radius:50%;transform:translate(-50%,-50%);animation:mergeRing .5s ease-out forwards}@keyframes mergeRing{0%{opacity:1;width:20px;height:20px}to{opacity:0;width:70px;height:70px}}.animal-emoji{font-size:2.5rem;margin-bottom:5px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.animal-level{font-size:.7rem;text-align:center;line-height:1;background:#0003;padding:2px 6px;border-radius:8px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}@keyframes pop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.add-animal-btn{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,gold,#ffed4e);color:#8b6914;border:none;border-radius:50%;width:100px;height:100px;padding:0;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 20px #ffd70080;z-index:100;overflow:hidden}.gold-collect-btn{position:fixed;bottom:20px;left:20px;background:linear-gradient(135deg,gold,#ffed4e);color:#8b6914;border:3px solid rgba(139,105,20,.3);border-radius:15px;padding:15px 25px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px;box-shadow:0 5px 20px #ffd70080;z-index:100}.gold-collect-btn:hover:not(:disabled){transform:translateY(-2px) scale(1.05);box-shadow:0 7px 25px #ffd700b3;background:linear-gradient(135deg,#ffed4e,gold)}.gold-collect-btn:active:not(:disabled){transform:translateY(0) scale(1)}.gold-collect-btn.cooldown{background:linear-gradient(135deg,#ccc,#aaa);color:#666;cursor:not-allowed;opacity:.7}.gold-collect-icon{font-size:1.5rem;animation:bounce 1s infinite}.gold-collect-btn.cooldown .gold-collect-icon{animation:none}.gold-collect-text{font-weight:700}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.market-btn{position:fixed;bottom:20px;right:20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:15px;padding:15px 30px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px;box-shadow:0 5px 20px #667eea80;z-index:100}.market-btn:hover{transform:translateY(-2px);box-shadow:0 7px 25px #667eea99}.market-icon{font-size:1.5rem}.market-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.market-modal{background:linear-gradient(135deg,#ff9a9e,#fecfef,#fecfef);border-radius:25px;padding:30px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 15px 50px #ff9a9e66,0 0 30px #fecfef4d;animation:slideDown .3s ease;position:relative;border:3px solid rgba(255,255,255,.5);scrollbar-width:none;-ms-overflow-style:none}.market-modal::-webkit-scrollbar{display:none}.market-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;color:#8b4a6b;text-align:center}.market-header h2{margin:0;font-size:2rem;text-shadow:2px 2px 4px rgba(255,255,255,.5);font-weight:700}.close-btn{background:#fffc;border:2px solid rgba(139,74,107,.3);border-radius:50%;width:40px;height:40px;color:#8b4a6b;font-size:1.3rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 3px 10px #8b4a6b33}.close-btn:hover{background:#fff;transform:rotate(90deg) scale(1.1);box-shadow:0 5px 15px #8b4a6b4d}.market-content{display:flex;flex-direction:column;gap:15px}.market-section-title{font-size:1rem;font-weight:700;color:#5a3d4a;margin:4px 0 0}.cosmetic-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.cosmetic-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 10px;border-radius:14px;border:2px solid rgba(255,255,255,.85);background:#ffffffe6;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.cosmetic-card:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 14px #0000001f}.cosmetic-card.active{border-color:#667eea;box-shadow:0 0 0 2px #667eea40;background:linear-gradient(180deg,#fff,#eef1ff)}.cosmetic-card.locked{opacity:.85}.cosmetic-card:disabled{cursor:not-allowed;opacity:.55}.cosmetic-emoji{font-size:1.6rem;line-height:1}.cosmetic-name{font-size:.85rem;font-weight:700;color:#3d3d3d}.cosmetic-meta{font-size:.75rem;color:#777;font-weight:600}.cosmetic-card.active .cosmetic-meta{color:#667eea}.market-conversion-section{display:flex;flex-direction:column;gap:10px;margin-bottom:10px;padding-bottom:15px;border-bottom:2px solid rgba(255,255,255,.3)}.market-item.conversion-item{padding:15px}.market-item.conversion-item .market-item-info h3{font-size:1.5rem;margin-bottom:5px}.market-item{background:#ffffffe6;border-radius:20px;padding:20px;display:flex;justify-content:space-between;align-items:center;gap:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:3px solid rgba(255,255,255,.8);box-shadow:0 5px 15px #8b4a6b33;transition:all .3s ease}.market-item:hover{transform:translateY(-3px);box-shadow:0 8px 20px #8b4a6b4d}.market-item-icon{font-size:3rem;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.1))}.market-item-info{flex:1}.market-item-info h3{margin:0 0 8px;color:#8b4a6b;font-size:1.4rem;font-weight:700}.market-item-info p{margin:0 0 8px;color:#a67a9b;font-size:.95rem}.market-item-price{margin-top:5px}.market-item-price .price{color:gold;font-weight:700;font-size:1rem}.market-item-price .purchased{color:#4caf50;font-weight:700;font-size:1rem}.market-buy-btn{background:linear-gradient(135deg,gold,#ffed4e);color:#8b6914;border:3px solid rgba(139,105,20,.3);border-radius:15px;padding:12px 28px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;white-space:nowrap;box-shadow:0 4px 10px #ffd70066;min-width:100px}.market-buy-btn:hover:not(:disabled){transform:translateY(-3px) scale(1.05);box-shadow:0 6px 20px #ffd70099;background:linear-gradient(135deg,#ffed4e,gold)}.market-buy-btn:active:not(:disabled){transform:translateY(-1px) scale(1.02)}.market-buy-btn:disabled{opacity:.6;cursor:not-allowed;background:#c8c8c880;color:#8b4a6b80;border-color:#8b4a6b33;box-shadow:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.toast{position:fixed;top:20px;right:20px;padding:15px 25px;border-radius:15px;box-shadow:0 5px 20px #0000004d;z-index:10000;animation:slideInRight .3s ease,fadeOut .3s ease 2.7s;max-width:350px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3)}.toast-message{font-weight:500;font-size:.95rem;display:block}.toast-success{background:linear-gradient(135deg,#4caf50f2,#388e3cf2);color:#fff}.toast-warning{background:linear-gradient(135deg,#ff9800f2,#ff6f00f2);color:#fff}.toast-info{background:linear-gradient(135deg,#2196f3f2,#1976d2f2);color:#fff}@keyframes slideInRight{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.add-animal-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.add-animal-btn:hover:before{left:100%}.add-animal-btn:hover{transform:translate(-50%) translateY(-2px);box-shadow:0 7px 25px #ffd70099}.add-animal-btn:active{transform:translate(-50%) translateY(0)}.add-icon{font-size:2.5rem}.cell.drop-target{transition:background .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}.cell.drag-over{background:#667eea8c;border-color:#667eea;border-width:3px;transform:scale(1.08);box-shadow:0 0 0 3px #667eea59,0 8px 20px #667eea66;z-index:6}.game-container:before{content:"";position:absolute;width:200px;height:200px;background:#90ee901a;border-radius:50%;top:-50px;left:-50px;z-index:1;filter:blur(20px)}.game-container:after{content:"";position:absolute;width:150px;height:150px;background:#90ee901a;border-radius:50%;bottom:-30px;right:-30px;z-index:1;filter:blur(20px)}@media (max-width: 768px){.app{padding:64px 10px 90px}.game-container{padding:15px;min-height:auto}.board{gap:3px;padding:6px;max-height:min(50vh,350px);width:min(100%,calc(min(50vh,350px) * var(--board-cols) / var(--board-rows)))}.sell-area{padding:6px;height:60px;margin-top:25px}.sell-area-content{height:100%;padding:4px 8px}.sell-area-text{font-size:.75rem;line-height:1.2}.sell-price-display{gap:8px}.sell-price-text{font-size:1.1rem;padding:3px 10px;line-height:1.2}.sell-price-icon{font-size:1.4rem}.cell{border-radius:8px}.animal-emoji{font-size:2rem}.animal-level{font-size:.6rem;padding:2px 4px}.brand-link{top:10px;font-size:1rem}.info-btn{top:15px;left:15px;padding:10px 14px}.settings-btn{top:15px;right:15px;padding:10px 14px}.info-btn-icon,.settings-btn-icon{font-size:1.2rem}.currency{gap:10px}.gold,.diamond{padding:6px 12px;font-size:.9rem}.add-animal-btn{width:60px;height:60px;bottom:15px}.add-icon{font-size:2.3rem}.gold-collect-btn{padding:12px 20px;font-size:.95rem;bottom:15px;left:15px}.gold-collect-icon{font-size:1.3rem}.market-btn{padding:12px 20px;font-size:.95rem;bottom:15px;right:15px}.market-icon{font-size:1.3rem}.market-modal{padding:20px;max-width:90%}.market-header h2{font-size:1.5rem}}@media (max-width: 480px){.app{padding:60px 8px 85px}.game-container{padding:10px}.board{gap:2px;padding:4px;max-height:min(48vh,300px);width:min(100%,calc(min(48vh,300px) * var(--board-cols) / var(--board-rows)))}.sell-area{padding:4px;height:55px;margin-top:90px}.sell-area-content{height:100%;padding:3px 6px}.sell-area-text{font-size:.7rem;line-height:1.2}.sell-price-display{gap:6px}.sell-price-text{font-size:.95rem;padding:2px 8px;line-height:1.2}.sell-price-icon{font-size:1.2rem}.animal-emoji{font-size:1.5rem}.animal-level{font-size:.5rem}.gold,.diamond{padding:5px 10px;font-size:.85rem}.add-animal-btn{width:70px;height:70px;bottom:12px}.add-icon{font-size:2.2rem}.gold-collect-btn{padding:10px 16px;font-size:.85rem;bottom:12px;left:12px}.gold-collect-icon{font-size:1.2rem}.market-btn{padding:10px 16px;font-size:.85rem;bottom:12px;right:12px}.market-icon{font-size:1.2rem}.market-modal{padding:15px}.market-header h2{font-size:1.3rem}.market-item{padding:15px}.market-item-info h3{font-size:1.1rem}.market-buy-btn{padding:10px 18px;font-size:.9rem}.toast{top:12px;right:12px;padding:10px 18px;max-width:250px;font-size:.8rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(180deg,#87ceeb,#b0e0e6,#e0f6ff);min-height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden}#root{width:100%;height:100vh}