.opponent-step{display:flex;gap:14px;align-items:flex-start;margin:12px 0;padding:14px 16px;min-height:110px;border:1px solid #f47586;border-left:5px solid #ff667c;border-radius:8px;background:linear-gradient(105deg,#40222b,#1c171e);box-shadow:0 7px 22px #0004;color:#f4f9ed;animation:opponent-step-in .18s ease-out}
.opponent-mini{width:54px;aspect-ratio:2/3;flex:0 0 54px;overflow:hidden;display:grid;place-items:center;border:1px solid #b6848b;border-radius:5px;background:#292022;box-shadow:0 3px 8px #0007}.opponent-mini img{width:100%;height:100%;object-fit:cover}.opponent-mini>span{font-size:32px;color:#ff8393}
.opponent-copy{flex:1;min-width:0}.opponent-step-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font:800 10px 'Barlow',Arial,sans-serif;letter-spacing:1.2px;color:#ff94a1}.opponent-progress{letter-spacing:.2px;white-space:nowrap;color:#d5b3b9}.opponent-step h3{margin:6px 0 5px;font:800 24px/.98 'Barlow Condensed',Impact,sans-serif;letter-spacing:.3px}.opponent-step p{margin:0;font:500 13px/1.4 'Barlow',Arial,sans-serif}.opponent-step .opponent-outcomes{margin-top:6px;color:#ffc8cb;font-size:12px;font-weight:600}.opponent-step.is-spell{border-color:#ba9afa;border-left-color:#ccadff;background:linear-gradient(105deg,#342444,#171820)}.is-spell .opponent-step-top{color:#dfc8ff}.opponent-step.is-complete{border-color:#87b943;border-left-color:#c4ff36;background:linear-gradient(105deg,#294323,#111b15)}.is-complete .opponent-step-top,.is-complete .opponent-outcomes{color:#d5ff90}.opponent-step.is-reduced{animation:none}
@keyframes opponent-step-in{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:600px){.opponent-step{gap:10px;padding:11px 12px;min-height:103px}.opponent-mini{width:45px;flex-basis:45px}.opponent-step h3{font-size:21px}.opponent-step p{font-size:12px;line-height:1.35}.opponent-step .opponent-outcomes{font-size:11px}.opponent-step-top{font-size:9px;letter-spacing:.7px}}
@media(prefers-reduced-motion:reduce){.opponent-step{animation:none}}