/* ============================================================================
 * VOIDWING ULTRA // 苍穹战翼·超限版 — 战术扩展样式表
 * ============================================================================ */

/* --- 局内实时遥测与辅助栏 (In-Combat Telemetry Bar) --- */
.uw-combat-hud {
  position: absolute;
  top: 52px;
  left: 10px;
  right: 114px;
  z-index: 35;
  pointer-events: none;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
}

.uw-combat-pills {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  pointer-events: auto;
}

.uw-dps-badge {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  padding: 3px 7px;
  border: 1px solid rgba(255, 216, 115, 0.38);
  border-radius: 3px;
  background: rgba(11, 27, 37, 0.84);
  color: #d9ece8;
  font-size: 10px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

.uw-dps-badge b {
  color: #ffe278;
  font-weight: 700;
}

.uw-dps-badge small {
  color: #8fb8be;
  font-size: 9px;
}

.uw-pill-btn {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  padding: 3px 6px;
  border: 1px solid rgba(145, 196, 204, 0.34);
  border-radius: 3px;
  background: rgba(14, 34, 46, 0.84);
  color: #c5dfe2;
  font-size: 10px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.12s;
}

.uw-pill-btn kbd {
  padding: 0 3px;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.1);
  color: #9fd4dc;
  font-size: 8.5px;
  font-family: ui-monospace, monospace;
}

.uw-pill-btn.active {
  border-color: #67f3d4;
  background: rgba(20, 72, 68, 0.92);
  color: #dcfff6;
  box-shadow: 0 0 10px rgba(103, 243, 212, 0.28);
}

.uw-pill-btn.speed-mod {
  border-color: #ffcf6e;
  background: rgba(68, 52, 20, 0.9);
  color: #ffe9ad;
}

/* --- 武器输出统计面板 (Weapon Damage Breakdown) --- */
.uw-dmg-panel {
  margin-top: 8px;
  padding: 10px 12px;
  border: 1px solid rgba(145, 200, 205, 0.28);
  border-radius: 3px;
  background: rgba(12, 29, 39, 0.72);
  text-align: left;
}

.uw-dmg-panel.compact {
  margin: 6px 0;
  padding: 7px 9px;
}

.uw-dmg-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 7px;
  font-size: 11px;
}

.uw-dmg-header strong {
  color: #ffe484;
}

.uw-dmg-header span {
  color: #9ec4c9;
  font-size: 10px;
  font-family: ui-monospace, monospace;
}

.uw-dmg-list {
  display: grid;
  gap: 5px;
}

.uw-dmg-row {
  display: grid;
  gap: 2px;
}

.uw-dmg-meta {
  display: flex;
  justify-content: space-between;
  font-size: 10px;
  color: #d2e6e4;
}

.uw-dmg-meta b {
  font-family: ui-monospace, monospace;
  color: #f2f8f5;
  font-weight: 600;
}

.uw-dmg-bar {
  height: 5px;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.08);
  overflow: hidden;
}

.uw-dmg-bar i {
  display: block;
  height: 100%;
  border-radius: 2px;
}

/* --- 升级选卡界面：进化追踪条 (Draft Evolution Tracker) --- */
.uw-draft-evo-strip {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 6px 0 4px;
  padding: 5px 8px;
  border: 1px solid rgba(146, 206, 214, 0.25);
  border-radius: 3px;
  background: rgba(11, 28, 38, 0.78);
  overflow-x: auto;
}

.uw-draft-evo-label {
  flex: 0 0 auto;
  font-size: 10px;
  font-weight: 700;
  color: #ffe27c;
}

.uw-draft-evo-items {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: nowrap;
}

.uw-evo-pill {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 2px 6px;
  border: 1px solid rgba(146, 198, 206, 0.3);
  border-radius: 2px;
  background: rgba(20, 46, 58, 0.75);
  font-size: 10px;
  color: #cce4e6;
}

.uw-evo-pill small {
  color: #94b8be;
  font-size: 9px;
}

.uw-evo-pill.is-ready {
  border-color: #ffe276;
  background: rgba(78, 64, 22, 0.88);
  color: #fff3bd;
  box-shadow: 0 0 8px rgba(255, 226, 118, 0.35);
}

.uw-evo-pill.is-done {
  border-color: #6ef7d2;
  background: rgba(20, 68, 62, 0.85);
  color: #c8fff0;
}

/* --- 图鉴：11大武器进化合成表 (Evolution Codex Tab) --- */
.uw-evo-codex {
  display: grid;
  gap: 12px;
  padding: 4px 2px 14px;
}

.uw-codex-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
  padding: 10px 12px;
  border: 1px solid rgba(148, 208, 214, 0.3);
  border-radius: 3px;
  background: linear-gradient(135deg, rgba(20, 48, 62, 0.78), rgba(12, 30, 42, 0.86));
}

.uw-codex-banner h3 {
  margin: 0;
  font-size: 14px;
  color: #ffe484;
}

.uw-codex-banner p {
  margin: 3px 0 0;
  font-size: 11px;
  color: #a6c8cd;
}

.uw-evo-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 8px;
}

.uw-evo-card {
  display: flex;
  flex-direction: column;
  gap: 7px;
  padding: 10px;
  border: 1px solid rgba(145, 196, 204, 0.26);
  border-radius: 3px;
  background: rgba(15, 36, 48, 0.72);
}

.uw-evo-card.evolved {
  border-color: #6ef7d2;
  background: linear-gradient(145deg, rgba(20, 62, 58, 0.82), rgba(14, 36, 48, 0.88));
}

.uw-evo-card header {
  display: flex;
  align-items: center;
  gap: 6px;
}

.uw-evo-index {
  padding: 1px 5px;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.08);
  color: #92b8be;
  font-size: 9px;
  font-family: ui-monospace, monospace;
}

.uw-evo-card h4 {
  margin: 0;
  flex: 1;
  font-size: 13px;
  color: #f3faf8;
}

.uw-evo-status {
  font-size: 9.5px;
  color: #9fc4ca;
}

.uw-evo-status.active {
  color: #72faca;
  font-weight: 700;
}

.uw-evo-recipe {
  display: flex;
  align-items: center;
  gap: 6px;
}

.uw-evo-ingredient {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 5px 7px;
  border: 1px solid rgba(148, 198, 204, 0.24);
  border-radius: 2px;
  background: rgba(9, 23, 32, 0.65);
}

.uw-evo-ingredient.met {
  border-color: rgba(114, 250, 202, 0.6);
  background: rgba(20, 60, 56, 0.65);
}

.uw-evo-ingredient strong {
  font-size: 11px;
  color: #e4f4f2;
}

.uw-evo-ingredient small {
  font-size: 9.5px;
  color: #93b8be;
}

.uw-evo-plus {
  color: #ffe276;
  font-weight: 700;
}

.uw-evo-desc {
  margin: 0;
  font-size: 11px;
  line-height: 1.4;
  color: #b4d2d6;
}

/* --- 图鉴：战绩殿堂与王牌积分榜 (Hall of Fame Tab) --- */
.uw-hall-of-fame {
  display: grid;
  gap: 12px;
  padding: 4px 2px 16px;
}

.uw-hof-hero {
  padding: 12px 14px;
  border: 1px solid rgba(255, 220, 118, 0.4);
  border-radius: 3px;
  background: linear-gradient(135deg, rgba(46, 56, 42, 0.72), rgba(16, 38, 50, 0.88));
}

.uw-hof-kicker {
  font-size: 9.5px;
  letter-spacing: 0.08em;
  color: #ffe27c;
  font-family: ui-monospace, monospace;
}

.uw-hof-hero h3 {
  margin: 4px 0;
  font-size: 16px;
  color: #ffffff;
}

.uw-hof-hero p {
  margin: 0;
  font-size: 11px;
  color: #b4d4d8;
}

.uw-hof-stats-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.uw-hof-stat-card {
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding: 8px 10px;
  border: 1px solid rgba(145, 198, 204, 0.25);
  border-radius: 3px;
  background: rgba(14, 34, 46, 0.7);
}

.uw-hof-stat-card small {
  font-size: 10px;
  color: #93b8be;
}

.uw-hof-stat-card strong {
  font-size: 13px;
  color: #f0faf8;
  font-family: ui-monospace, monospace;
}

.uw-hof-section-title {
  margin: 4px 0 0;
  font-size: 12px;
  color: #ffe27c;
}

.uw-hof-ships {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.uw-hof-ship-card {
  padding: 7px 9px;
  border: 1px solid rgba(145, 198, 204, 0.26);
  border-radius: 3px;
  background: rgba(15, 36, 48, 0.72);
}

.uw-hof-ship-card.locked {
  opacity: 0.55;
}

.uw-hof-ship-head {
  display: flex;
  justify-content: space-between;
  font-size: 11px;
}

.uw-hof-ship-card small {
  display: block;
  margin: 2px 0 5px;
  font-size: 9.5px;
  color: #93b8be;
}

.uw-hof-ship-bar {
  height: 4px;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.1);
  overflow: hidden;
}

.uw-hof-ship-bar i {
  display: block;
  height: 100%;
}

.uw-hof-leaderboard {
  display: grid;
  gap: 5px;
}

.uw-hof-row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border: 1px solid rgba(145, 198, 204, 0.22);
  border-radius: 3px;
  background: rgba(13, 31, 42, 0.72);
}

.uw-hof-row.is-player {
  border-color: #ffe276;
  background: linear-gradient(135deg, rgba(64, 72, 34, 0.78), rgba(20, 48, 60, 0.88));
}

.uw-hof-rank {
  width: 28px;
  font-family: ui-monospace, monospace;
  font-weight: 700;
  color: #ffe27c;
  font-size: 12px;
}

.uw-hof-pilot {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.uw-hof-pilot strong {
  font-size: 12px;
  color: #f2faf8;
}

.uw-hof-pilot small {
  font-size: 10px;
  color: #96bbc0;
}

.uw-hof-score {
  text-align: right;
  display: flex;
  flex-direction: column;
}

.uw-hof-score b {
  font-family: ui-monospace, monospace;
  font-size: 12px;
  color: #7ef9ff;
}

.uw-hof-score small {
  font-size: 9.5px;
  color: #93b8be;
}

@media (max-width: 520px) {
  .uw-hof-stats-grid,
  .uw-hof-ships {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}