/* WiK Codex — Alliance Duel context panel styles (Phase 3).
   Additive page-only styles matching the estimator's dark look. */

.duel-context {
  margin-top: 1.2rem;
  border: 1px solid rgba(242, 242, 242, .1);
  border-radius: 12px;
  padding: 1rem 1.1rem 1.15rem;
  background: rgba(242, 242, 242, .03);
}
.duel-context[hidden] { display: none; }
.duel-context-title {
  font-size: .95rem;
  font-weight: 600;
  color: #F3D27A;
  letter-spacing: .02em;
}
.duel-context-controls {
  display: grid;
  grid-template-columns: 1fr;
  gap: .7rem;
  margin-top: .8rem;
}
@media (min-width: 560px) {
  .duel-context-controls { grid-template-columns: 1fr 1fr auto; align-items: end; }
}
.duel-context-field label {
  display: block;
  font-size: .62rem;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(200, 200, 196, .72);
  margin-bottom: .3rem;
}
.duel-context-field input {
  width: 100%;
  background: rgba(242, 242, 242, .05);
  border: 1px solid rgba(242, 242, 242, .14);
  border-radius: 9px;
  color: #F2F2F2;
  padding: .65rem .8rem;
  font-size: .9rem;
}
.duel-context-field input:focus {
  outline: 2px solid #D6AA4F;
  outline-offset: 1px;
  border-color: transparent;
}
.duel-context-load {
  background: #D6AA4F;
  color: #141210;
  border: none;
  border-radius: 9px;
  padding: .65rem 1.4rem;
  font-weight: 600;
  font-size: .85rem;
  cursor: pointer;
}
.duel-context-load:disabled { opacity: .55; cursor: wait; }
.duel-context-hint {
  margin-top: .7rem;
  font-size: .72rem;
  color: rgba(200, 200, 196, .55);
}
.duel-context-error {
  margin-top: .7rem;
  font-size: .8rem;
  color: #D98E5B;
}
.duel-context-error[hidden] { display: none; }
.duel-context-panel { margin-top: 1rem; }
.duel-context-panel[hidden] { display: none; }
.duel-context-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: .8rem;
}
@media (min-width: 560px) {
  .duel-context-grid { grid-template-columns: 1fr 1fr; }
}
.duel-context-side {
  border: 1px solid rgba(214, 170, 79, .25);
  border-radius: 12px;
  background: rgba(214, 170, 79, .05);
  padding: .85rem .95rem;
}
.duel-context-side[data-duel-context-side="ours"] { border-color: rgba(214, 170, 79, .45); }
.duel-side-head {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: .6rem;
  margin-bottom: .5rem;
}
.duel-side-label {
  font-size: .6rem;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: rgba(200, 200, 196, .72);
}
.duel-side-name { font-size: .95rem; font-weight: 600; color: #F3D27A; }
.duel-side-stats { border-top: 1px solid rgba(242, 242, 242, .1); }
.duel-side-stat {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: .45rem 0;
  border-bottom: 1px solid rgba(242, 242, 242, .07);
  font-size: .82rem;
}
.duel-side-stat:last-child { border-bottom: none; }
.duel-side-stat .k { color: rgba(200, 200, 196, .75); }
.duel-side-stat .v { font-variant-numeric: tabular-nums; font-weight: 600; }
.duel-side-top {
  list-style: none;
  margin-top: .55rem;
}
.duel-side-top-label {
  font-size: .6rem;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: rgba(200, 200, 196, .72);
  margin-bottom: .25rem;
}
.duel-side-top li {
  display: flex;
  justify-content: space-between;
  gap: .6rem;
  padding: .32rem 0;
  font-size: .78rem;
}
.duel-side-top .w-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.duel-side-top .w-value { font-variant-numeric: tabular-nums; font-weight: 600; }