/* ═══════════════════════════════════════
   Opérations en direct — page /operations.html
   ═══════════════════════════════════════ */
.ops{position:relative;z-index:3;padding:110px clamp(16px,3vw,32px) 70px;max-width:1100px;margin-inline:auto}
.ops__head{text-align:center;margin-bottom:clamp(26px,4vw,42px)}
.ops__head .lead{margin-inline:auto}

.ops__live{
  display:inline-flex;align-items:center;gap:9px;margin:10px 0 0;
  font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--steel);padding:7px 14px;border:1px solid rgba(74,222,128,.25);background:rgba(74,222,128,.05);
}
.ops__live i{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 0 rgba(74,222,128,.6);
  animation:ops-pulse 2s infinite}
.ops__live.is-off{border-color:rgba(255,90,60,.3);background:rgba(255,90,60,.06)}
.ops__live.is-off i{background:var(--crit);animation:none}
@keyframes ops-pulse{0%{box-shadow:0 0 0 0 rgba(74,222,128,.55)}70%{box-shadow:0 0 0 9px rgba(74,222,128,0)}100%{box-shadow:0 0 0 0 rgba(74,222,128,0)}}
@media (prefers-reduced-motion:reduce){.ops__live i{animation:none}}

.ops__list{display:grid;gap:18px}
.ops__state{
  text-align:center;padding:60px 20px;margin:0;
  font-family:'JetBrains Mono',monospace;font-size:13px;line-height:2;
  color:var(--steel);border:1px dashed rgba(84,173,247,.25);
}
.ops__past{margin-top:48px}
.ops__past .op-card{opacity:.72}
.ops__sub{
  font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:400;letter-spacing:.18em;
  text-transform:uppercase;color:var(--steel);margin:0 0 14px;
}
.ops__cta{text-align:center;margin:44px 0 0}

/* ─── Carte d'opération ─── */
.op-card{
  position:relative;padding:clamp(18px,3vw,28px);
  background:linear-gradient(135deg,color-mix(in srgb,var(--c) 9%,transparent),rgba(255,255,255,.02) 55%);
  border:1px solid rgba(255,255,255,.08);border-left:3px solid var(--c);
  clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px));
  scroll-margin-top:96px;transition:border-color .4s var(--ease);
}
.op-card.is-target{border-color:var(--c);box-shadow:0 0 0 1px var(--c)}
.op-card[data-status="annule"] .op-card__title{text-decoration:line-through;text-decoration-color:var(--crit)}

.op-card__status{
  font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--s);
}
.op-card[data-status="encours"] .op-card__status::before{
  content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--s);
  margin-right:8px;vertical-align:1px;animation:ops-pulse 2s infinite;
}
.op-card__title{
  font-family:'Bai Jamjuree',sans-serif;font-weight:600;font-size:clamp(1.3rem,3.2vw,1.75rem);
  letter-spacing:-.015em;margin:6px 0 8px;overflow-wrap:anywhere;
}
.op-card__meta{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0;color:var(--steel);font-size:.95rem}
.op-card__meta span:first-child::first-letter{text-transform:uppercase}
.op-card__divs{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0 0}
.op-card__divs span{
  font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.14em;padding:3px 9px;
  color:var(--c);border:1px solid color-mix(in srgb,var(--c) 45%,transparent);
  background:color-mix(in srgb,var(--c) 10%,transparent);
}
.op-card__brief{
  margin:16px 0 0;padding:12px 14px;color:var(--txt);opacity:.86;font-size:.95rem;line-height:1.65;
  background:rgba(0,0,0,.25);border-left:2px solid rgba(255,255,255,.12);white-space:pre-line;
}

.op-card__roster{margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.07)}
.op-card__counts{margin:0 0 12px;color:var(--steel);font-size:.92rem}
.op-card__counts b{color:var(--txt);font-family:'JetBrains Mono',monospace;font-weight:700}
.op-card__empty{margin:0;color:var(--steel);opacity:.75;font-style:italic}
.op-card__h{
  font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:400;letter-spacing:.18em;
  text-transform:uppercase;color:var(--steel);margin:16px 0 8px;
}
.op-card__crew{
  list-style:none;margin:0;padding:0;display:grid;gap:8px;
  grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));
}
.op-card__maybe{margin:0;color:var(--steel);font-size:.92rem}

/* ─── Un participant ─── */
.who{
  display:flex;align-items:center;gap:11px;padding:8px 10px;min-width:0;
  background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-left:2px solid var(--c);
}
.who__av{width:44px;height:44px;flex:none;object-fit:cover;background:#08151f;
  clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}
.who__av--ini{display:grid;place-items:center;font-family:'Bai Jamjuree',sans-serif;font-weight:700;font-size:15px;
  color:var(--c);background:color-mix(in srgb,var(--c) 18%,#08151f)}
.who__txt{display:grid;min-width:0;line-height:1.35}
.who__txt b{font-weight:600;font-size:.98rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.who__txt small{color:var(--steel);font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.who__div{color:var(--c);font-family:'JetBrains Mono',monospace;font-size:.72rem;letter-spacing:.08em}
.who__ship{font-size:.8rem;color:var(--txt);opacity:.85;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.who--guest{--c:#8b93a7;background:transparent;border-style:dashed;border-left-style:solid}
.who--guest .who__av{border-radius:50%;clip-path:none}
.who__medal{font-size:.85em}
.who--anon{--c:#8b93a7;border-style:dashed;border-left-style:solid}

/* Fond : le Hercules de l'ancien site, en fondu derrière l'en-tête. */
.ops::before{
  content:"";position:absolute;z-index:-1;left:50%;top:0;width:100vw;height:560px;transform:translateX(-50%);
  background:url(/assets/bg_hercul_or.jpg) center 30%/cover no-repeat;opacity:.32;
  -webkit-mask-image:linear-gradient(to bottom,#000 30%,transparent);mask-image:linear-gradient(to bottom,#000 30%,transparent);
  pointer-events:none;
}