.nekoone-event-flow-host{
  display:grid;
  gap:10px;
  margin-top:12px;
}
.nekoone-event-flow-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:15px;
  border:1px solid rgba(236,204,113,.24);
  border-radius:18px;
  color:#fff8ee;
  background:linear-gradient(135deg,rgba(31,20,8,.94),rgba(13,9,5,.94));
  box-shadow:0 14px 30px rgba(0,0,0,.18);
}
.nekoone-event-flow-kicker{
  margin:0 0 4px;
  color:#d9b75e;
  font-size:10px;
  font-weight:800;
  letter-spacing:.16em;
}
.nekoone-event-flow-card h3{
  margin:0;
  color:#fff0b8;
  font-size:17px;
}
.nekoone-event-flow-card p{
  margin:5px 0 0;
  color:#dfd2a7;
  font-size:12px;
  line-height:1.6;
}
.nekoone-event-flow-card button{
  flex:0 0 auto;
  padding:10px 14px;
  border:1px solid rgba(255,231,158,.38);
  border-radius:999px;
  color:#fff8df;
  background:linear-gradient(135deg,rgba(128,82,28,.92),rgba(64,39,13,.96));
  font-weight:700;
}
.nekoone-event-flow-card button:disabled{
  opacity:.45;
}
.nekoone-event-flow-card.is-ready{
  border-color:rgba(255,221,120,.62);
  box-shadow:0 0 28px rgba(218,173,65,.16),0 14px 30px rgba(0,0,0,.18);
}
.nekoone-event-flow-card.is-complete{
  border-color:rgba(181,148,235,.46);
  background:linear-gradient(135deg,rgba(31,20,45,.94),rgba(13,9,20,.94));
}
.nekoone-event-flow-card.is-future{
  opacity:.72;
}
@media(max-width:700px){
  .nekoone-event-flow-card{
    display:block;
  }
  .nekoone-event-flow-card button{
    width:100%;
    margin-top:12px;
  }
}