/* Fleet battle animation overlay */
.fb-overlay{position:fixed;inset:0;z-index:9999;background:linear-gradient(135deg,#0a0a1a 0%,#0d1117 50%,#0a0a1a 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:'Share Tech Mono',monospace;color:#c8d6e5;overflow:hidden}
.fb-overlay::before{content:'';position:absolute;inset:0;background:radial-gradient(1px 1px at 20% 30%,#fff3,transparent),radial-gradient(1px 1px at 80% 70%,#fff2,transparent),radial-gradient(1px 1px at 50% 50%,#fff1,transparent);background-size:200px 200px;animation:fb-stars 60s linear infinite}
@keyframes fb-stars{to{background-position:200px 200px}}
.fb-close{position:absolute;top:16px;right:20px;font-size:28px;color:var(--textsoft);cursor:pointer;z-index:10;transition:color 0.2s}
.fb-close:hover{color:var(--textbright)}
.fb-stage{width:94%;max-width:620px;z-index:1}
.fb-phase{text-align:center;width:100%;opacity:0;animation:fb-fadeIn .6s ease forwards}
@keyframes fb-fadeIn{to{opacity:1}}
.fb-phase-title{font-family:'Orbitron',monospace;font-size:22px;font-weight:900;text-transform:uppercase;letter-spacing:4px;color:var(--gold);margin-bottom:8px;text-shadow:0 0 20px rgba(240,192,64,0.4)}
.fb-phase-rp{font-family:'Rajdhani',sans-serif;font-size:17px;font-style:italic;color:var(--textsoft);margin-bottom:18px;line-height:1.5}
.fb-ships{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:14px 0}
.fb-ship{font-size:28px;transition:opacity .4s,transform .4s}
.fb-ship.destroyed{opacity:0;transform:scale(0) rotate(180deg)}
.fb-fire{display:flex;gap:6px;justify-content:center;margin:12px 0}
.fb-laser{width:3px;height:40px;background:linear-gradient(to bottom,#f39c12,#e74c3c);animation:fb-shoot .3s ease-out;border-radius:2px}
@keyframes fb-shoot{from{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}
.fb-shield{width:140px;height:140px;border-radius:50%;border:4px solid #3498db;margin:16px auto;position:relative;display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px #3498db44}
.fb-shield-hp{font-size:16px;font-weight:700;color:#3498db}
.fb-shield.broken{animation:fb-shieldBreak .6s ease forwards}
@keyframes fb-shieldBreak{50%{border-color:#e74c3c;box-shadow:0 0 40px #e74c3c88}to{opacity:0;transform:scale(1.5)}}
.fb-shield.held{border-color:#2ecc71;box-shadow:0 0 30px #2ecc7144}
.fb-ratio{display:flex;align-items:center;gap:12px;margin:16px auto;width:90%;max-width:460px}
.fb-ratio-bar{flex:1;height:12px;background:#1a1a2e;border-radius:6px;overflow:hidden;display:flex}
.fb-ratio-atk{background:linear-gradient(90deg,#e74c3c,#f39c12);height:100%;transition:width .5s}
.fb-ratio-def{background:linear-gradient(90deg,#27ae60,#2ecc71);height:100%;transition:width .5s}
.fb-stat{font-size:16px;font-weight:700;white-space:nowrap}
.fb-losses{font-size:16px;color:var(--danger);margin:8px 0;line-height:1.5}
.fb-banner{font-family:'Orbitron',monospace;font-size:32px;font-weight:900;letter-spacing:6px;margin:20px 0;text-shadow:0 0 30px currentColor}
.fb-banner.victory{color:#2ecc71}
.fb-banner.defeat{color:#e74c3c}
.fb-stats{font-size:16px;color:var(--textsoft);margin:10px 0;line-height:1.5}
.fb-next{margin-top:20px;padding:14px 36px;background:rgba(240,192,64,0.1);border:1px solid var(--gold);color:var(--gold);cursor:pointer;font-family:'Orbitron',monospace;font-size:15px;font-weight:700;letter-spacing:2px;border-radius:8px;transition:all 0.2s}
.fb-next:hover{background:rgba(240,192,64,0.22);box-shadow:0 0 16px rgba(240,192,64,0.3);transform:translateY(-1px)}
.fb-btn{margin-top:20px;padding:14px 36px;background:none;border:1px solid var(--gold);color:var(--gold);cursor:pointer;font-family:'Orbitron',monospace;font-size:15px;font-weight:700;letter-spacing:2px;border-radius:8px;transition:all 0.2s}
.fb-btn:hover{background:rgba(240,192,64,0.15);transform:translateY(-1px)}
.fb-detail-row{display:flex;align-items:center;justify-content:center;gap:12px;font-size:16px;margin:8px 0;line-height:1.5}

/* Fleet drag & drop zone */
.atk-drop-zone {
  border:2px dashed rgba(var(--accent-rgb),0.25); border-radius:10px;
  padding:10px; margin-bottom:10px; min-height:44px;
  display:flex; flex-wrap:wrap; gap:6px; align-items:center; justify-content:center;
  transition:all 0.2s; background:rgba(var(--accent-rgb),0.02);
}
.atk-drop-zone.atk-drop-hover {
  border-color:var(--accent); background:rgba(var(--accent-rgb),0.08);
  box-shadow:0 0 16px rgba(var(--accent-rgb),0.2);
}
.atk-drop-hint { font-family:'Share Tech Mono',monospace; font-size:11px; color:var(--textsoft); opacity:0.5; }
.atk-drop-chip {
  display:inline-flex; align-items:center; gap:3px;
  padding:3px 8px; border-radius:5px; font-size:11px;
  background:rgba(var(--accent-rgb),0.12); border:1px solid rgba(var(--accent-rgb),0.3);
  color:var(--accent); font-family:'Share Tech Mono',monospace;
}
.atk-unit-row[draggable="true"] { cursor:grab; }
.atk-unit-row[draggable="true"]:active { cursor:grabbing; opacity:0.7; }