body{margin:0;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:#050510;color:#e2e8f0;overflow:hidden;-webkit-user-select:none;user-select:none}.game-container{width:100vw;height:100vh;background:radial-gradient(circle at center,#0f0c24,#050510);display:flex;justify-content:center;align-items:center;position:relative}.screen{width:100%;height:100%;max-width:1000px;max-height:700px;background:#0a0a19e6;border:2px solid #3b82f6;border-radius:16px;box-shadow:0 0 30px #3b82f64d;display:flex;flex-direction:column;overflow:hidden;position:relative}.start-screen{justify-content:center;align-items:center;padding:40px}.logo-container{text-align:center;margin-bottom:30px}.game-title{font-size:3.5rem;font-weight:900;background:linear-gradient(to right,#3b82f6,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 20px rgba(139,92,246,.5);margin:0}.game-subtitle{color:#94a3b8;letter-spacing:4px;margin-top:8px}.race-selector{width:100%;margin-bottom:30px}.section-title{text-align:center;color:#a5b4fc;margin-bottom:16px}.race-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.race-card{background:#1e1e3c66;border:1px solid rgba(139,92,246,.2);border-radius:12px;padding:16px;text-align:center;cursor:pointer;transition:all .3s ease}.race-card:hover,.race-card.active{background:#8b5cf633;border-color:#8b5cf6;box-shadow:0 0 15px #8b5cf666;transform:translateY(-4px)}.race-avatar{font-size:2.5rem;display:block;margin-bottom:10px}.hero-info,.tower-info{font-size:.75rem;color:#94a3b8;margin:4px 0}.high-score-badge{display:flex;align-items:center;gap:8px;background:#eab3081a;border:1px solid rgba(234,179,8,.3);padding:8px 16px;border-radius:20px;margin-bottom:24px;font-size:.9rem}.btn-primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border:none;padding:14px 32px;font-size:1.1rem;font-weight:700;border-radius:30px;cursor:pointer;display:flex;align-items:center;gap:10px;box-shadow:0 0 20px #3b82f680;transition:all .2s ease}.btn-primary:hover{transform:scale(1.05);box-shadow:0 0 30px #8b5cf6cc}.playing-screen{display:flex;flex-direction:column}.hud-top{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#0f0f23cc;border-bottom:1px solid rgba(59,130,246,.3)}.hud-item{display:flex;align-items:center;gap:8px;font-weight:700;font-size:.95rem}.btn-call-wave{background:linear-gradient(to right,#ef4444,#f97316);color:#fff;border:none;padding:6px 14px;border-radius:6px;font-size:.8rem;font-weight:700;cursor:pointer;box-shadow:0 0 10px #ef444466}.battlefield-map{flex:1;position:relative;background-color:#08081a;background-image:radial-gradient(rgba(59,130,246,.1) 1px,transparent 0),radial-gradient(rgba(139,92,246,.1) 1px,transparent 0);background-size:40px 40px;background-position:0 0,20px 20px;overflow:hidden;cursor:crosshair}.base-portal{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:60px;height:120px;background:linear-gradient(to bottom,#3b82f6,#8b5cf6);border-radius:50%;box-shadow:0 0 20px #3b82f6cc;display:flex;justify-content:center;align-items:center}.portal-core{width:30px;height:90px;background:#fff;border-radius:50%;filter:blur(4px);animation:pulse 1.5s infinite alternate}.portal-label{position:absolute;bottom:-25px;font-size:.7rem;color:#a5b4fc;white-space:nowrap}.entity{position:absolute;display:flex;flex-direction:column;align-items:center;transition:left .1s linear,top .1s linear;cursor:pointer}.entity-hp-bar{width:32px;height:4px;background:#00000080;border-radius:2px;overflow:hidden;margin-top:4px}.hp-fill{height:100%;background:#10b981}.entity-name{font-size:.65rem;color:#cbd5e1;background:#0009;padding:1px 4px;border-radius:3px;margin-top:2px;white-space:nowrap}.hero-entity{z-index:10}.hero-avatar{font-size:2rem;filter:drop-shadow(0 0 8px rgba(139,92,246,.8))}.hero-entity.selected .hero-avatar{animation:bounce .5s infinite alternate;transform:scale(1.2)}.building{z-index:5}.building-emoji{font-size:2.2rem}.building.selected{filter:drop-shadow(0 0 10px #10b981)}.training-progress-bar{width:40px;height:3px;background:#334155;margin-top:2px}.progress-fill{height:100%;background:#3b82f6;width:0%}.unit-emoji,.enemy-emoji{font-size:1.5rem}.status-effect{font-size:.6rem;background:#3b82f6;color:#fff;padding:1px 2px;border-radius:2px}.projectile{position:absolute;width:8px;height:8px;border-radius:50%;box-shadow:0 0 8px currentColor;z-index:15}.floating-text{position:absolute;font-size:.8rem;font-weight:700;color:#10b981;pointer-events:none;z-index:20}.control-panel{height:160px;background:#070714;border-top:2px solid #1e1b4b;display:grid;grid-template-columns:1.2fr 1fr 1.2fr;padding:12px;gap:16px}.panel-left,.panel-middle,.panel-right{background:#0f0f2399;border:1px solid rgba(59,130,246,.1);border-radius:8px;padding:10px;display:flex;flex-direction:column;justify-content:center}.hero-status,.building-status{display:flex;align-items:center;gap:12px}.xp-bar{width:120px;height:6px;background:#1e293b;border-radius:3px;overflow:hidden}.xp-fill{height:100%;background:linear-gradient(to right,#8b5cf6,#ec4899)}.command-grid{display:grid;grid-template-columns:1fr;gap:8px}.btn-command{background:#0f172a;border:1px solid #334155;color:#cbd5e1;padding:8px;border-radius:6px;font-size:.75rem;display:flex;align-items:center;gap:8px;cursor:pointer}.btn-command:hover,.btn-command.active{background:#3b82f633;border-color:#3b82f6;color:#fff}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.skill-slot{position:relative;display:flex;flex-direction:column;align-items:center}.btn-skill{width:100%;background:#1e1b4b;border:1px solid #4338ca;color:#fff;padding:4px;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;align-items:center;font-size:.65rem}.btn-skill:disabled{opacity:.5;cursor:not-allowed}.skill-cooldown{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;justify-content:center;align-items:center;font-weight:700;color:#f43f5e;border-radius:6px}.btn-upgrade-skill{position:absolute;top:-6px;right:-6px;background:#ef4444;color:#fff;border:none;border-radius:50%;width:14px;height:14px;display:flex;justify-content:center;align-items:center;cursor:pointer}.skill-level-badge{font-size:.6rem;color:#94a3b8;margin-top:2px}.btn-action{background:linear-gradient(to right,#10b981,#059669);color:#fff;border:none;padding:8px;border-radius:6px;font-size:.8rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px}.gameover-screen{justify-content:center;align-items:center;background:#0a0505f2;border-color:#ef4444;box-shadow:0 0 30px #ef44444d}.gameover-title{font-size:3.5rem;font-weight:900;text-shadow:0 0 20px rgba(239,68,68,.5);margin-bottom:10px}.score-summary{background:#1e0a0a4d;border:1px solid rgba(239,68,68,.2);border-radius:12px;padding:20px;width:300px;margin:0 auto}.summary-row{display:flex;justify-content:space-between;margin:8px 0}@keyframes pulse{0%{transform:scale(.95);opacity:.8}to{transform:scale(1.05);opacity:1}}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-5px)}}