:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#f1f5f9;background-color:#0f172a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}button{font-family:inherit}@font-face{font-family:Kenney Future;src:url(/assets/fonts/Kenney%20Future.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Kenney Bold;src:url(/assets/fonts/Kenney%20Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Kenney Blocks;src:url(/assets/fonts/Kenney%20Blocks.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Kenney Pixel;src:url(/assets/fonts/Kenney%20Pixel.ttf) format("truetype");font-weight:400;font-style:normal}:root{--pastel-lavender: #c8cad8;--pastel-light: #dfe1ec;--pastel-pink: #f0b8c0;--pastel-blue: #b8d4f0;--pastel-green: #c8f0b8;--pastel-yellow: #f0e0b8;--pastel-purple: #d4b8f0;--pastel-mint: #6dd5c0;--shape-green: #7ab87a;--shape-red: #e07878;--shape-blue: #7ab8e0;--text-dark: #3a3a4a;--text-medium: #5a5a6a;--text-light: #7a7a8a;--card-bg: rgba(255, 255, 255, .92);--card-border: rgba(180, 182, 200, .7);--card-hover: rgba(240, 240, 248, .95);--accent-color: #4f46e5;--accent-hover: #4338ca}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;padding:0;font-family:Kenney Future,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--pastel-lavender);color:var(--text-dark);overflow:hidden;touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.app-container{width:100vw;height:100vh;display:flex;flex-direction:column}.arena-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.main-menu{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 20% 30%,var(--pastel-pink) 0%,transparent 40%),radial-gradient(ellipse at 80% 70%,var(--pastel-blue) 0%,transparent 40%),radial-gradient(ellipse at 50% 50%,var(--pastel-green) 0%,transparent 50%),linear-gradient(180deg,var(--pastel-light) 0%,var(--pastel-lavender) 50%,#b8bac8 100%);z-index:100;overflow:hidden}.main-menu:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 15% 25%,var(--pastel-pink) 0%,transparent 8%),radial-gradient(circle at 85% 20%,var(--pastel-blue) 0%,transparent 6%),radial-gradient(circle at 25% 80%,var(--pastel-yellow) 0%,transparent 7%),radial-gradient(circle at 75% 75%,var(--pastel-purple) 0%,transparent 9%),radial-gradient(circle at 50% 10%,var(--pastel-green) 0%,transparent 5%);animation:float-circles 15s ease-in-out infinite alternate;pointer-events:none;opacity:.6}@keyframes float-circles{0%{transform:translate(0) scale(1)}50%{transform:translate(10px,-10px) scale(1.05)}to{transform:translate(-5px,5px) scale(.98)}}.main-menu:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20% 30%,rgba(255,255,255,.8),transparent),radial-gradient(2px 2px at 40% 70%,rgba(255,255,255,.6),transparent),radial-gradient(2px 2px at 60% 20%,rgba(255,255,255,.7),transparent),radial-gradient(2px 2px at 80% 60%,rgba(255,255,255,.5),transparent),radial-gradient(3px 3px at 10% 50%,rgba(255,255,255,.6),transparent),radial-gradient(3px 3px at 90% 40%,rgba(255,255,255,.7),transparent);animation:twinkle 3s ease-in-out infinite alternate;pointer-events:none}@keyframes twinkle{0%{opacity:.4}to{opacity:.9}}.menu-title{font-family:Kenney Blocks,Kenney Future,sans-serif;font-size:5rem;font-weight:400;background:linear-gradient(135deg,#e86090,#60a0e0 35%,#60c080 65%,#e0a050);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.08em;animation:soft-gradient 6s ease-in-out infinite;position:relative;z-index:1;filter:drop-shadow(0 4px 0 rgba(255,255,255,.8)) drop-shadow(0 6px 0 rgba(100,80,120,.25)) drop-shadow(0 10px 20px rgba(100,80,120,.2))}@keyframes soft-gradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.menu-title:after{content:"BATTLE ROYALE";position:absolute;bottom:-2rem;left:50%;transform:translate(-50%);font-family:Kenney Future,sans-serif;font-size:1rem;letter-spacing:.4em;color:#6a5a7a;white-space:nowrap;text-shadow:0 1px 0 rgba(255,255,255,.6)}.menu-buttons{display:flex;flex-direction:column;gap:1rem;width:320px;margin-top:3rem;position:relative;z-index:1}.menu-btn{padding:1.25rem 2rem;font-family:Kenney Future,Inter,sans-serif;font-size:1.25rem;font-weight:700;border:none;border-radius:16px;cursor:pointer;transition:all .15s ease;text-transform:uppercase;letter-spacing:.08em;position:relative;transform-style:preserve-3d}.menu-btn:before{content:"";position:absolute;inset:0;border-radius:16px;padding:2px;background:linear-gradient(135deg,#fff9,#ffffff1a);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.menu-btn:after{content:"";position:absolute;inset:0;border-radius:16px;background:inherit;transform:translateY(6px) translateZ(-1px);filter:brightness(.7) saturate(.8);z-index:-1}.menu-btn:hover{transform:translateY(2px) scale(1.02)}.menu-btn:hover:after{transform:translateY(4px) translateZ(-1px)}.menu-btn:active{transform:translateY(5px) scale(.98)}.menu-btn:active:after{transform:translateY(1px) translateZ(-1px)}.menu-btn-primary{background:linear-gradient(135deg,var(--shape-green) 0%,#5a9a5a 100%);color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.2);box-shadow:inset 0 2px #ffffff4d,0 0 30px #7ab87a66,0 2px 4px #0003}.menu-btn-primary:after{background:linear-gradient(135deg,#5a9a5a,#4a8a4a)}.menu-btn-primary:hover{box-shadow:inset 0 2px #ffffff4d,0 0 40px #7ab87a99,0 2px 4px #0003}.menu-btn-secondary{background:linear-gradient(135deg,#e8e8f0,#d0d0e0);color:var(--text-dark);text-shadow:0 1px 0 rgba(255,255,255,.5);box-shadow:inset 0 2px #ffffff80,0 2px 4px #00000026;border:2px solid rgba(200,202,216,.5)}.menu-btn-secondary:after{background:linear-gradient(135deg,#c0c0d0,#b0b0c0)}.menu-btn-secondary:hover{background:linear-gradient(135deg,#f0f0f8,#e0e0f0);box-shadow:inset 0 2px #fff9,0 0 20px #c8cad866,0 2px 4px #00000026}.menu-stats{position:absolute;bottom:2rem;display:flex;gap:.5rem;z-index:1}.stat-item{text-align:center;background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 1.5rem;border-radius:16px;border:2px solid var(--card-border);min-width:100px;transition:all .2s ease;box-shadow:0 4px 12px #0000001a}.stat-item:hover{border-color:var(--pastel-blue);box-shadow:0 6px 20px #b8d4f066;transform:translateY(-2px)}.stat-value{font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,var(--text-dark),var(--text-medium));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:var(--text-light);margin-top:.25rem}.creature-select{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 30% 30%,var(--pastel-blue) 0%,transparent 40%),radial-gradient(ellipse at 70% 70%,var(--pastel-pink) 0%,transparent 40%),linear-gradient(180deg,var(--pastel-light) 0%,var(--pastel-lavender) 100%);z-index:100}.select-title{font-family:Kenney Future,sans-serif;font-size:2.5rem;font-weight:700;margin-bottom:2.5rem;background:linear-gradient(135deg,var(--text-dark),var(--text-medium));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase;letter-spacing:.1em;text-shadow:0 2px 0 rgba(255,255,255,.5)}.creature-grid{display:flex;gap:1.5rem;margin-bottom:2rem}.creature-card{width:160px;padding:1.5rem;background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:3px solid var(--card-border);cursor:pointer;transition:all .2s ease;text-align:center;position:relative;overflow:hidden;box-shadow:0 6px 20px #0000001a}.creature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.4) 0%,transparent 100%);pointer-events:none;border-radius:17px 17px 0 0}.creature-card:hover{transform:translateY(-8px) scale(1.02);border-color:var(--pastel-blue);box-shadow:0 15px 40px #b8d4f066,0 8px 20px #00000026}.creature-card.selected{border-color:var(--shape-green);box-shadow:0 0 0 3px #7ab87a4d,0 0 30px #7ab87a66,0 15px 40px #00000026}.creature-card.selected:after{content:"";position:absolute;inset:-3px;border-radius:20px;background:linear-gradient(135deg,var(--shape-green),transparent,var(--shape-green));z-index:-1;animation:border-glow 2s linear infinite}@keyframes border-glow{0%,to{opacity:.5}50%{opacity:1}}.creature-card.locked{opacity:.5;cursor:not-allowed;filter:grayscale(.3)}.creature-icon{margin-bottom:.75rem;filter:drop-shadow(0 4px 6px rgba(0,0,0,.15));min-height:70px;display:flex;align-items:center;justify-content:center}.creature-name{font-size:1.25rem;font-weight:700;margin-bottom:.75rem;color:var(--text-dark)}.creature-stats-preview{font-size:.75rem;color:var(--text-medium)}.stat-bar-mini{height:8px;background:#c8cad880;border-radius:4px;margin:.35rem 0;overflow:hidden}.stat-bar-mini-fill{height:100%;border-radius:4px;box-shadow:0 0 8px currentColor}.playstyle-section{margin-bottom:1.5rem;text-align:center}.playstyle-title{font-family:Kenney Future,sans-serif;font-size:1.25rem;color:var(--text-medium);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.1em}.playstyle-selector{display:flex;gap:1rem;justify-content:center}.playstyle-btn{display:flex;flex-direction:column;align-items:center;padding:.75rem 1.25rem;background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--card-border);border-radius:12px;cursor:pointer;transition:all .2s ease;min-width:120px}.playstyle-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.playstyle-btn.selected{border-width:3px;box-shadow:0 0 20px #fff3}.playstyle-name{font-family:Kenney Future,sans-serif;font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.playstyle-desc{font-size:.75rem;color:var(--text-light);margin-top:.25rem}.creature-select-buttons{display:flex;gap:1rem;flex-shrink:0;padding:1rem 0;margin-top:auto}.matchmaking-status{display:flex;align-items:center;gap:.75rem;color:var(--text-medium);margin-top:1rem;font-size:1rem}.spinner{width:24px;height:24px;border:3px solid rgba(200,202,216,.5);border-top-color:var(--shape-green);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.game-hud{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.hud-top{position:absolute;top:1rem;left:50%;transform:translate(-50%);display:flex;gap:2rem;background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.75rem 2rem;border-radius:20px;border:2px solid var(--card-border);box-shadow:0 4px 20px #0000001a}.hud-time,.hud-rank{text-align:center}.time-label,.rank-label{font-size:.625rem;color:var(--text-light);text-transform:uppercase;letter-spacing:.15em}.time-value,.rank-value{font-size:1.75rem;font-weight:700;font-variant-numeric:tabular-nums;background:linear-gradient(135deg,var(--text-dark),var(--text-medium));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hud-player-stats{position:absolute;bottom:1rem;left:1rem;background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.25rem;border-radius:20px;border:2px solid var(--card-border);min-width:220px;box-shadow:0 4px 20px #0000001a}.stat-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.stat-label{font-size:.75rem;font-weight:600;color:var(--text-medium);min-width:50px}.stat-bar{flex:1;height:22px;background:#c8cad866;border-radius:11px;overflow:hidden;position:relative;border:2px solid rgba(200,202,216,.3)}.stat-fill{height:100%;transition:width .3s ease;border-radius:8px}.hp-fill{background:linear-gradient(90deg,var(--shape-green),#8ac88a);box-shadow:0 0 10px #7ab87a80}.xp-fill{background:linear-gradient(90deg,var(--shape-blue),#8ac8e8);box-shadow:0 0 10px #7ab8e080}.stat-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.7rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.kills-row{justify-content:space-between;margin-top:1rem;padding-top:1rem;border-top:2px solid rgba(200,202,216,.3)}.kills-label{font-size:.75rem;color:var(--text-medium)}.kills-value{font-size:1.5rem;font-weight:700;color:#e8a040;text-shadow:0 0 10px rgba(232,160,64,.4)}.coins-row{justify-content:space-between;margin-top:.5rem;margin-bottom:0}.coins-label{font-size:.75rem;color:var(--text-medium)}.coins-value{font-size:1.25rem;font-weight:700;color:#22c55e;text-shadow:0 0 10px rgba(34,197,94,.4)}.minimap{position:absolute;bottom:1rem;right:1rem;background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.5rem;border-radius:16px;border:2px solid var(--card-border);box-shadow:0 4px 20px #0000001a}.spectator-banner{position:absolute;top:4.5rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:1rem;background:#f0b8c0e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.75rem 1.5rem;border-radius:16px;border:2px solid var(--pastel-pink);box-shadow:0 4px 15px #e078784d}.spectator-placement{font-size:2rem;font-weight:900;color:var(--shape-red);text-shadow:0 2px 0 rgba(255,255,255,.5)}.spectator-text{font-size:.9rem;font-weight:600;color:#8a5a5a}.spectator-info{position:absolute;bottom:1rem;left:1rem;display:flex;gap:1rem}.spectator-stat{background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.75rem 1.25rem;border-radius:14px;border:2px solid var(--card-border);text-align:center;box-shadow:0 4px 12px #0000001a}.spectator-label{display:block;font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-light);margin-bottom:.25rem}.spectator-value{font-size:1.5rem;font-weight:700;color:var(--text-dark)}.spectator-coins{color:#22c55e;text-shadow:0 0 10px rgba(34,197,94,.4)}.spectator-exit-btn{position:fixed;top:7.5rem;left:50%;transform:translate(-50%);padding:.5rem 1.5rem;background:#646478e6;color:#fff;border:none;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;pointer-events:auto}.spectator-exit-btn:hover{background:#505064f2;transform:translate(-50%) scale(1.05)}.exit-summary-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:200;pointer-events:auto}.exit-summary-modal{background:var(--card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:1.5rem 2rem;text-align:center;border:2px solid var(--card-border);box-shadow:0 10px 40px #0000004d;min-width:280px}.exit-summary-title{font-size:1.5rem;font-weight:700;color:var(--text-dark);margin-bottom:1rem}.exit-summary-placement{font-size:3rem;font-weight:900;color:#e8a040;text-shadow:0 0 20px rgba(232,160,64,.4);margin-bottom:1rem}.exit-summary-stats{display:flex;justify-content:center;gap:2rem;margin-bottom:1.5rem}.exit-summary-stat{display:flex;flex-direction:column;align-items:center}.exit-summary-stat-value{font-size:1.5rem;font-weight:700;color:var(--text-dark)}.exit-summary-stat-value.coins{color:#22c55e}.exit-summary-stat-label{font-size:.75rem;color:var(--text-medium);text-transform:uppercase}.exit-summary-buttons{display:flex;gap:.75rem;justify-content:center}.exit-summary-btn{padding:.6rem 1.25rem;border:none;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.exit-summary-btn.confirm{background:#4f46e5;color:#fff}.exit-summary-btn.confirm:hover{background:#4338ca}.exit-summary-btn.cancel{background:#6464784d;color:var(--text-dark)}.exit-summary-btn.cancel:hover{background:#64647880}.upgrade-modal{position:absolute;top:5rem;left:50%;transform:translate(-50%);background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1.25rem 1.5rem;border-radius:20px;border:3px solid var(--pastel-yellow);box-shadow:0 0 30px #f0e0b880,0 8px 24px #00000026;z-index:50;pointer-events:auto}.upgrade-title{text-align:center;font-size:1.5rem;font-weight:900;background:linear-gradient(135deg,#e8a040,#d08030);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.75rem}.upgrade-grid{display:flex;gap:.75rem}.upgrade-card{width:150px;padding:1rem;background:linear-gradient(180deg,#fffffff2,#f5f5faf2);border-radius:14px;border:2px solid var(--card-border);cursor:pointer;transition:all .15s ease;text-align:center;position:relative;overflow:hidden;box-shadow:0 3px 8px #0000001a}.upgrade-card:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.5) 0%,transparent 100%);pointer-events:none;border-radius:17px 17px 0 0}.upgrade-card:hover{transform:translateY(-8px) scale(1.02)}.upgrade-card.common{border-color:var(--text-light)}.upgrade-card.common:hover{box-shadow:0 10px 30px #8a8a9a4d}.upgrade-card.rare{border-color:var(--shape-blue)}.upgrade-card.rare:hover{box-shadow:0 10px 30px #7ab8e066}.upgrade-card.epic{border-color:var(--pastel-purple)}.upgrade-card.epic:hover{box-shadow:0 10px 30px #d4b8f066}.upgrade-name{font-size:.95rem;font-weight:700;margin-bottom:.4rem;color:var(--text-dark)}.upgrade-description{font-size:.7rem;color:var(--text-medium);margin-bottom:.5rem;line-height:1.3}.upgrade-rarity{font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;padding:.25rem .5rem;border-radius:6px;display:inline-block;font-weight:600}.upgrade-rarity.common{background:#8a8a9a33;color:var(--text-medium);border:2px solid rgba(138,138,154,.3)}.upgrade-rarity.rare{background:#7ab8e033;color:var(--shape-blue);border:2px solid rgba(122,184,224,.3)}.upgrade-rarity.epic{background:#d4b8f04d;color:#9060c0;border:2px solid rgba(212,184,240,.4)}.upgrade-timer{text-align:center;margin-top:.75rem;font-size:.85rem;color:var(--text-light)}.leaderboard{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 30%,var(--pastel-yellow) 0%,transparent 40%),radial-gradient(ellipse at 30% 70%,var(--pastel-pink) 0%,transparent 30%),radial-gradient(ellipse at 70% 80%,var(--pastel-blue) 0%,transparent 30%),linear-gradient(180deg,var(--pastel-light) 0%,var(--pastel-lavender) 100%);z-index:100}.leaderboard-title{font-family:Kenney Blocks,Kenney Future,sans-serif;font-size:3rem;font-weight:900;margin-bottom:2rem;text-transform:uppercase;letter-spacing:.1em}.leaderboard-title.winner{background:linear-gradient(135deg,#e8a040,#d08030,#e8a040);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 2s ease-in-out infinite;filter:drop-shadow(0 4px 0 rgba(0,0,0,.1)) drop-shadow(0 0 30px rgba(232,160,64,.4))}.leaderboard-list{width:450px;background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;overflow:hidden;margin-bottom:2rem;border:2px solid var(--card-border);box-shadow:0 10px 40px #00000026}.leaderboard-row{display:flex;align-items:center;padding:1rem 1.25rem;border-bottom:2px solid rgba(200,202,216,.3);transition:background .2s ease}.leaderboard-row:last-child{border-bottom:none}.leaderboard-row.is-player{background:#7ab87a26;border-left:4px solid var(--shape-green)}.leaderboard-rank{width:45px;font-size:1.35rem;font-weight:700}.leaderboard-rank.gold{color:#e8a040;text-shadow:0 0 10px rgba(232,160,64,.4)}.leaderboard-rank.silver{color:#a0a0b0;text-shadow:0 0 10px rgba(160,160,176,.3)}.leaderboard-rank.bronze{color:#c08050;text-shadow:0 0 10px rgba(192,128,80,.3)}.leaderboard-name{flex:1;font-weight:600;color:var(--text-dark)}.leaderboard-kills{color:var(--text-medium);font-size:.9rem}.leaderboard-rewards{display:flex;gap:1.5rem;margin-bottom:2rem}.reward-item{text-align:center;background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.25rem 2.5rem;border-radius:20px;border:2px solid var(--card-border);box-shadow:0 4px 20px #0000001a}.reward-value{font-size:2rem;font-weight:700;color:#e8a040;text-shadow:0 0 15px rgba(232,160,64,.3)}.reward-label{font-size:.75rem;color:var(--text-light);text-transform:uppercase;letter-spacing:.15em;margin-top:.25rem}.leaderboard-buttons{display:flex;gap:1rem}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#c8cad8d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:200;animation:fade-in .2s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal-content{background:linear-gradient(180deg,#fffffffa,#f0f0f8fa);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:2.5rem;border-radius:28px;border:3px solid var(--card-border);max-width:650px;max-height:85vh;overflow-y:auto;box-shadow:0 0 0 1px #ffffff80,0 25px 80px #0003;animation:modal-pop .3s ease}@keyframes modal-pop{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-title{font-family:Kenney Future,sans-serif;font-size:2rem;font-weight:900;background:linear-gradient(135deg,var(--text-dark),var(--text-medium));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:2rem;text-align:center;text-transform:uppercase;letter-spacing:.1em}.modal-close-btn{display:block;width:100%;padding:1rem 1.5rem;margin-top:1.5rem;font-family:Kenney Future,Inter,sans-serif;font-size:1rem;font-weight:600;background:linear-gradient(135deg,#d0d0e0,#c0c0d0);color:var(--text-dark);border:none;border-radius:14px;cursor:pointer;transition:all .15s ease;text-transform:uppercase;letter-spacing:.08em;position:relative;text-shadow:0 1px 0 rgba(255,255,255,.5);box-shadow:inset 0 2px #fff6,0 4px #a0a0b0,0 6px 12px #00000026}.modal-close-btn:hover{background:linear-gradient(135deg,#e0e0f0,#d0d0e0);transform:translateY(2px);box-shadow:inset 0 2px #fff6,0 2px #a0a0b0,0 4px 8px #0000001a}.modal-close-btn:active{transform:translateY(4px);box-shadow:inset 0 2px #fff6,0 0 #a0a0b0}.modal-save-btn{display:block;width:100%;padding:1rem 1.5rem;font-family:Kenney Future,Inter,sans-serif;font-size:1rem;font-weight:600;background:linear-gradient(135deg,var(--shape-green) 0%,#5a9a5a 100%);color:#fff;border:none;border-radius:14px;cursor:pointer;transition:all .15s ease;text-transform:uppercase;letter-spacing:.08em;text-shadow:0 2px 0 rgba(0,0,0,.2);box-shadow:inset 0 2px #ffffff4d,0 4px #4a8a4a,0 0 20px #7ab87a4d,0 6px 12px #00000026}.modal-save-btn:hover{background:linear-gradient(135deg,#5a9a5a,#4a8a4a);transform:translateY(2px);box-shadow:inset 0 2px #ffffff4d,0 2px #3a7a3a,0 0 30px #7ab87a66,0 4px 8px #0000001a}.modal-save-btn:active{transform:translateY(4px);box-shadow:inset 0 2px #ffffff4d,0 0 #3a7a3a,0 0 20px #7ab87a4d}.modal-buttons{display:flex;gap:1rem;margin-top:2rem}.modal-buttons .modal-save-btn,.modal-buttons .modal-close-btn{flex:1;margin-top:0}.creatures-list{display:flex;flex-direction:column;gap:1rem}.creature-list-item{display:flex;align-items:center;gap:1.25rem;padding:1.25rem;background:#ffffffeb;border-radius:18px;border:2px solid var(--card-border);transition:all .2s ease;cursor:pointer}.creature-list-item:hover{border-color:var(--pastel-blue);background:#fffffffa;transform:translate(4px)}.creature-list-item.unlocked{border-color:#7ab87a80}.creature-list-item.unlocked:hover{border-color:var(--shape-green);box-shadow:0 0 20px #7ab87a33}.creature-list-item.locked{opacity:.6}.creature-list-icon{filter:drop-shadow(0 4px 6px rgba(0,0,0,.15));min-width:60px;display:flex;align-items:center;justify-content:center}.creature-list-info{flex:1}.creature-list-name{font-size:1.35rem;font-weight:700;margin-bottom:.35rem;color:var(--text-dark)}.creature-list-stats{font-size:.8rem;color:var(--text-medium);margin-bottom:.35rem}.creature-list-ability{font-size:.75rem;color:var(--text-light);font-style:italic}.creature-list-status{text-align:right}.status-unlocked{color:var(--shape-green);font-weight:700;font-size:.9rem;text-shadow:0 0 10px rgba(122,184,122,.3)}.unlock-info{font-size:.8rem;color:var(--text-medium);text-align:right}.unlock-btn{margin-top:.75rem;padding:.6rem 1.25rem;font-family:Kenney Future,Inter,sans-serif;font-size:.8rem;font-weight:600;background:linear-gradient(135deg,var(--shape-blue) 0%,#5a9ac0 100%);color:#fff;border:none;border-radius:10px;cursor:pointer;text-transform:uppercase;letter-spacing:.08em;text-shadow:0 1px 0 rgba(0,0,0,.2);box-shadow:inset 0 2px #ffffff4d,0 3px #4a8ab0,0 0 15px #7ab8e04d,0 4px 8px #00000026;transition:all .15s ease}.unlock-btn:hover{background:linear-gradient(135deg,#5a9ac0,#4a8ab0);transform:translateY(1px);box-shadow:inset 0 2px #ffffff4d,0 2px #3a7aa0,0 0 20px #7ab8e066,0 3px 6px #0000001a}.unlock-btn:active{transform:translateY(3px);box-shadow:inset 0 2px #ffffff4d,0 0 #3a7aa0,0 0 15px #7ab8e04d}.creatures-modal-wide{max-width:800px}.creatures-layout{display:flex;gap:2rem}.creature-list-item.selected{border-color:var(--shape-green);box-shadow:0 0 15px #7ab87a4d;cursor:default}.upgrade-panel{width:320px;background:#ffffffe6;padding:1.5rem;border-radius:20px;border:2px solid var(--card-border);flex-shrink:0}.upgrade-panel-prompt{display:flex;align-items:center;justify-content:center;color:var(--text-light);text-align:center}.upgrade-panel-title{font-size:1.2rem;font-weight:700;color:var(--text-dark);margin-bottom:1.5rem;text-align:center}.upgrade-stats-list{display:flex;flex-direction:column;gap:1rem}.upgrade-stat-row{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:#fffffff2;border-radius:12px;border:2px solid var(--card-border)}.upgrade-stat-info{display:flex;justify-content:space-between;align-items:center}.upgrade-stat-name{font-weight:700;font-size:.95rem;color:var(--text-dark)}.upgrade-stat-level{font-size:.85rem;font-weight:600;color:var(--text-medium)}.upgrade-stat-bonus{font-size:.85rem;font-weight:700;color:#16a34a}.upgrade-stat-bar{display:flex;gap:3px}.upgrade-pip{flex:1;height:10px;background:#b4b6c899;border-radius:5px;transition:background-color .2s ease;border:1px solid rgba(160,162,180,.4)}.upgrade-pip.filled{box-shadow:0 0 6px currentColor;border-color:transparent}.upgrade-buy-btn{padding:.6rem 1rem;font-family:Kenney Future,Inter,sans-serif;font-size:.85rem;font-weight:700;background:linear-gradient(135deg,var(--shape-green) 0%,#5a9a5a 100%);color:#fff;border:none;border-radius:10px;cursor:pointer;text-transform:uppercase;transition:all .15s ease;box-shadow:inset 0 2px #ffffff4d,0 3px #4a8a4a}.upgrade-buy-btn:hover:not(:disabled){transform:translateY(1px);box-shadow:inset 0 2px #ffffff4d,0 2px #4a8a4a}.upgrade-buy-btn:disabled{background:linear-gradient(135deg,#d0d0e0,#c0c0d0);color:var(--text-light);cursor:not-allowed;box-shadow:inset 0 2px #fff6,0 3px #a0a0b0}.upgrade-buy-btn.maxed{background:linear-gradient(135deg,#e8a040,#d08030);color:#fff;cursor:default;box-shadow:inset 0 2px #ffffff4d,0 3px #b06020,0 0 15px #e8a0404d}.upgrade-panel-currency{margin-top:1.5rem;text-align:center;font-size:1rem;font-weight:700;color:#e8a040}.history-list{display:flex;flex-direction:column;gap:.75rem;max-height:400px;overflow-y:auto}.history-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff9;border-radius:14px;border:2px solid var(--card-border);transition:all .2s ease}.history-item:hover{background:#fffc;border-color:var(--pastel-blue)}.history-placement{font-size:1.5rem;font-weight:700;min-width:50px;text-align:center}.history-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.history-details{flex:1}.history-stats{font-size:.9rem;font-weight:600;color:var(--text-dark);margin-bottom:.25rem}.history-date{font-size:.75rem;color:var(--text-light)}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.stats-section{background:#ffffff80;padding:1.25rem;border-radius:16px;border:2px solid var(--card-border)}.stats-section h3{font-size:.85rem;color:var(--text-light);text-transform:uppercase;letter-spacing:.15em;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid rgba(200,202,216,.4)}.stat-row-modal{display:flex;justify-content:space-between;padding:.6rem 0;font-size:.9rem;border-bottom:1px solid rgba(200,202,216,.2)}.stat-row-modal:last-child{border-bottom:none}.stat-row-modal span:first-child{color:var(--text-medium)}.stat-row-modal span:last-child{font-weight:700;color:var(--text-dark)}.settings-section{margin-bottom:2rem;background:#fff6;padding:1.25rem;border-radius:16px;border:2px solid var(--card-border)}.settings-section:last-of-type{margin-bottom:0}.settings-section h3{font-size:.85rem;color:var(--text-light);text-transform:uppercase;letter-spacing:.15em;margin-bottom:1rem}.settings-label{display:block;font-size:.9rem;color:var(--text-medium);margin-bottom:.5rem}.settings-input{width:100%;padding:.875rem 1rem;font-size:1rem;font-family:Kenney Future,Inter,sans-serif;background:#fffc;border:2px solid var(--card-border);border-radius:12px;color:var(--text-dark);margin-top:.5rem;transition:all .2s ease}.settings-input:focus{outline:none;border-color:var(--shape-blue);box-shadow:0 0 0 3px #7ab8e033}.settings-input-row{display:flex;gap:.75rem;margin-top:.5rem}.settings-input-row .settings-input{flex:1;margin-top:0}.settings-randomize-btn{padding:.875rem 1.25rem;background:linear-gradient(135deg,var(--pastel-purple) 0%,#c0a0e0 100%);border:none;border-radius:12px;color:#fff;font-family:Kenney Future,Inter,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;text-transform:uppercase;letter-spacing:.05em;text-shadow:0 1px 0 rgba(0,0,0,.2);box-shadow:inset 0 2px #ffffff4d,0 3px #a080c0,0 0 15px #d4b8f066}.settings-randomize-btn:hover{background:linear-gradient(135deg,#c0a0e0,#a080c0);transform:translateY(1px);box-shadow:inset 0 2px #ffffff4d,0 2px #9070b0,0 0 20px #d4b8f080}.settings-randomize-btn:active{transform:translateY(3px);box-shadow:inset 0 2px #ffffff4d,0 0 #9070b0,0 0 15px #d4b8f066}.settings-info{font-size:.8rem;color:var(--text-light);margin:.35rem 0}.settings-toggle-row{display:flex;justify-content:space-between;align-items:center;padding:.875rem 0;border-bottom:1px solid rgba(200,202,216,.3)}.settings-toggle-row:last-child{border-bottom:none}.settings-toggle-row span{font-size:.95rem;color:var(--text-dark)}.settings-toggle{padding:.6rem 1.5rem;font-family:Kenney Future,Inter,sans-serif;font-size:.8rem;font-weight:600;border:none;border-radius:10px;cursor:pointer;text-transform:uppercase;letter-spacing:.08em;transition:all .15s ease;min-width:70px;background:linear-gradient(135deg,#d0d0e0,#c0c0d0);color:var(--text-medium);text-shadow:0 1px 0 rgba(255,255,255,.5);box-shadow:inset 0 2px #fff6,0 3px #a0a0b0,0 4px 8px #0000001a}.settings-toggle:hover{transform:translateY(1px);box-shadow:inset 0 2px #fff6,0 2px #a0a0b0,0 3px 6px #00000014}.settings-toggle.active{background:linear-gradient(135deg,var(--shape-green) 0%,#5a9a5a 100%);color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.2);box-shadow:inset 0 2px #ffffff4d,0 3px #4a8a4a,0 0 15px #7ab87a4d,0 4px 8px #0000001a}.settings-toggle.active:hover{box-shadow:inset 0 2px #ffffff4d,0 2px #4a8a4a,0 0 20px #7ab87a66,0 3px 6px #00000014}.countdown-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:50;pointer-events:none}.countdown-content{text-align:center}.countdown-number{font-family:Kenney Blocks,Kenney Future,sans-serif;font-size:14rem;font-weight:900;background:linear-gradient(180deg,#ffffff 0%,var(--pastel-lavender) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 8px 0 rgba(0,0,0,.1)) drop-shadow(0 0 40px rgba(122,184,224,.6));animation:countdown-pop .5s ease-out}.countdown-battle{font-family:Kenney Blocks,Kenney Future,sans-serif;font-size:9rem;font-weight:900;background:linear-gradient(180deg,var(--shape-green) 0%,#5a9a5a 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 8px 0 rgba(0,0,0,.1)) drop-shadow(0 0 60px rgba(122,184,122,.7));animation:battle-zoom .8s ease-out}.countdown-ready{font-family:Kenney Future,sans-serif;font-size:3.5rem;font-weight:700;color:var(--text-medium);text-shadow:0 4px 0 rgba(255,255,255,.5);animation:pulse-fade 1.5s ease-in-out infinite}@keyframes countdown-pop{0%{transform:scale(2.5);opacity:0}60%{transform:scale(.85)}to{transform:scale(1);opacity:1}}@keyframes battle-zoom{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.3)}to{transform:scale(1);opacity:1}}@keyframes pulse-fade{0%,to{opacity:.5;transform:scale(.98)}50%{opacity:1;transform:scale(1)}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#c8cad84d;border-radius:5px}::-webkit-scrollbar-thumb{background:#b4b6c499;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#a0a2b0cc}@media(max-width:768px){.main-menu{padding:2rem 1rem 1rem;padding-bottom:env(safe-area-inset-bottom,1rem);justify-content:flex-start;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y}.menu-title{font-size:3rem;letter-spacing:.05em;flex-shrink:0;margin-top:1rem}.menu-title:after{font-size:.75rem;letter-spacing:.2em;bottom:-1.5rem}.menu-buttons{width:280px;margin-top:2.5rem;flex-shrink:0}.menu-btn{padding:1rem 1.5rem;font-size:1.1rem}.menu-stats{gap:.35rem;flex-wrap:wrap;justify-content:center;padding:2rem 1rem 1rem;position:relative;bottom:auto;margin-top:auto;flex-shrink:0}.stat-item{padding:.75rem 1rem;min-width:80px}.stat-value{font-size:1.4rem}.stat-label{font-size:.6rem}.creature-select{padding:2rem 1rem 1rem;padding-bottom:env(safe-area-inset-bottom,1rem);justify-content:flex-start;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y}.select-title{font-size:1.8rem;margin-bottom:1.5rem;flex-shrink:0}.creature-grid{flex-direction:column;gap:1rem;flex-shrink:0;margin-bottom:1rem;width:100%;align-items:center}.creature-card{width:100%;max-width:280px;padding:1rem}.creature-icon{min-height:60px}.creature-name{font-size:1.1rem}.creature-select-buttons{flex-direction:column;width:100%;max-width:280px;padding:1rem 0 2rem}.creature-select-buttons .menu-btn{width:100%}.hud-top{padding:.5rem 1rem;gap:1rem}.time-value,.rank-value{font-size:1.3rem}.time-label,.rank-label{font-size:.5rem}.hud-player-stats{padding:.75rem;min-width:180px;border-radius:14px}.stat-row{gap:.5rem;margin-bottom:.5rem}.stat-label{font-size:.65rem;min-width:40px}.stat-bar{height:18px}.stat-text{font-size:.6rem}.kills-value{font-size:1.2rem}.coins-value{font-size:1rem}.minimap{padding:.35rem;border-radius:12px}.minimap svg{width:90px;height:90px}.spectator-banner{top:4rem;padding:.5rem 1rem;gap:.75rem}.spectator-placement{font-size:1.5rem}.spectator-text{font-size:.75rem}.spectator-info{gap:.5rem}.spectator-stat{padding:.5rem .75rem}.spectator-value{font-size:1.2rem}.upgrade-modal{top:4rem;padding:1rem;width:calc(100% - 2rem);max-width:480px}.upgrade-title{font-size:1.2rem;margin-bottom:.5rem}.upgrade-grid{gap:.5rem}.upgrade-card{width:100px;padding:.75rem .5rem}.upgrade-name{font-size:.8rem;margin-bottom:.25rem}.upgrade-description{font-size:.6rem;margin-bottom:.35rem;line-height:1.2}.upgrade-rarity{font-size:.5rem;padding:.15rem .35rem}.upgrade-timer{margin-top:.5rem;font-size:.75rem}.modal-content{padding:1.5rem;margin:1rem;max-width:calc(100vw - 2rem);max-height:calc(100vh - 2rem)}.modal-title{font-size:1.5rem;margin-bottom:1.25rem}.modal-close-btn,.modal-save-btn{padding:.75rem 1rem;font-size:.9rem}.creature-list-item{padding:.75rem;gap:.75rem}.creatures-modal-wide{max-width:calc(100vw - 2rem)}.creatures-layout{flex-direction:column}.upgrade-panel{width:100%}.upgrade-stat-info{flex-wrap:wrap;gap:.25rem}.upgrade-stat-name{flex:1;min-width:60px}.upgrade-buy-btn{padding:.5rem .75rem;font-size:.75rem}.creature-list-icon{min-width:50px}.creature-list-name{font-size:1.1rem}.creature-list-stats{font-size:.7rem}.creature-list-ability{font-size:.65rem}.history-item{padding:.75rem;gap:.75rem}.history-placement{font-size:1.2rem;min-width:40px}.history-stats{font-size:.75rem}.stats-grid{grid-template-columns:1fr;gap:1rem}.settings-input{padding:.75rem;font-size:.9rem}.settings-randomize-btn{padding:.75rem 1rem;font-size:.8rem}.leaderboard{padding:2rem 1rem 1rem;padding-bottom:env(safe-area-inset-bottom,1rem);justify-content:flex-start;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y}.leaderboard-title{font-size:2rem;flex-shrink:0;margin-bottom:1rem}.leaderboard-list{width:calc(100vw - 2rem);max-width:400px;flex-shrink:0;margin-bottom:1rem}.leaderboard-row{padding:.75rem 1rem}.leaderboard-rewards{gap:1rem;flex-shrink:0;margin-bottom:1rem}.reward-item{padding:.75rem 1.5rem}.reward-value{font-size:1.5rem}.leaderboard-buttons{flex-shrink:0;padding-bottom:1rem}.countdown-number{font-size:8rem}.countdown-battle{font-size:5rem}.countdown-ready{font-size:2rem}}@media(max-width:480px){.menu-title{font-size:2.2rem}.menu-title:after{font-size:.6rem;letter-spacing:.15em}.menu-buttons{width:240px;gap:.75rem}.menu-btn{padding:.875rem 1.25rem;font-size:1rem;border-radius:12px}.menu-stats{bottom:1rem}.stat-item{padding:.5rem .75rem;min-width:65px;border-radius:12px}.stat-value{font-size:1.2rem}.select-title{font-size:1.4rem}.creature-card{padding:.875rem;max-width:260px}.creature-select-buttons{max-width:260px;padding:.75rem 0 1.5rem;gap:.75rem}.hud-top{top:.5rem;padding:.4rem .75rem;border-radius:14px;gap:.75rem}.time-value,.rank-value{font-size:1.1rem}.hud-player-stats{bottom:.5rem;left:.5rem;padding:.5rem;min-width:150px;border-radius:12px}.stat-bar{height:16px;border-radius:8px}.stat-fill{border-radius:6px}.kills-row{margin-top:.5rem;padding-top:.5rem}.coins-value{font-size:.9rem}.minimap{bottom:.5rem;right:.5rem}.minimap svg{width:70px;height:70px}.spectator-banner{top:3.5rem;padding:.4rem .75rem;border-radius:12px}.spectator-placement{font-size:1.25rem}.spectator-text{font-size:.65rem}.spectator-info{bottom:.5rem;left:.5rem}.spectator-stat{padding:.4rem .6rem;border-radius:10px}.spectator-label{font-size:.55rem}.spectator-value{font-size:1rem}.upgrade-modal{top:3.5rem;padding:.75rem;border-radius:14px}.upgrade-title{font-size:1rem}.upgrade-card{width:85px;padding:.5rem;border-radius:10px}.upgrade-name{font-size:.7rem}.upgrade-description{font-size:.55rem}.upgrade-rarity{font-size:.45rem;padding:.1rem .25rem;border-radius:4px}.modal-content{padding:1.25rem;border-radius:20px}.modal-title{font-size:1.25rem}.leaderboard{padding-top:1.5rem}.leaderboard-title{font-size:1.6rem;margin-bottom:.75rem}.leaderboard-list{border-radius:18px;margin-bottom:.75rem}.leaderboard-row{padding:.6rem .75rem}.leaderboard-rank{width:35px;font-size:1.1rem}.leaderboard-name{font-size:.9rem}.leaderboard-kills{font-size:.75rem}.leaderboard-rewards{flex-direction:column;gap:.5rem;margin-bottom:.75rem}.reward-item{padding:.6rem 2rem}.leaderboard-buttons{flex-direction:column;width:calc(100vw - 2rem);max-width:300px;gap:.5rem}.countdown-number{font-size:6rem}.countdown-battle{font-size:3.5rem}.countdown-ready{font-size:1.5rem}}@media(max-width:360px){.menu-title{font-size:1.8rem}.menu-buttons{width:200px}.upgrade-card{width:75px}.upgrade-name{font-size:.6rem}.upgrade-description{display:none}}@supports (padding: max(0px)){.hud-top{top:max(1rem,env(safe-area-inset-top))}.hud-player-stats{bottom:max(1rem,env(safe-area-inset-bottom));left:max(1rem,env(safe-area-inset-left))}.minimap{bottom:max(1rem,env(safe-area-inset-bottom));right:max(1rem,env(safe-area-inset-right))}.spectator-info{bottom:max(1rem,env(safe-area-inset-bottom));left:max(1rem,env(safe-area-inset-left))}.menu-stats{bottom:max(2rem,calc(env(safe-area-inset-bottom) + 1rem))}.leaderboard-buttons{padding-bottom:env(safe-area-inset-bottom)}}@media(hover:none)and (pointer:coarse){.menu-btn,.upgrade-card,.creature-card,.settings-toggle,.modal-close-btn,.modal-save-btn,.unlock-btn{min-height:44px}.upgrade-card{min-height:80px}}.store-modal{max-width:500px;max-height:85vh;overflow-y:auto}.store-currency{text-align:center;font-size:1.2rem;font-weight:700;color:#16a34a;margin-bottom:1rem;padding:.6rem 1rem;background:#22c55e26;border-radius:10px;border:2px solid rgba(34,197,94,.3)}.store-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.store-tab{flex:1;padding:.75rem 1rem;border:2px solid var(--card-border);border-radius:12px;background:var(--card-bg);color:var(--text-dark);font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s ease}.store-tab:hover{background:var(--card-hover);border-color:var(--text-light)}.store-tab.active{background:var(--accent-color);color:#fff;border-color:var(--accent-color);box-shadow:0 2px 8px #4f46e54d}.store-preview{display:flex;flex-direction:column;align-items:center;padding:1rem;background:#fffffff2;border-radius:12px;margin-bottom:1rem;border:2px solid var(--card-border)}.store-preview-creature{margin-bottom:.75rem}.store-creature-selector{display:flex;gap:.5rem}.store-creature-btn{padding:.5rem 1rem;border:2px solid var(--card-border);border-radius:8px;background:#fffffff2;color:var(--text-dark);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.store-creature-btn:hover{background:var(--card-hover);border-color:var(--text-light)}.store-creature-btn.active{background:var(--accent-color);color:#fff;border-color:var(--accent-color);box-shadow:0 2px 6px #4f46e540}.store-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;max-height:300px;overflow-y:auto;padding:.5rem;margin-bottom:1rem}.store-item{display:flex;flex-direction:column;align-items:center;padding:.75rem;background:#fffffff2;border:3px solid var(--card-border);border-radius:12px;transition:all .2s ease}.store-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;border-color:var(--text-light)}.store-item.owned{background:#f0fff0fa;border-color:#22c55e66}.store-item.equipped{background:#dcffdcfa;border-color:#22c55e;box-shadow:0 0 10px #22c55e33}.store-item-preview{width:50px;height:50px;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.store-item-name{font-size:.9rem;font-weight:700;color:var(--text-dark);text-align:center;margin-bottom:.25rem}.store-item-rarity{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.store-item-btn{width:100%;padding:.5rem .6rem;border:none;border-radius:8px;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s ease}.store-item-btn.buy{background:var(--accent-color);color:#fff;box-shadow:0 2px 4px #4f46e54d}.store-item-btn.buy:hover:not(:disabled){background:#3730a3}.store-item-btn.buy.disabled,.store-item-btn.buy:disabled{background:#9ca3af;cursor:not-allowed}.store-item-btn.equip{background:#22c55e;color:#fff}.store-item-btn.equip:hover{background:#16a34a}.store-item-btn.equipped{background:#86efac;color:#166534;cursor:default}@media(max-width:480px){.store-modal{max-height:90vh}.store-grid{grid-template-columns:repeat(2,1fr);max-height:250px}.store-item-name{font-size:.75rem}.store-creature-btn{padding:.3rem .6rem;font-size:.75rem}}