/* Cream, lavender and mint mission cards; short transitions never capture input. */
.flow-ghost { position:absolute; inset:0; z-index:45; pointer-events:none; overflow:hidden; }
.screen { animation:none !important; }
.wave-report { position:absolute; inset:0; z-index:27; display:grid; place-items:center; background:#61507d70; }
.wave-card { position:relative; width:778px; height:478px; padding:21px 25px 18px; border:3px solid #fffaf1; border-radius:27px; background:#fff9f1; color:#625477; box-shadow:0 9px 0 #9180b4,0 16px 30px #4c426a33; overflow:hidden; }
.wave-card::before { content:'✦'; position:absolute; right:27px; top:0; color:#e4c483; font-size:103px; line-height:1; transform:rotate(13deg); opacity:.38; }
.wave-head { position:relative; margin:0 0 15px; border-bottom:2px dashed #dccbe5; padding-bottom:11px; }
.wave-eyebrow { display:block; font:700 12px var(--mono); letter-spacing:.13em; color:#9680b5; }
.wave-title { margin:3px 0; color:#785ba2; font-size:29px; line-height:1.2; letter-spacing:.04em; }
.wave-sub { margin:3px 0 0; color:#95839f; font-size:12px; }
.wave-body { display:grid; grid-template-columns:154px 1fr; gap:19px; height:224px; }
.wave-who { position:relative; border:2px solid #cbb8dd; border-radius:20px; background:#eee4f4; overflow:hidden; text-align:center; }
.wave-who canvas { position:absolute; left:4px; bottom:18px; width:144px; height:194px; }
.wave-who strong { position:absolute; bottom:0; left:0; right:0; padding:3px; color:#7a619c; background:#fffaf4d9; font-size:12px; }
.wave-stats { display:grid; grid-template-columns:1fr 1fr; gap:9px; margin:0 0 9px; }
.wave-stat { padding:8px 13px; border:2px solid #d6c5e4; border-radius:14px; background:#f4ecfa; }
.wave-stat dt { color:#9d88af; font-size:11px; }
.wave-stat dd { margin:0; font:700 25px var(--mono); color:#80649f; line-height:1.3; }
.wave-reward-slot { min-height:124px; }
.wave-rewards { border:2px solid #a8cfbb; border-radius:16px; background:#eaf5eb; padding:10px 14px; }
.wave-rewards h3 { margin:0 0 5px; font-size:13px; color:#609681; }
.wave-time { display:flex; align-items:baseline; justify-content:space-between; font-size:12px; }
.wave-time strong { font:700 22px var(--mono); color:#57937d; }
.wave-supplies { margin:4px 0 0; padding:0; list-style:none; font-size:12px; color:#72987c; }
.wave-foot { position:absolute; left:25px; right:25px; bottom:15px; display:flex; align-items:center; justify-content:space-between; gap:12px; }
.wave-foot span { font-size:10px; color:#aa95b0; }
.wave-foot .btn { font-size:11px; padding:4px 12px; }
.act-card { position:relative; border:2px solid #d2bddf; border-radius:15px; background:#f3eafa; padding:9px 11px; }
.act-card.off { background:#efebf4; }
.act-card .act-btn { border-radius:11px; }
body.reduced-motion .flow-ghost { display:none; }
@media (prefers-reduced-motion: reduce) { body:not([data-motion="standard"]) .flow-ghost { display:none; } }