@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap";:root{--primary-color:#fb923c;--accent-color:#f43f5e;--bg-dark:#0f172a;--bg-gradient:linear-gradient(135deg, #0f172a 0%, #311847 100%);--text-main:#f8fafc;--text-muted:#94a3b8;--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--glass-hover:#ffffff1a}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-gradient);color:var(--text-main);min-height:100vh;font-family:Outfit,sans-serif;overflow-x:hidden}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 8px 32px #0000005e}.btn-primary{background:linear-gradient(135deg, var(--primary-color), var(--accent-color));color:#fff;cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:Outfit,sans-serif;font-size:1rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 15px #f43f5e66}.btn-primary:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 6px 20px #f43f5e99}.btn-primary:active{transform:translateY(0)scale(.98)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes pulse-glow{0%{filter:drop-shadow(0 4px 4px #000c)drop-shadow(0 0 10px #fff3)}50%{filter:drop-shadow(0 4px 4px #000c)drop-shadow(0 0 25px #fff9)}to{filter:drop-shadow(0 4px 4px #000c)drop-shadow(0 0 10px #fff3)}}.animate-float{animation:4s ease-in-out infinite float}.chicken-egg{border-radius:50%/60% 60% 40% 40%;width:30px;height:40px;margin:5px;animation:2s infinite pulse-glow;display:inline-block}.layout-container{flex-direction:column;gap:2rem;max-width:1200px;margin:0 auto;padding:2rem;display:flex}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.tooltip-container{display:inline-block;position:relative}.tooltip-container .tooltip-content{visibility:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:max-content;color:var(--text-main);text-align:left;z-index:10;opacity:0;border:1px solid var(--glass-border);pointer-events:none;background-color:#0f172ae6;border-radius:8px;padding:12px;font-size:.85rem;transition:opacity .3s,bottom .3s;position:absolute;bottom:150%;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #000c}.tooltip-container .tooltip-content p{margin-bottom:4px}.tooltip-container .tooltip-content p:last-child{margin-bottom:0}.tooltip-container:hover .tooltip-content{visibility:visible;opacity:1;bottom:125%}.game-container{background:var(--bg-dark);flex-direction:column;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.game-header{z-index:10;background:linear-gradient(#000c,#0000);justify-content:space-between;align-items:center;width:100%;padding:1rem;display:flex;position:absolute;top:0;left:0}.game-stats-pill{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009;border:1px solid #fff3;border-radius:999px;align-items:center;gap:.8rem;padding:.5rem 1rem;display:flex;box-shadow:0 4px 10px #00000080}.game-bottom-bar{z-index:10;background:linear-gradient(#0000,#000000e6);justify-content:center;gap:1.5rem;width:100%;padding:1rem;display:flex;position:absolute;bottom:0;left:0}@keyframes fly-coin{0%{opacity:0;transform:translate(0)scale(0)}20%{transform:translate(var(--ox), var(--oy)) scale(1.5);opacity:1}to{transform:translate(var(--tx), var(--ty)) scale(.5);opacity:0}}.coin-particle{pointer-events:none;z-index:9999;font-size:30px;animation:1s ease-in-out forwards fly-coin;position:fixed}.game-fab{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:transform .2s;display:flex;box-shadow:0 4px 15px #0009}.game-fab:active{transform:scale(.9)}.game-modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;background:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;display:flex;position:fixed;top:0;left:0}.game-modal-content{background:var(--bg-gradient);border:1px solid var(--glass-border);border-radius:16px;width:100%;max-width:500px;max-height:85vh;position:relative;overflow-y:auto;box-shadow:0 10px 40px #000c}.close-modal-btn{color:#fff;cursor:pointer;z-index:2;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;display:flex;position:absolute;top:15px;right:15px}.hide-on-mobile{display:flex}@media (width<=768px){.hide-on-mobile{display:none!important}.game-bottom-bar{gap:.8rem;padding:.8rem}.game-fab{width:50px;height:50px}.layout-container{gap:0;padding:0}h1{font-size:2rem!important}.btn-primary{padding:.5rem 1rem;font-size:.9rem}.dashboard-stats{flex-direction:column!important;gap:1rem!important}.dashboard-stats>div{border-top:1px solid var(--glass-border);padding-top:1rem;border-left:none!important;padding-left:0!important}.recharge-modal{grid-template-columns:1fr!important}.admin-container{padding:1rem}.admin-header{gap:1rem;flex-direction:column!important;align-items:flex-start!important}.admin-grid{grid-template-columns:1fr!important}.admin-tx-item{flex-direction:column;gap:1rem;align-items:flex-start!important}.admin-tx-actions{justify-content:space-between;width:100%}.admin-tx-actions button{flex:1}}.auth-wrapper{background-image:url(/img/farm_bg.jpg);background-position:50%;background-size:cover;justify-content:center;align-items:center;width:100vw;min-height:100vh;padding:1rem;display:flex;box-shadow:inset 0 0 0 2000px #0f172ad9}.auth-panel{-webkit-backdrop-filter:blur(16px);text-align:center;background:#1e293bb3;border:1px solid #ffffff1a;border-radius:24px;width:100%;max-width:420px;padding:2.5rem 2rem;animation:.4s ease-out fadeIn;position:relative;box-shadow:0 25px 50px -12px #00000080}@media (width<=480px){.auth-panel{border-radius:20px;padding:2rem 1.5rem}}.store-img-container{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;margin-bottom:1rem;display:flex;box-shadow:0 4px 15px #0000004d}.store-title{margin-bottom:.5rem;font-size:1.2rem}.store-details{color:var(--text-muted);margin-bottom:1rem;font-size:.95rem}.highlight-price{color:#fff;font-size:1.1rem;font-weight:700}.highlight-income{color:var(--accent-color);font-weight:700}.bs-estimate{opacity:.8;margin-top:-2px;font-size:.8rem}.store-btn{width:100%}@media (width<=480px){.store-grid{grid-template-columns:1fr 1fr;gap:.8rem}.store-item{padding:1rem!important}.store-img-container{width:80px;height:80px;margin-bottom:.5rem}.store-title{font-size:1rem}.store-details{margin-bottom:.8rem;font-size:.8rem}.highlight-price{font-size:.95rem}.store-btn{padding:.5rem;font-size:.85rem}.tooltip-container{top:5px!important;right:5px!important}.tooltip-container .tooltip-content{width:200px;left:auto;right:0;transform:none}}.inventory-widget{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;gap:1rem;display:flex;position:fixed;bottom:2rem;left:2rem;background:#000000b3!important;border:1px solid #fff3!important;border-radius:15px!important;padding:1rem!important}.inventory-widget>div{border-left:none!important;padding-left:0!important}@media (width<=768px){.inventory-widget{-webkit-backdrop-filter:none;backdrop-filter:none;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:.5rem;position:absolute;top:75px;bottom:auto;left:10px;background:0 0!important;border:none!important;margin:0!important;padding:0!important}.inventory-widget-inner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;gap:.5rem;display:flex;background:#000c!important;border:1px solid #fff3!important;border-radius:15px!important;padding:1rem!important}.admin-content-area{padding:1rem!important}.admin-user-card-grid{grid-template-columns:1fr!important;gap:1rem!important;padding-right:0!important}.admin-user-card{padding:1rem!important}.admin-user-card-title{font-size:1rem!important}.admin-user-card-info{padding:.5rem!important;font-size:.8rem!important}.admin-user-card-stats{padding:.5rem 0!important}.admin-user-card-stats-val{font-size:1rem!important}.admin-chicken-item{grid-template-columns:1fr!important}}.store-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;display:grid}.weather-overlay{pointer-events:none;z-index:5;position:absolute;inset:0;overflow:hidden}.weather-rain{background-color:#0000284d;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cpath d='M20 0 L10 40 M120 40 L110 80 M70 100 L60 140 M180 140 L170 180 M40 160 L30 200 M150 0 L140 40 M90 60 L80 100 M190 80 L180 120' stroke='rgba(255,255,255,0.4)' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-size:200px 200px;animation:.3s linear infinite rainDropAnim}.weather-thunder{background-color:#00002880;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cpath d='M20 0 L10 40 M120 40 L110 80 M70 100 L60 140 M180 140 L170 180 M40 160 L30 200 M150 0 L140 40 M90 60 L80 100 M190 80 L180 120' stroke='rgba(255,255,255,0.5)' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-size:200px 200px;animation:.25s linear infinite rainDropAnim,5s infinite thunderAnim}.weather-snow{pointer-events:none;background-color:#0006;background-image:radial-gradient(circle at 10% 20%,#fff 3px,#0000 4px),radial-gradient(circle at 40% 60%,#fff 2px,#0000 3px),radial-gradient(circle at 80% 30%,#fff 4px,#0000 5px),radial-gradient(circle at 30% 90%,#fff 2px,#0000 3px);background-size:200px 200px,150px 150px,250px 250px,100px 100px;animation:8s linear infinite snowAnim}.weather-rainbow{opacity:.8;background:linear-gradient(#ff000026,#ffa50026,#ffff0026,#00800026,#0000ff26,#4b008226,#ee82ee26)}.weather-bugs{opacity:.8;background-color:#a3e6350d;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Ctext x='20' y='50' font-size='24'%3E🦟%3C/text%3E%3Ctext x='150' y='120' font-size='18'%3E🦟%3C/text%3E%3Ctext x='250' y='200' font-size='28'%3E🦟%3C/text%3E%3Ctext x='80' y='260' font-size='20'%3E🦟%3C/text%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Ctext x='100' y='80' font-size='22'%3E🦟%3C/text%3E%3Ctext x='300' y='180' font-size='30'%3E🦟%3C/text%3E%3Ctext x='50' y='320' font-size='16'%3E🦟%3C/text%3E%3C/svg%3E");background-size:300px 300px,400px 400px;animation:15s linear infinite bugsFlight}.weather-butterflies{opacity:.8;pointer-events:none;background-color:#0003;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Ctext x='20' y='50' font-size='24'%3E🦋%3C/text%3E%3Ctext x='150' y='120' font-size='18'%3E🦋%3C/text%3E%3Ctext x='250' y='200' font-size='28'%3E🦋%3C/text%3E%3Ctext x='80' y='260' font-size='20'%3E🦋%3C/text%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Ctext x='100' y='80' font-size='22'%3E🦋%3C/text%3E%3Ctext x='300' y='180' font-size='30'%3E🦋%3C/text%3E%3Ctext x='50' y='320' font-size='16'%3E🦋%3C/text%3E%3C/svg%3E");background-size:300px 300px,400px 400px;animation:15s linear infinite bugsFlight}.weather-stars{background-color:#00001e99}.header-right-actions{justify-content:flex-end;align-items:center;gap:1rem;display:flex}@media (width<=768px){.game-header{flex-direction:column;gap:.5rem!important;padding:.5rem!important}.game-stats-pill{flex-wrap:wrap;justify-content:center;width:100%;border-radius:15px!important;gap:.5rem!important;padding:.5rem!important}.game-stats-pill>div{border-left:none!important;border-right:none!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}.weather-pill{flex-wrap:nowrap!important;width:auto!important;padding:.3rem .8rem!important;display:inline-flex!important}.header-right-actions{justify-content:center;gap:.5rem;width:100%}.hide-on-mobile{display:none!important}.small-info-modal{width:90%!important;padding:1.5rem!important}}.small-info-modal.glass-panel{-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:#0f172acc!important;border:1px solid #ffffff26!important;border-radius:24px!important;box-shadow:0 15px 35px #00000080!important}.small-info-modal .btn-primary{width:100%;margin-top:1rem}@media (width<=420px){.weather-text{font-size:.7rem!important}.game-stats-pill span{font-size:.9rem!important}}.weather-stars:before{content:"";background-image:radial-gradient(circle at 10% 20%,#fffc 1px,#0000 2px),radial-gradient(circle at 40% 60%,#ffffffe6 2px,#0000 3px),radial-gradient(circle at 80% 30%,#ffffffb3 1px,#0000 2px),radial-gradient(circle at 30% 90%,#fffc 2px,#0000 3px);background-size:150px 150px,200px 200px,100px 100px,250px 250px;animation:4s ease-in-out infinite alternate twinkleAnim;position:absolute;inset:0}.weather-stars:after{content:"";background-image:radial-gradient(circle at 25% 15%,#ffffffe6 1.5px,#0000 2px),radial-gradient(circle at 75% 85%,#ffffffb3 1px,#0000 2px),radial-gradient(circle at 90% 10%,#fffc 2px,#0000 3px),radial-gradient(circle at 15% 75%,#ffffffe6 1px,#0000 2px);background-size:180px 180px,220px 220px,130px 130px,280px 280px;animation:3s ease-in-out infinite alternate-reverse twinkleAnim;position:absolute;inset:0}@keyframes rainDropAnim{0%{background-position:0 0}to{background-position:-50px 200px}}@keyframes snowAnim{0%{background-position:0 0,0 0,0 0,0 0}to{background-position:50px 200px,-30px 150px,80px 250px,-50px 100px}}@keyframes bugsFlight{0%{background-position:0 0,0 0}25%{background-position:-50px 80px,60px 40px}50%{background-position:-100px 150px,120px 80px}75%{background-position:-40px 220px,50px 140px}to{background-position:0 300px,0 400px}}.floating-multiplier{z-index:10;pointer-events:none;text-shadow:0 2px 4px #000000e6;font-size:.85rem;font-weight:700;animation:2.5s ease-out infinite floatUpAndFade;position:absolute;top:30px;right:-10px}.floating-multiplier.positive{color:#4ade80}.floating-multiplier.negative{color:#ff4c4c;animation-duration:3s}@keyframes floatUpAndFade{0%{opacity:0;transform:translateY(0)scale(.8)}20%{opacity:1;transform:translateY(-5px)scale(1.1)}80%{opacity:1;transform:translateY(-20px)scale(1)}to{opacity:0;transform:translateY(-30px)scale(.9)}}@keyframes twinkleAnim{0%{opacity:.1}to{opacity:1}}@keyframes thunderAnim{0%,94%,98%,to{background-color:#00002880}95%,99%{background-color:#ffffffe6}}.aurora-chicken-wrapper:before{content:"";z-index:-1;background:radial-gradient(circle,#10b98180 0%,#8b5cf680 40%,#0000 70%);border-radius:50%;animation:3s ease-in-out infinite alternate pulseAurora;position:absolute;inset:-20px}.aurora-chicken-wrapper:after{content:"✨";z-index:5;filter:drop-shadow(0 0 10px #fffc);font-size:1.5rem;animation:2.5s ease-in-out infinite alternate floatStar;position:absolute;top:10px;right:-20px}@keyframes pulseAurora{0%{opacity:.5;filter:hue-rotate();transform:scale(.8)}to{opacity:1;filter:hue-rotate(120deg);transform:scale(1.3)}}@keyframes floatStar{0%{opacity:.6;transform:translateY(0)scale(.8)rotate(0)}50%{opacity:1;transform:translateY(-20px)scale(1.2)rotate(180deg)}to{opacity:.8;transform:translateY(5px)scale(.9)rotate(360deg)}}.volcano-chicken-wrapper:before{content:"";z-index:-1;background:radial-gradient(circle,#f009 0%,#000000b3 40%,#0000 70%);border-radius:50%;animation:1.5s ease-in-out infinite alternate pulseVolcano;position:absolute;inset:-20px}.volcano-chicken-wrapper:after{content:"🔥";z-index:5;filter:drop-shadow(0 0 10px #f00c);font-size:1.5rem;animation:2s ease-in-out infinite alternate floatFire;position:absolute;top:10px;right:-20px}.snow-chicken-wrapper:before{content:"";z-index:-1;background:radial-gradient(circle,#fff9 0%,#3b82f680 40%,#0009 70%,#0000 80%);border-radius:50%;animation:3s ease-in-out infinite alternate pulseSnow;position:absolute;inset:-20px}@keyframes pulseSnow{0%{opacity:.7;filter:drop-shadow(0 0 15px #fff);transform:scale(.9)}to{opacity:1;filter:drop-shadow(0 0 25px #00f);transform:scale(1.2)}}.butterflies-chicken-wrapper:before{content:"";z-index:-1;background:radial-gradient(circle,#f472b666 0%,#0000 60%);border-radius:50%;animation:4s ease-in-out infinite alternate pulseButterflies;position:absolute;inset:-20px}.butterflies-chicken-wrapper:after{content:"🦋";transform-origin:40px 40px;z-index:5;filter:drop-shadow(0 0 8px #f472b6cc);font-size:1.5rem;animation:3s linear infinite orbitButterfly;position:absolute;top:50%;left:50%}@keyframes pulseButterflies{0%{opacity:.6;transform:scale(.9)}to{opacity:1;transform:scale(1.1)}}@keyframes orbitButterfly{0%{transform:translate(-50%,-50%)rotate(0)translate(40px)rotate(0)scale(1)}50%{transform:translate(-50%,-50%)rotate(180deg)translate(40px)rotate(-180deg)scale(1.2)}to{transform:translate(-50%,-50%)rotate(360deg)translate(40px)rotate(-360deg)scale(1)}}@keyframes pulseVolcano{0%{opacity:.6;transform:scale(.9)translateY(0)}to{opacity:1;transform:scale(1.4)translateY(-10px)}}@keyframes floatFlame{0%{opacity:.6;transform:translateY(0)scale(.8)}50%{opacity:1;transform:translateY(-10px)scale(1.2)}to{opacity:0;transform:translateY(-25px)scale(.5)}}.admin-container{flex-direction:row}.admin-sidebar{width:260px}@media (width<=768px){.admin-container{flex-direction:column!important}.admin-sidebar{border-bottom:1px solid #ffffff1a;border-right:none!important;width:100%!important;padding:1rem!important}}.arena-lobby,.arena-combat-container{color:#fff;flex-direction:column;gap:1.5rem;display:flex}.arena-stats{justify-content:center;gap:1rem;display:flex}.stat-box{background:#00000080;border-radius:12px;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-weight:700;display:flex}.roster-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1rem;margin-top:1rem;display:grid}.roster-card{cursor:pointer;background:#ffffff0d;border:2px solid #0000;border-radius:12px;flex-direction:column;align-items:center;padding:1rem;transition:all .2s;display:flex;position:relative}.roster-card img{object-fit:contain;width:60px;height:60px;margin-bottom:.5rem}.roster-card.selected{background:#10b98133;border-color:#10b981}.check-badge{color:#fff;background:#10b981;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-weight:700;display:flex;position:absolute;top:-10px;right:-10px}.start-battle-btn{background:linear-gradient(135deg,#10b981,#059669);padding:1rem;font-size:1.2rem}.battlefield{background:url(/img/farm_bg.png) 50%/cover;border:2px solid #fff3;border-radius:16px;justify-content:space-between;align-items:center;min-height:300px;padding:2rem;display:flex}.team{flex-direction:column;gap:1rem;display:flex}.fighter-card{background:#0009;border-radius:8px;flex-direction:column;align-items:center;padding:.5rem;transition:all .3s;display:flex;position:relative}.fighter-card img{height:80px;transition:all .3s}.fighter-card.active{transform:scale(1.1);box-shadow:0 0 15px #4ade80}.fighter-card.enemy{cursor:crosshair}.fighter-card.enemy:hover{box-shadow:0 0 15px #ff4c4c}.fighter-card.dead{opacity:.3;filter:grayscale()}.hp-bar-bg{background:#333;border-radius:4px;width:100%;height:8px;margin-top:.5rem;overflow:hidden}.hp-bar-fill{height:100%;transition:width .3s}.target-indicator{font-size:1.5rem;animation:1s infinite bounce;position:absolute;top:-20px}.skills-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem;display:grid}.btn-skill{cursor:pointer;color:#fff;border:none;border-radius:8px;padding:1rem;font-weight:700;transition:transform .1s}.btn-skill:active{transform:scale(.95)}.btn-basic{background:#3b82f6}.battle-log.glass-panel{z-index:300;background:#0f172acc;width:320px;max-height:250px;padding:1rem;font-family:monospace;font-size:.85rem;position:absolute;top:80px;right:20px;overflow-y:auto}.log-info{color:#cbd5e1}.log-player{color:#4ade80}.log-enemy{color:#ff4c4c}.active-skill{transform:scale(1.05);box-shadow:0 0 0 4px #fff,0 0 15px #fff}.arena-bg-image{min-height:400px;position:relative;overflow:hidden;box-shadow:inset 0 0 50px #000c;background:url(/img/arena_bg.png) 50%/cover!important}.arena-fighter{flex-direction:column;align-items:center;transition:all .3s;display:flex;position:relative}.floating-chicken{height:80px;animation:3s ease-in-out infinite float-chicken}.floating-enemy{animation:3s ease-in-out infinite reverse float-enemy}@keyframes float-chicken{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes float-enemy{0%,to{transform:translateY(0)scaleX(-1)}50%{transform:translateY(-10px)scaleX(-1)}}.arena-fighter.active .aurora-chicken-wrapper:before{animation:1s infinite alternate pulse-aura}@keyframes pulse-aura{0%{opacity:.8;transform:scale(1)}to{opacity:1;transform:scale(1.2)}}.attack-lunge-player{z-index:100;animation:.5s lunge-right}@keyframes lunge-right{0%{transform:translate(0)}50%{transform:translate(80px)scale(1.1)}to{transform:translate(0)}}.skill-projectile{z-index:200;pointer-events:none;filter:drop-shadow(0 0 10px #fffc);mix-blend-mode:screen;width:80px;height:80px;animation:.5s linear forwards projectile-fly;position:absolute;top:50%;left:20%}.skill-projectile.special-projectile{animation:.8s cubic-bezier(.36,.07,.19,.97) forwards projectile-fly-special}@keyframes projectile-fly{0%{transform:translate(0, calc(-50% + var(--source-y,0px))) scale(.5) scaleX(var(--flip-x,1)) rotate(var(--rot,0deg));opacity:0}20%{opacity:1;transform:translate(20%, calc(-50% + var(--source-y,0px))) scale(1) scaleX(var(--flip-x,1)) rotate(var(--rot,0deg))}80%{opacity:1;transform:translate(80vw, calc(-50% + var(--target-y,0px))) scale(1) scaleX(var(--flip-x,1)) rotate(var(--rot,0deg))}to{transform:translate(100vw, calc(-50% + var(--target-y,0px))) scale(1.5) scaleX(var(--flip-x,1)) rotate(var(--rot,0deg));opacity:0}}@keyframes projectile-fly-special{0%{transform:translate(0, calc(-50% + var(--source-y,0px))) scale(.5) scaleX(var(--flip-x,1)) rotate(calc(-45deg * var(--flip-x,1)));opacity:0}20%{opacity:1;transform:translate(10vw, calc(-200% + var(--source-y,0px))) scale(.8) scaleX(var(--flip-x,1)) rotate(calc(-30deg * var(--flip-x,1)))}50%{opacity:1;transform:translate(40vw, calc(-400% + var(--source-y,0px))) scale(1) scaleX(var(--flip-x,1)) rotate(0deg)}80%{opacity:1;transform:translate(75vw, calc(-200% + var(--target-y,0px))) scale(1.5) scaleX(var(--flip-x,1)) rotate(calc(30deg * var(--flip-x,1)))}to{transform:translate(95vw, calc(-50% + var(--target-y,0px))) scale(2) scaleX(var(--flip-x,1)) rotate(calc(45deg * var(--flip-x,1)));opacity:0}}.skill-projectile.projectile-enemy{animation:.5s linear forwards projectile-fly-enemy}.skill-projectile.special-projectile.projectile-enemy{animation:.8s cubic-bezier(.36,.07,.19,.97) forwards projectile-fly-special-enemy}@keyframes projectile-fly-enemy{0%{transform:translate(80vw, calc(-50% + var(--source-y,0px))) scale(.5) scaleX(var(--flip-x,1)) rotate(var(--rot,0deg));opacity:0}20%{opacity:1;transform:translate(60vw, calc(-50% + var(--source-y,0px))) scale(1) scaleX(var(--flip-x,1)) rotate(var(--rot,0deg))}80%{opacity:1;transform:translate(0, calc(-50% + var(--target-y,0px))) scale(1) scaleX(var(--flip-x,1)) rotate(var(--rot,0deg))}to{transform:translate(-20vw, calc(-50% + var(--target-y,0px))) scale(1.5) scaleX(var(--flip-x,1)) rotate(var(--rot,0deg));opacity:0}}@keyframes projectile-fly-special-enemy{0%{transform:translate(80vw, calc(-50% + var(--source-y,0px))) scale(.5) scaleX(var(--flip-x,1)) rotate(calc(-45deg * var(--flip-x,1)));opacity:0}20%{opacity:1;transform:translate(70vw, calc(-200% + var(--source-y,0px))) scale(.8) scaleX(var(--flip-x,1)) rotate(calc(-30deg * var(--flip-x,1)))}50%{opacity:1;transform:translate(40vw, calc(-400% + var(--source-y,0px))) scale(1) scaleX(var(--flip-x,1)) rotate(0deg)}80%{opacity:1;transform:translate(5vw, calc(-200% + var(--target-y,0px))) scale(1.5) scaleX(var(--flip-x,1)) rotate(calc(30deg * var(--flip-x,1)))}to{transform:translate(-15vw, calc(-50% + var(--target-y,0px))) scale(2) scaleX(var(--flip-x,1)) rotate(calc(45deg * var(--flip-x,1)));opacity:0}}.hit-explosion{z-index:250;pointer-events:none;mix-blend-mode:screen;width:100px;height:100px;animation:.5s ease-out forwards explosion-smash;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes explosion-smash{0%{opacity:1;filter:brightness();transform:translate(-50%,-300%)scale(.5)}30%{opacity:1;filter:brightness(2);transform:translate(-50%,-50%)scale(1.2)}60%{opacity:.8;filter:brightness();transform:translate(-50%,-50%)scale(1.5)}to{opacity:0;filter:brightness(3);transform:translate(-50%,-50%)scale(2)}}.hit-explosion.special-explosion{z-index:260;width:350px;height:350px;animation:.8s ease-out forwards special-explosion-smash}@keyframes special-explosion-smash{0%{transform:translate(-50%, -300%) scale(.5) scaleX(var(--flip-x,1)) rotate(var(--rot,0deg));opacity:1;filter:brightness()}30%{transform:translate(-50%, -50%) scale(1.5) scaleX(var(--flip-x,1)) rotate(var(--rot,0deg));opacity:1;filter:brightness(2)}60%{transform:translate(-50%, -50%) scale(2.5) scaleX(var(--flip-x,1)) rotate(var(--rot,0deg));opacity:.8;filter:brightness()}to{transform:translate(-50%, -50%) scale(3.5) scaleX(var(--flip-x,1)) rotate(var(--rot,0deg));opacity:0;filter:brightness(.5)}}.arena-lobby{background-blend-mode:overlay;background:linear-gradient(#0f172af2,#000000fa),url(/img/arena_bg.png) 50%/cover;min-height:100vh;padding:3rem}.arena-lobby h2{background:linear-gradient(90deg,#fbbf24,#f59e0b);-webkit-text-fill-color:transparent;text-shadow:0 4px 20px #fbbf2466;text-align:center;-webkit-background-clip:text;margin-bottom:2rem;font-size:3rem}.arena-stats .stat-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;box-shadow:0 8px 32px #00000080}.premium-card{background:linear-gradient(145deg,#1e293bcc,#0f172ae6);border:1px solid #ffffff1a;flex-direction:column;justify-content:space-between;min-height:250px;padding:2rem 1rem 1rem;display:flex;overflow:visible;box-shadow:0 10px 30px #00000080}.premium-card:hover{border-color:#10b98180;transform:translateY(-10px)scale(1.02);box-shadow:0 20px 40px #10b9814d}.premium-card.selected{background:linear-gradient(145deg,#10b98133,#05966966);border-color:#10b981;box-shadow:0 0 30px #10b98180,inset 0 0 20px #10b98133}.premium-card-title{color:#fff;text-shadow:0 2px 4px #000c;margin:1.5rem 0 .5rem;font-size:1.2rem}.premium-stats{background:#0006;border-radius:8px;justify-content:center;gap:1rem;width:100%;padding:.5rem;font-size:.85rem;display:flex}.premium-skills-preview{justify-content:center;gap:.5rem;margin-top:1rem;display:flex}.skill-mini-icon{border:1px solid #fff3;border-radius:4px;width:24px;height:24px}.glow-badge{width:32px;height:32px;font-size:1.2rem;top:-15px;right:-15px;box-shadow:0 0 15px #10b981}.start-battle-btn{text-transform:uppercase;letter-spacing:1px;border-radius:12px;align-self:center;max-width:300px;margin-top:2rem;padding:1rem 2rem;font-size:1.2rem;animation:2s infinite alternate pulse-aura;box-shadow:0 10px 30px #10b98166}@media (height<=600px){.arena-lobby{padding:.5rem!important}.arena-lobby h2{margin-bottom:.3rem!important;font-size:1.2rem!important}.premium-card{min-height:100px!important;padding:.5rem!important}.premium-card-title{margin:.3rem 0 .1rem!important;font-size:.8rem!important}.premium-stats{gap:.5rem!important;font-size:.65rem!important}.glow-badge{width:20px!important;height:20px!important;font-size:.7rem!important;top:-5px!important;right:-5px!important}.skill-mini-icon{width:14px!important;height:14px!important}.start-battle-btn{margin-top:.5rem!important;padding:.4rem .8rem!important;font-size:.8rem!important}.arena-header{display:none!important}}.arena-combat-container{box-sizing:border-box;background:#0f172a;flex-direction:column;width:100vw;height:100vh;margin:0;padding:0;display:flex;position:absolute;top:0;left:0}@keyframes rotate-phone{0%{transform:rotate(0)}50%{transform:rotate(-90deg)}to{transform:rotate(0)}}@media screen and (width<=900px) and (orientation:portrait){.arena-portrait-warning{display:flex!important}.arena-content-wrapper{display:none!important}}.battlefield.arena-bg-image{border-bottom:2px solid #ffffff1a;flex:1;box-shadow:inset 0 0 100px #000000e6;background:linear-gradient(#0003,#000c),url(/img/arena_bg.png) 50%/cover!important}.shake-animation{animation:.5s cubic-bezier(.36,.07,.19,.97) both screen-shake}@keyframes screen-shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-8px)}40%,60%{transform:translate(8px)}}.hp-bar-bg{background:#000c;border:1px solid #ffffff4d;border-radius:6px;width:120px;height:12px;margin-top:10px;overflow:hidden;box-shadow:0 0 10px #00000080}.hp-bar-fill{border-radius:4px;height:100%;transition:width .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 0 10px #ffffff80}.action-panel{border-top:1px solid #ffffff1a;background:linear-gradient(#1e293be6,#0f172af2)!important;padding:1.5rem!important}.btn-skill{color:#fff;background:linear-gradient(145deg,#1e293bcc,#0f172ae6);border:1px solid #ffffff1a;border-radius:12px;padding:1rem;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 5px 15px #00000080}.btn-skill:hover{border-color:#38bdf899;transform:translateY(-5px);box-shadow:0 10px 25px #38bdf866}.btn-skill.active-skill{border-color:#38bdf8;box-shadow:0 0 20px #38bdf899,inset 0 0 15px #38bdf833}.btn-special{background:linear-gradient(145deg,#581c87cc,#3b0764e6)}.btn-special:hover{border-color:#a855f799;box-shadow:0 10px 25px #a855f766}.btn-special.active-skill{border-color:#a855f7;box-shadow:0 0 20px #a855f799,inset 0 0 15px #a855f733}.cinematic-overlay{z-index:150;pointer-events:none;background:#000c;width:100%;height:100%;animation:.2s ease-out forwards cinematic-fade-in;position:absolute;top:0;left:0}@keyframes cinematic-fade-in{0%{opacity:0}to{opacity:1}}.card-hand-container{z-index:300;pointer-events:none;justify-content:center;width:100%;display:flex;position:absolute;bottom:20px;left:0}.card-hand{pointer-events:auto;gap:1rem;padding:1rem;display:flex}.skill-card-axie{cursor:pointer;background:linear-gradient(#1e293bf2,#0f172a);border:2px solid #fff3;border-radius:12px;flex-direction:column;width:150px;height:220px;transition:all .2s ease-out;display:flex;transform:translateY(10px);box-shadow:0 10px 20px #000c}.skill-card-axie:hover{z-index:10;transform:translateY(-20px);box-shadow:0 15px 30px #000}.skill-card-axie.active-skill-card{border-color:#38bdf8;transform:translateY(-25px);box-shadow:0 0 20px #38bdf899,0 15px 30px #000}@media (height<=600px){.battlefield.arena-bg-image{min-height:auto!important;padding:.5rem!important}.card-hand-container{bottom:0!important}.skill-card-axie{width:80px!important;height:110px!important;transform:translateY(5px)!important}.skill-card-axie:hover{transform:translateY(-5px)!important}.skill-card-axie.active-skill-card{transform:translateY(-10px)!important}.floating-chicken{height:35px!important}.floating-enemy{height:45px!important}.hp-bar-bg{width:80px!important;height:6px!important}.arena-fighter span{font-size:.6rem!important}.battle-log.glass-panel{text-align:center!important;width:250px!important;padding:.2rem .5rem!important;font-size:.6rem!important;top:5px!important;right:50%!important;transform:translate(50%)!important}.card-axie-info h5{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:.7rem!important}.card-axie-info small{display:none}.active-skill-card{height:130px!important;transform:translateY(-15px)!important}.active-skill-card .card-axie-info h5{white-space:normal}.active-skill-card .card-axie-info small{margin-top:.2rem;display:block;font-size:.5rem!important}}.card-axie-img{mix-blend-mode:screen;background-color:#000;background-position:50%;background-size:cover;border-radius:10px 10px 0 0;flex:1}.card-axie-info{text-align:center;background:#0009;border-radius:0 0 10px 10px;padding:.5rem}.card-axie-info h5{color:#fff;margin:0 0 .2rem;font-size:.9rem}.card-axie-info small{color:#ccc;font-size:.75rem}.special-card{border-color:#a855f799}.special-card .card-axie-info{background:#581c8799}.special-card.active-skill-card{border-color:#d8b4fe;box-shadow:0 0 20px #d8b4fe99,0 15px 30px #000}
