@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&display=swap";.game-container{width:100vw;height:100vh;background:#020617;display:flex;align-items:center;justify-content:center;font-family:Orbitron,sans-serif;color:#f8fafc;overflow:hidden}.game-board{width:800px;height:600px;background:#020617;position:relative;border:1px solid #1e293b;box-shadow:0 0 80px #00f2ff26;cursor:crosshair;overflow:hidden}.grid-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(0,242,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,242,255,.04) 1px,transparent 1px);background-size:40px 40px}.world{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10}.player-entity{position:absolute;width:60px;height:60px;display:flex;align-items:center;justify-content:center;z-index:100;pointer-events:none}.player-entity img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 15px #00f2ff)}.engine-fire{position:absolute;left:-10px;width:30px;height:10px;background:linear-gradient(to right,transparent,#00f2ff,#fff);filter:blur(4px);border-radius:50%;animation:flicker .1s infinite alternate}@keyframes flicker{0%{opacity:.5;transform:scaleX(1)}to{opacity:1;transform:scaleX(1.5)}}.bullet-entity{position:absolute;width:20px;height:4px;background:#fff;border-radius:2px;box-shadow:0 0 15px #00f2ff,0 0 5px #fff;z-index:50}.enemy-entity{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;z-index:40}.enemy-entity img{width:100%;height:100%;object-fit:contain}.enemy-hp-bar{position:absolute;top:-12px;width:100%;height:3px;background:#ffffff1a;border-radius:2px}.enemy-hp-inner{height:100%;background:#ef4444;transition:width .2s}.hud{position:absolute;top:0;left:0;right:0;padding:20px;display:flex;justify-content:space-between;z-index:200;pointer-events:none}.wave-info{width:200px;text-align:center}.wave-header{font-size:16px;font-weight:900;color:#00f2ff;margin-bottom:5px;display:flex;align-items:center;justify-content:center;gap:8px}.progress-container{width:100%;height:4px;background:#ffffff0d;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:#00f2ff;box-shadow:0 0 10px #00f2ff}.wave-timer{font-size:10px;color:#475569;margin-top:4px}.xp-bar-container{position:absolute;bottom:40px;left:50%;transform:translate(-50%);width:600px;height:12px;background:#0f172acc;border:1px solid rgba(0,242,255,.3);border-radius:6px;overflow:hidden;z-index:200}.xp-bar-fill{height:100%;background:linear-gradient(90deg,#00f2ff,#3b82f6);transition:width .3s cubic-bezier(.34,1.56,.64,1);position:relative}.xp-glare{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:sweep 2s infinite linear}@keyframes sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}.xp-label{position:absolute;top:-18px;left:0;width:100%;text-align:center;font-size:9px;color:#00f2ff;letter-spacing:1px}.hud-footer{position:absolute;bottom:0;left:0;right:0;padding:10px 20px;display:flex;justify-content:space-between;font-size:10px;color:#475569}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#020617e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000}.upgrade-menu{text-align:center;width:90%}.upgrade-title{font-size:24px;font-weight:900;color:#fbbf24;margin-bottom:40px;display:flex;align-items:center;justify-content:center;gap:15px}.upgrade-grid{display:flex;gap:20px;justify-content:center}.upgrade-card{width:220px;background:#0f172a;border:1px solid rgba(255,255,255,.1);padding:30px 20px;border-radius:20px;cursor:pointer;transition:all .3s;display:flex;flex-direction:column;align-items:center}.upgrade-card:hover{transform:translateY(-10px);border-color:#00f2ff;background:#1e293b;box-shadow:0 10px 30px #00f2ff33}.card-icon{margin-bottom:20px;transform:scale(1.5)}.upgrade-card h3{font-size:16px;margin-bottom:10px;color:#fff}.upgrade-card p{font-size:12px;color:#64748b;line-height:1.5}.menu-card{background:#0f172a;padding:40px;border-radius:30px;border:1px solid #1e293b;text-align:center}.main-button{width:100%;padding:15px;background:#00f2ff;color:#020617;border:none;border-radius:10px;font-size:18px;font-weight:900;cursor:pointer}.guide{margin-top:20px;font-size:12px;color:#475569}
