@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Rajdhani:wght@300;400;500;600;700&display=swap";:root{--bg: #000000;--bg-card: #0a0a14;--bg-card-hover: #0f0f1e;--border: #1a1a2e;--border-glow: #00ffff33;--cyan: #00ffff;--magenta: #ff00ff;--lime: #00ff41;--orange: #ff8800;--electric: #4488ff;--red: #ff2244;--yellow: #ffdd00;--text: #e0e0e0;--text-dim: #666688;--text-bright: #ffffff;--font-display: "Orbitron", monospace;--font-body: "Rajdhani", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font-body)}.glow-cyan{text-shadow:0 0 8px var(--cyan),0 0 20px var(--cyan);color:var(--cyan)}.glow-magenta{text-shadow:0 0 8px var(--magenta),0 0 20px var(--magenta);color:var(--magenta)}.glow-lime{text-shadow:0 0 8px var(--lime),0 0 20px var(--lime);color:var(--lime)}.glow-orange{text-shadow:0 0 8px var(--orange),0 0 20px var(--orange);color:var(--orange)}.glow-red{text-shadow:0 0 8px var(--red),0 0 20px var(--red);color:var(--red)}.leaflet-container{background:#000!important;height:100%;width:100%}.leaflet-tile-pane{filter:saturate(.3) brightness(.3) contrast(1.2)}.leaflet-control-zoom a{background:var(--bg-card)!important;color:var(--cyan)!important;border-color:var(--border)!important}.leaflet-control-attribution{display:none!important}.app-container{display:flex;flex-direction:column;height:100vh;width:100vw}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:linear-gradient(180deg,#0a0a1aee,#0008);border-bottom:1px solid var(--border);z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.top-bar .logo{font-family:var(--font-display);font-size:14px;font-weight:900;letter-spacing:2px;background:linear-gradient(90deg,var(--cyan),var(--magenta));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.top-bar .resources{display:flex;gap:14px;font-size:13px;font-weight:600}.top-bar .gold{color:var(--yellow)}.top-bar .cores{color:var(--magenta)}.top-bar .level{color:var(--cyan)}.map-area{flex:1;position:relative;overflow:hidden}.bottom-nav-container{background:linear-gradient(0deg,#0a0a1aee,#0008);border-top:1px solid var(--border);z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bottom-nav{display:flex;justify-content:space-around;padding:6px 0 2px}.nav-btn{display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:none;color:var(--text-dim);font-family:var(--font-body);font-size:10px;font-weight:600;padding:4px 12px;cursor:pointer;transition:all .2s;letter-spacing:.5px;text-transform:uppercase;position:relative}.nav-btn.active{color:var(--cyan)}.nav-btn.nav-page-btn{color:var(--text-dim);opacity:.7}.nav-btn svg,.nav-btn .icon{font-size:20px;margin-bottom:1px}.panel-overlay{position:absolute;bottom:0;left:0;right:0;max-height:70vh;background:linear-gradient(180deg,#0a0a14f8,#000000f8);border-top:1px solid var(--border);border-radius:16px 16px 0 0;z-index:900;overflow-y:auto;animation:slideUp .25s ease-out;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 8px;position:sticky;top:0;background:#0a0a14f8;z-index:1}.panel-header h2{font-family:var(--font-display);font-size:14px;font-weight:700;letter-spacing:1.5px;color:var(--cyan)}.panel-close{background:none;border:1px solid var(--border);color:var(--text-dim);width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .2s}.panel-close:hover{border-color:var(--red);color:var(--red)}.panel-content{padding:8px 16px 20px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:12px;margin-bottom:8px;transition:all .2s}.card:hover{background:var(--bg-card-hover);border-color:var(--border-glow)}.card-title{font-family:var(--font-display);font-size:12px;font-weight:700;letter-spacing:1px;margin-bottom:6px}.card-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:4px;font-size:12px}.stat{display:flex;justify-content:space-between;padding:2px 0}.stat-label{color:var(--text-dim);text-transform:uppercase;font-size:10px;letter-spacing:.5px}.stat-value{font-weight:700}.btn{font-family:var(--font-body);font-weight:700;font-size:12px;letter-spacing:1px;text-transform:uppercase;padding:8px 16px;border-radius:6px;cursor:pointer;transition:all .2s;border:1px solid}.btn-cyan{background:#00ffff15;color:var(--cyan);border-color:var(--cyan)}.btn-cyan:hover{background:#00ffff25;box-shadow:0 0 12px #0ff4}.btn-magenta{background:#ff00ff15;color:var(--magenta);border-color:var(--magenta)}.btn-magenta:hover{background:#ff00ff25;box-shadow:0 0 12px #f0f4}.btn-lime{background:#00ff4115;color:var(--lime);border-color:var(--lime)}.btn-red{background:#ff224415;color:var(--red);border-color:var(--red)}.btn-orange{background:#ff880015;color:var(--orange);border-color:var(--orange)}.btn-sm{padding:4px 10px;font-size:10px}.btn:disabled{opacity:.3;cursor:not-allowed}.btn-row{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.hp-bar-container{width:100%;height:6px;background:#1a1a2e;border-radius:3px;margin:4px 0;overflow:hidden}.hp-bar{height:100%;border-radius:3px;transition:width .3s}.hp-bar.green{background:linear-gradient(90deg,#00ff41,#0c3)}.hp-bar.yellow{background:linear-gradient(90deg,#fd0,#f80)}.hp-bar.red{background:linear-gradient(90deg,#f44,#f24)}.ship-marker{width:12px;height:12px;border-radius:50%;border:2px solid;animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 4px currentColor}50%{box-shadow:0 0 12px currentColor,0 0 24px currentColor}}.tower-marker{width:20px;height:20px;position:relative}.tower-marker:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid;transform:rotate(45deg);animation:towerPulse 3s infinite}@keyframes towerPulse{0%,to{box-shadow:0 0 6px currentColor}50%{box-shadow:0 0 16px currentColor,0 0 32px currentColor}}.mine-marker{width:8px;height:8px;border-radius:50%;background:var(--red);border:1px solid var(--yellow);animation:mineBlink 1.5s infinite}@keyframes mineBlink{0%,to{opacity:1}50%{opacity:.4}}.toast{position:fixed;top:50px;left:50%;transform:translate(-50%);background:var(--bg-card);border:1px solid var(--cyan);padding:10px 20px;border-radius:8px;z-index:2000;font-size:13px;font-weight:600;animation:toastIn .3s ease-out;box-shadow:0 0 20px #0ff3}.toast.error{border-color:var(--red);box-shadow:0 0 20px #f243}.toast.success{border-color:var(--lime);box-shadow:0 0 20px #00ff4133}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.attack-result{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000c;z-index:2000;animation:fadeIn .2s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.attack-result-card{background:var(--bg-card);border:1px solid var(--cyan);border-radius:12px;padding:24px;max-width:320px;width:90%;text-align:center}.attack-result-card h3{font-family:var(--font-display);font-size:18px;margin-bottom:12px}.spinner{width:24px;height:24px;border:2px solid var(--border);border-top-color:var(--cyan);border-radius:50%;animation:spin .8s linear infinite;margin:20px auto}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.log-entry{padding:8px;border-left:2px solid;margin-bottom:6px;font-size:12px;background:#0a0a1488;border-radius:0 6px 6px 0}.log-entry.win{border-color:var(--lime)}.log-entry.loss{border-color:var(--red)}.log-entry.draw{border-color:var(--yellow)}.ship-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ship-option{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:12px;cursor:pointer;transition:all .2s;text-align:center}.ship-option:hover{border-color:var(--border-glow);background:var(--bg-card-hover)}.ship-option .type-name{font-family:var(--font-display);font-size:11px;font-weight:700;margin-bottom:4px;letter-spacing:1px}.ship-option .cost{color:var(--yellow);font-weight:700;font-size:12px}.grave-entry{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border:1px solid var(--border);border-radius:8px;margin-bottom:6px;background:#0a0a14}.grave-info{flex:1}.grave-ship-name{font-weight:700;font-size:13px}.grave-details{font-size:11px;color:var(--text-dim);margin-top:2px}.empty-state{text-align:center;padding:30px;color:var(--text-dim);font-size:13px}