/* Hall of War event lifecycle command centre. Scoped to signed-in event workspaces. */
body[data-how-layout="event-workspace"] .how-lifecycle-command{
  --how-life-accent:#56dbf8;
  --how-life-green:#50e6a5;
  position:relative;
  margin-top:22px;
  padding:0;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--edge) 78%,var(--how-life-accent));
  background:
    linear-gradient(135deg,rgba(86,219,248,.065),transparent 38%),
    linear-gradient(180deg,rgba(15,27,34,.96),rgba(6,14,18,.98));
  box-shadow:0 22px 60px rgba(0,0,0,.22);
}
body[data-how-layout="event-workspace"] .how-lifecycle-command::before{
  content:"";position:absolute;inset:0 auto auto 0;width:122px;height:2px;
  background:var(--how-life-accent);box-shadow:0 0 20px rgba(86,219,248,.55);
}
body[data-how-layout="event-workspace"] .how-lifecycle-head{
  display:flex;align-items:flex-start;justify-content:space-between;gap:28px;
  padding:28px 30px 22px;
}
body[data-how-layout="event-workspace"] .how-lifecycle-eyebrow{
  color:var(--how-life-accent);font:600 11px/1.2 var(--mono,monospace);
  letter-spacing:.2em;text-transform:uppercase;
}
body[data-how-layout="event-workspace"] .how-lifecycle-title{
  margin-top:7px;color:var(--txt);font:800 clamp(25px,3vw,42px)/1 var(--display,sans-serif);
  letter-spacing:.015em;text-transform:uppercase;
}
body[data-how-layout="event-workspace"] .how-lifecycle-head p{
  max-width:680px;margin:9px 0 0;color:var(--dim);font-size:14px;
}
body[data-how-layout="event-workspace"] .how-lifecycle-readiness{
  display:grid;min-width:104px;padding:12px 15px;border-left:1px solid var(--edge);
  text-align:right;
}
body[data-how-layout="event-workspace"] .how-lifecycle-readiness strong{
  color:var(--txt);font:700 24px/1 var(--display,sans-serif);
}
body[data-how-layout="event-workspace"] .how-lifecycle-readiness span{
  margin-top:6px;color:var(--dim);font:500 10px/1.2 var(--mono,monospace);
  letter-spacing:.12em;text-transform:uppercase;
}
body[data-how-layout="event-workspace"] .how-lifecycle-track{
  display:grid;grid-template-columns:repeat(8,minmax(76px,1fr));gap:0;
  margin:0;padding:0 24px 22px;list-style:none;
}
body[data-how-layout="event-workspace"] .how-lifecycle-track li{
  position:relative;display:grid;grid-template-columns:18px 1fr;align-items:center;
  gap:7px;min-width:0;color:var(--dim);font:600 10px/1.25 var(--mono,monospace);
  letter-spacing:.08em;text-transform:uppercase;
}
body[data-how-layout="event-workspace"] .how-lifecycle-track li:not(:last-child)::after{
  content:"";position:absolute;z-index:0;left:18px;right:0;top:8px;height:1px;
  background:var(--edge);
}
body[data-how-layout="event-workspace"] .how-lifecycle-node{
  position:relative;z-index:1;display:grid;place-items:center;width:17px;height:17px;
  border:1px solid var(--muted2);border-radius:50%;background:var(--bg);
  color:#061016;font-size:10px;
}
body[data-how-layout="event-workspace"] .how-lifecycle-track .is-complete{
  color:color-mix(in srgb,var(--txt) 72%,var(--dim));
}
body[data-how-layout="event-workspace"] .how-lifecycle-track .is-complete .how-lifecycle-node{
  border-color:var(--how-life-green);background:var(--how-life-green);
}
body[data-how-layout="event-workspace"] .how-lifecycle-track .is-complete::after{
  background:color-mix(in srgb,var(--how-life-green) 55%,var(--edge));
}
body[data-how-layout="event-workspace"] .how-lifecycle-track .is-current{
  color:var(--txt);
}
body[data-how-layout="event-workspace"] .how-lifecycle-track .is-current .how-lifecycle-node{
  border:3px solid var(--how-life-accent);background:var(--bg);
  box-shadow:0 0 0 4px rgba(86,219,248,.12),0 0 18px rgba(86,219,248,.28);
  animation:howPhasePulse 2.4s ease-in-out infinite;
}
body[data-how-layout="event-workspace"] .how-lifecycle-body{
  display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;
  padding:24px 30px;border-top:1px solid var(--edge);
  background:rgba(3,9,12,.48);
}
body[data-how-layout="event-workspace"] .how-lifecycle-next>strong{
  display:block;margin-top:6px;color:var(--txt);font:700 20px/1.2 var(--display,sans-serif);
}
body[data-how-layout="event-workspace"] .how-lifecycle-primary{
  min-width:210px;min-height:52px;justify-content:center;
  border-color:var(--how-life-accent)!important;background:var(--how-life-accent)!important;
  color:#061016!important;box-shadow:0 9px 28px rgba(86,219,248,.16);
}
body[data-how-layout="event-workspace"] .how-lifecycle-primary:focus-visible{
  outline:3px solid var(--txt);outline-offset:3px;
}
body[data-how-layout="event-workspace"] .how-lifecycle-blockers{
  display:grid;gap:7px;margin-top:14px;
}
body[data-how-layout="event-workspace"] .how-lifecycle-blockers>div{
  display:grid;grid-template-columns:22px minmax(0,1fr);gap:8px;align-items:start;
  color:var(--dim);font-size:12px;
}
body[data-how-layout="event-workspace"] .how-lifecycle-blockers>div>span{
  display:grid;place-items:center;width:18px;height:18px;border:1px solid #ff9b78;
  color:#ffb39a;font:700 11px/1 var(--mono,monospace);
}
body[data-how-layout="event-workspace"] .how-lifecycle-blockers p{
  margin:0;
}
body[data-how-layout="event-workspace"] .how-lifecycle-blockers b{
  display:block;margin-bottom:2px;color:var(--txt);
}
body[data-how-layout="event-workspace"] .how-lifecycle-clear{
  margin:10px 0 0;color:var(--how-life-green);font-size:12px;
}
body[data-how-layout="event-workspace"] .how-lifecycle-review{
  border-top:1px solid var(--edge);
}
body[data-how-layout="event-workspace"] .how-lifecycle-review>summary{
  display:flex;justify-content:space-between;gap:16px;padding:16px 30px;
  cursor:pointer;color:var(--txt);font:600 12px/1.3 var(--mono,monospace);
  letter-spacing:.08em;text-transform:uppercase;list-style:none;
}
body[data-how-layout="event-workspace"] .how-lifecycle-review>summary::-webkit-details-marker{display:none}
body[data-how-layout="event-workspace"] .how-lifecycle-review>summary::after{content:"+";color:var(--how-life-accent)}
body[data-how-layout="event-workspace"] .how-lifecycle-review[open]>summary::after{content:"−"}
body[data-how-layout="event-workspace"] .how-lifecycle-review>summary span{
  margin-left:auto;color:var(--dim);font-weight:500;letter-spacing:.03em;text-transform:none;
}
body[data-how-layout="event-workspace"] .how-lifecycle-review .how-readiness-list{
  margin:0;padding:0 30px 20px;
}
body[data-how-layout="event-workspace"] .how-lifecycle-utilities{
  margin:0;padding:15px 30px;border-top:1px solid var(--edge);background:rgba(0,0,0,.13);
}
@keyframes howPhasePulse{0%,100%{box-shadow:0 0 0 4px rgba(86,219,248,.10),0 0 12px rgba(86,219,248,.2)}50%{box-shadow:0 0 0 6px rgba(86,219,248,.04),0 0 24px rgba(86,219,248,.36)}}
@media(max-width:700px){
  body[data-how-layout="event-workspace"] .how-lifecycle-head{padding:23px 20px 18px;gap:16px}
  body[data-how-layout="event-workspace"] .how-lifecycle-readiness{min-width:82px;padding:9px 10px}
  body[data-how-layout="event-workspace"] .how-lifecycle-track{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:15px;padding:0 20px 20px}
  body[data-how-layout="event-workspace"] .how-lifecycle-track li:nth-child(4)::after{display:none}
  body[data-how-layout="event-workspace"] .how-lifecycle-body{grid-template-columns:1fr;padding:20px}
  body[data-how-layout="event-workspace"] .how-lifecycle-primary{width:100%;min-width:0}
  body[data-how-layout="event-workspace"] .how-lifecycle-review>summary,
  body[data-how-layout="event-workspace"] .how-lifecycle-review .how-readiness-list,
  body[data-how-layout="event-workspace"] .how-lifecycle-utilities{padding-left:20px;padding-right:20px}
}
@media(max-width:430px){
  body[data-how-layout="event-workspace"] .how-lifecycle-head{display:grid}
  body[data-how-layout="event-workspace"] .how-lifecycle-readiness{grid-template-columns:auto 1fr;gap:8px;align-items:end;text-align:left;border-left:0;border-top:1px solid var(--edge);padding:12px 0 0}
  body[data-how-layout="event-workspace"] .how-lifecycle-track{grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-how-layout="event-workspace"] .how-lifecycle-track li:nth-child(2n)::after{display:none}
  body[data-how-layout="event-workspace"] .how-lifecycle-review>summary span{display:none}
}
@media(prefers-reduced-motion:reduce){
  body[data-how-layout="event-workspace"] .how-lifecycle-track .is-current .how-lifecycle-node{animation:none}
}