@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;700;800;900&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{-webkit-user-select:none;user-select:none;background:#0a0a1a}:root{--font-main:"Outfit", sans-serif;--color-bg:#0a0a1a;--color-surface:#ffffff0f;--color-surface-hover:#ffffff1a;--color-text:#f0f0f0;--color-accent:#fbbf24;--color-pink:#ff6b9d;--color-blue:#56c2e6;--color-green:#22c55e;--glass-bg:#0a0a1ebf;--glass-border:#ffffff14;--radius:16px;--radius-sm:10px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:var(--font-main);background:var(--color-bg);color:var(--color-text);-webkit-user-select:none;user-select:none}.app-root{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.game-canvas-wrapper{width:100%;height:100%;position:absolute;inset:0}.overlay{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;justify-content:center;align-items:center;animation:.3s ease-out fadeIn;display:flex;position:absolute;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.menu-content{text-align:center;animation:.5s ease-out slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.game-title{flex-direction:column;margin-bottom:12px;font-weight:900;line-height:1;display:flex}.title-swarm{background:linear-gradient(135deg,#ff6b9d,#c084fc);-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 0 20px #ff6b9d66);-webkit-background-clip:text;background-clip:text;font-size:72px}.title-factory{color:var(--color-accent);letter-spacing:12px;filter:drop-shadow(0 0 10px #fbbf244d);font-size:48px}.title-defense{background:linear-gradient(135deg,#56c2e6,#22c55e);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 15px #56c2e64d);-webkit-background-clip:text;background-clip:text;font-size:60px}.menu-subtitle{color:#fff9;margin-bottom:32px;font-size:18px}.btn-play{font-family:var(--font-main);color:#1a1a2e;cursor:pointer;background:linear-gradient(135deg,#ff6b9d,#fbbf24);border:none;border-radius:50px;margin:0 auto 16px;padding:16px 56px;font-size:28px;font-weight:800;transition:all .2s;display:block;box-shadow:0 4px 20px #ff6b9d66}.btn-play:hover{transform:scale(1.06);box-shadow:0 6px 30px #ff6b9d99}.btn-play:active{transform:scale(.98)}.btn-menu{font-family:var(--font-main);color:var(--color-text);cursor:pointer;background:0 0;border:2px solid #fff3;border-radius:50px;padding:10px 28px;font-size:16px;font-weight:600;transition:all .2s}.btn-menu:hover{background:#ffffff1a;border-color:#fff6}.menu-highscore{color:var(--color-accent);margin-bottom:24px;font-size:20px;font-weight:700}.menu-instructions{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius);text-align:left;padding:20px 32px;display:inline-block}.menu-instructions p{color:#ffffffbf;margin:6px 0;font-size:15px}.menu-instructions kbd{font-family:var(--font-main);background:#ffffff1f;border:1px solid #ffffff26;border-radius:5px;padding:2px 8px;font-size:13px;font-weight:600}.hud{z-index:5;pointer-events:none;flex-direction:column;justify-content:space-between;padding:16px 24px;display:flex;position:absolute;inset:0}.hud-top{justify-content:center;align-items:flex-start;gap:32px;display:flex}.hud-score{flex-direction:column;align-items:center;display:flex}.hud-score-label{letter-spacing:3px;color:#ffffff80;font-size:12px;font-weight:700}.hud-score-value{background:linear-gradient(135deg,#fbbf24,#ff6b9d);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 8px #fbbf244d);-webkit-background-clip:text;background-clip:text;font-size:42px;font-weight:900;animation:.15s ease-out scorePop}@keyframes scorePop{0%{transform:scale(1.15)}to{transform:scale(1)}}.hud-combo{flex-direction:column;align-items:center;animation:.2s ease-out comboAppear;display:flex}@keyframes comboAppear{0%{opacity:0;transform:scale(.8)translateY(-10px)}to{opacity:1;transform:scale(1)translateY(0)}}.combo-label{letter-spacing:2px;opacity:.6;font-size:11px;font-weight:700}.combo-value{text-shadow:0 0 20px;font-size:32px;font-weight:900}.combo-kills{opacity:.5;font-size:12px;font-weight:600}.hud-bottom{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.hud-stat{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:6px 16px;font-size:14px;font-weight:600}.hud-highscore-bar{color:var(--color-accent)}.gameover-content{text-align:center;animation:.4s ease-out slideUp}.gameover-title{background:linear-gradient(135deg,#ef4444,#fbbf24);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:56px;font-weight:900}.new-highscore{color:var(--color-accent);margin-bottom:20px;font-size:24px;font-weight:800;animation:.8s ease-in-out infinite alternate pulse}@keyframes pulse{0%{opacity:.8;transform:scale(1)}to{opacity:1;transform:scale(1.08)}}.gameover-stats{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius);min-width:320px;margin-bottom:28px;padding:24px 40px;display:inline-block}.stat-row{border-bottom:1px solid #ffffff0f;justify-content:space-between;padding:8px 0;font-size:16px;display:flex}.stat-row:last-child{border-bottom:none}.stat-value{color:var(--color-accent);font-weight:800}