.alliance-live-wars { border-color: #337e8e; }
.alliance-live-wars .alliance-section-head p:not(.eyebrow) { margin: 6px 0 0; color: #a8c6d3; }
.alliance-live-wars .alliance-section-head > span { border-color: #3b8c93; background: #0d3744; color: #8df9e9; }
.alliance-live-wars-list { display: grid; gap: 8px; }
.alliance-live-wars-list > .alliance-muted { margin: 0; padding: 16px; border: 1px solid #28566a; background: #061725; }
.alliance-live-wars-list article {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) 104px;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  border: 1px solid #285a6b;
  background: linear-gradient(100deg, #071c2c, #091525);
}
.alliance-live-wars-list article.your-war { border-color: #72e6d7; box-shadow: inset 3px 0 #72e6d7; }
.live-war-team { min-width: 0; }
.live-war-team.right { text-align: right; }
.live-war-team small, .live-war-team strong { display: block; }
.live-war-team small { color: #8ac8d2; font: 700 .54rem Orbitron, sans-serif; }
.live-war-team strong { margin-top: 4px; color: #e8fffc; font: 700 .78rem Orbitron, sans-serif; overflow-wrap: anywhere; }
.live-war-score { text-align: center; white-space: nowrap; }
.live-war-score b { color: #86f9e6; font: 700 1rem Orbitron, sans-serif; }
.live-war-score i { padding: 0 4px; color: #e8c889; font-style: normal; }
.live-war-score small { display: block; margin-top: 4px; color: #86b5c4; font: 700 .43rem Orbitron, sans-serif; letter-spacing: .08em; }
.alliance-live-wars-list time { color: #b0cbd4; font: 700 .57rem Orbitron, sans-serif; text-align: right; white-space: nowrap; }
@media (max-width: 650px) {
  .alliance-live-wars-list article { grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); gap: 8px; padding: 12px; }
  .live-war-team strong { font-size: .64rem; }
  .live-war-score b { font-size: .72rem; }
  .live-war-score i { padding: 0 2px; }
  .alliance-live-wars-list time { grid-column: 1 / -1; text-align: center; }
}

.war-reward-preview {
  border-color: #6a9eac;
  background: linear-gradient(135deg, #0b2533, #101a32);
}

.war-match-search .alliance-section-head p:not(.eyebrow) {
  max-width: 820px;
  line-height: 1.5;
}

.war-search-status {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  padding: 14px;
  border: 1px solid #397b89;
  background: #082333;
}

.war-search-status strong { color: #7cf7e7; font: 700 .72rem Orbitron, sans-serif; }
.war-search-status small { flex: 1 1 240px; color: #b3ccd6; line-height: 1.4; }
.war-search-status button { margin-left: auto; border-color: #bc8490; color: #ffd9df; background: #351b2c; }

@media (max-width: 650px) {
  .war-search-status button { width: 100%; margin-left: 0; }
}

.war-reward-action {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  text-align: center;
}

.war-reward-action button {
  width: min(100%, 300px);
  margin: 0;
  padding: 10px 12px;
  border: 1px solid #6ceadf;
  background: #0d4555;
  color: #ecfffc;
  font: 700 .62rem Orbitron, sans-serif;
  cursor: pointer;
}

.war-reward-action button:hover,
.war-reward-action button:focus-visible {
  background: #156575;
  box-shadow: 0 0 18px #56eadb66;
}

.war-reward-action small { color: #a7cbd6; }

.war-reward-dialog {
  position: fixed;
  inset: 0;
  width: min(900px, calc(100vw - 24px));
  max-width: none;
  max-height: min(90dvh, 820px);
  margin: auto;
  padding: 0;
  overflow-y: auto;
  border: 1px solid #70e9dc;
  background: #071726;
  color: #eaffff;
  box-shadow: 0 25px 90px #000c;
}

.war-reward-dialog::backdrop { background: rgba(1, 7, 17, .82); }
.war-reward-dialog .war-reward-preview { border: 0; padding: 26px; }

.war-reward-close {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1;
  width: 34px;
  height: 34px;
  margin: 0;
  padding: 0;
  border: 1px solid #6894a3;
  background: #0b2a3c;
  color: #eaffff;
  font: 700 1.25rem Arial, sans-serif;
  cursor: pointer;
}

.war-reward-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.war-reward-card {
  min-width: 0;
  padding: 16px;
  border: 1px solid #316779;
  background: #071725;
}

.war-reward-card.win { border-color: #59d8ad; }
.war-reward-card.draw { border-color: #e3bd6a; }
.war-reward-card.loss { border-color: #b8798b; }

.war-reward-card h3 {
  margin: 0 0 14px;
  color: #e9ffff;
  font: 700 .72rem Orbitron, sans-serif;
  letter-spacing: .12em;
}

.war-reward-card > div:not(.war-reward-cache) {
  margin-top: 10px;
}

.war-reward-card strong,
.war-reward-card small,
.war-reward-cache span {
  display: block;
}

.war-reward-card strong {
  color: #8ff9e7;
  font: 700 clamp(.72rem, 1.3vw, 1rem) Orbitron, sans-serif;
  overflow-wrap: anywhere;
}

.war-reward-card small,
.war-reward-cache span {
  margin-top: 3px;
  color: #a7c3d0;
  font-size: .78rem;
}

.war-reward-cache {
  margin-top: 15px;
  padding-top: 12px;
  border-top: 1px solid #2a5162;
}

.war-reward-cache span {
  margin: 0 0 7px;
  color: #e7cb92;
  font: 700 .54rem Orbitron, sans-serif;
  letter-spacing: .06em;
}

.war-reward-note {
  margin: 12px 0 0;
  color: #b6d1dc;
  font-size: .9rem;
  line-height: 1.45;
}

@media (max-width: 760px) {
  .war-reward-grid { grid-template-columns: 1fr; }
  .war-reward-card { padding: 13px; }
  .war-reward-dialog .war-reward-preview { padding: 54px 14px 14px; }
}
.alliance-ranking-board > .alliance-ranking-help {
  margin: 0 20px 16px;
  color: #aac7d3;
  line-height: 1.5;
}
.alliance-ranking-columns,
.alliance-ranking-board-list article {
  grid-template-columns: 70px 66px minmax(0, 1fr) 110px 120px;
}
.alliance-ranking-columns span:nth-last-child(-n+2) { text-align: right; }
.alliance-ranking-record {
  color: #d5f5ef;
  font: 800 .78rem Orbitron, sans-serif;
  text-align: right;
  white-space: nowrap;
}
@media (max-width: 650px) {
  .alliance-ranking-board > .alliance-ranking-help { margin: 0 14px 14px; }
  .alliance-ranking-columns,
  .alliance-ranking-board-list article {
    grid-template-columns: 32px 36px minmax(0, 1fr) 64px 64px;
    gap: 6px;
  }
  .alliance-ranking-record { font-size: .57rem; }
}
