.active-mission{box-sizing:border-box;position:relative;background:#111b32;border:1px solid #34457a;border-radius:22px;color:#eef4ff;padding:18px;overflow:hidden;font-family:var(--rv-font-body)}.active-mission[hidden]{display:none!important}.active-mission-heading{display:flex;justify-content:space-between;gap:10px;margin-bottom:12px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#c4fa72}.active-mission-icon{display:none}.active-mission-copy{display:flex;flex-direction:column;gap:10px}.active-mission-status{font-size:12px;color:#a9bddc;order:2}.active-mission-sentence{font-size:18px;font-weight:700;line-height:1.3}.active-mission-number{display:block;font:800 38px/1 var(--rv-font-display);margin:16px 0;color:#ffdb59}.active-mission-chip{border-radius:12px;padding:5px 8px;background:#c4fa72;color:#0b1030;font-size:11px;font-weight:800;letter-spacing:0}.active-mission-track{height:8px;border-radius:4px;background:#2a3a66;overflow:hidden}.active-mission-track>span{display:block;height:100%;background:#ff8275;transition:width .2s}.active-mission-track.is-segmented{display:flex;gap:4px;background:none;overflow:visible}.active-mission-track i{flex:1;background:#2a3a66;border-radius:3px}.active-mission-track .is-filled{background:#ff8275}.active-mission[data-phase=complete]{border-color:#c4fa72}.active-mission[data-phase=complete] .active-mission-status,.active-mission[data-phase=complete] .active-mission-number{color:#c4fa72}.active-mission[data-phase=complete] .active-mission-track>span,.active-mission[data-phase=complete] .active-mission-track .is-filled{background:#c4fa72}.active-mission.is-near{animation:mission-near 1s ease-in-out infinite alternate}.active-mission.is-near .active-mission-status{color:#ff8275}.mission-step-bump{animation:mission-step-bump .2s ease-out}.mission-step-float{position:absolute;inset-inline-end:35px;top:30px;color:#ff8275;font:800 18px var(--rv-font-display);animation:mission-step-float .7s ease-out forwards;pointer-events:none}
dialog.mission-state-card{box-sizing:border-box;width:440px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto;border:0;border-radius:28px;background:#fff9e9;color:#0b1030;padding:24px;box-shadow:0 30px 60px #0009;font-family:var(--rv-font-body)}dialog.mission-state-card[open]{display:flex;flex-direction:column;gap:12px;animation:mission-rise .35s ease-out}dialog.mission-state-card::backdrop{background:#040714b8}.mission-state-heading{display:flex;gap:8px;align-items:center;font-size:12px;font-weight:700;color:#6a5d3b}.mission-state-card h2{font:800 30px/1.05 var(--rv-font-display);letter-spacing:-.01em;margin:0}.mission-state-tiles{display:flex;gap:8px}.mission-state-tiles>div{flex:1;min-height:64px;border-radius:16px;padding:10px 14px;display:flex;flex-direction:column;justify-content:center;gap:3px}.mission-goal-tile{background:#fff;border:1px solid #ecdcb8}.mission-points-tile{background:#0b1030;color:#c4fa72}.mission-state-tiles strong{font:800 24px/1 var(--rv-font-display)}.mission-state-tiles span{font-size:12px;font-weight:700}.mission-state-description{margin:0;font-size:13px;line-height:1.4;color:#6a5d3b}.mission-state-card button{font:800 15px/1.2 var(--rv-font-body);min-height:46px;cursor:pointer;padding:12px;border-radius:27px;border:0;color:#0b1030;flex-shrink:0}.mission-state-card .mission-play{min-height:54px;background:#ffdb59;box-shadow:0 5px 0 #d3a238;animation:mission-glow 1.2s ease-out infinite;font-size:17px}.mission-state-card .mission-plain{background:transparent;color:#34457a;font-weight:700}.mission-state-card .mission-keep{border:1.5px solid #deceaa!important;background:#fff}.mission-state-card .mission-again{background:#ff8275;box-shadow:0 4px 0 #c9574c}.mission-state-card.is-complete{text-align:center;align-items:center}.mission-state-card.is-complete>button{align-self:stretch}.mission-check{width:76px;height:76px;border-radius:50%;background:#c4fa72;color:#0b1030;display:grid;place-items:center;box-shadow:0 6px 0 #8fc24a;font-size:40px;font-weight:800}.mission-complete-label{font-size:13px;font-weight:800;letter-spacing:.22em;color:#c9574c;text-transform:uppercase;margin:6px 0 0}.mission-complete-sentence{font-size:16px;font-weight:700;margin:0}.mission-award{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:2px}.mission-award strong{font:800 60px/1 var(--rv-font-display);letter-spacing:-.02em}.mission-award span{font-size:14px;font-weight:700;color:#6a5d3b;max-width:120px;text-align:start}.mission-state-secondary{display:flex;gap:8px}.mission-state-secondary>*{flex:1}.mission-missed-progress{display:flex;align-items:baseline;justify-content:space-between;font-size:14px;font-weight:700}.mission-missed-progress strong{font:800 22px var(--rv-font-display)}.mission-missed-track{height:12px;border-radius:6px;background:#ecdcb8;overflow:hidden;animation:mission-missed-shake .5s ease-out .2s}.mission-missed-track span{display:block;height:100%;background:#ff8275;border-radius:6px}
@keyframes mission-near{to{box-shadow:0 0 0 3px #ff827540,0 0 18px #ff827559}}@keyframes mission-step-bump{50%{transform:scale(1.015)}}@keyframes mission-step-float{to{transform:translateY(-34px);opacity:0}}@keyframes mission-missed-shake{20%,60%{transform:translateX(-4px)}40%,80%{transform:translateX(4px)}}
@media(max-width:799px){.active-mission{display:flex;align-items:center;gap:10px;min-height:60px;height:60px;margin:6px 12px 0;padding:10px 12px;border:0;border-radius:18px;background:#fff9e9;color:#0b1030;flex:none}.active-mission-heading{display:contents}.active-mission-heading>span:first-child{display:none}.active-mission-chip{order:4;background:#0b1030;color:#c4fa72;padding:5px 8px;flex:none}.active-mission-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#0b1030;color:#c4fa72;font-size:22px;flex:none}.active-mission-copy{gap:2px;min-width:0;flex:1}.active-mission-status{order:0;font-size:11px;color:#6a5d3b;font-weight:800}.active-mission-sentence{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.active-mission-number{font-size:22px;flex:none;color:#0b1030;margin:0}.active-mission-track{position:absolute;left:0;right:0;bottom:0;height:5px;border-radius:0;background:#ecdcb8}.active-mission[data-phase=complete]{background:#c4fa72}.active-mission[data-phase=complete] .active-mission-status,.active-mission[data-phase=complete] .active-mission-number{color:#0b1030}.active-mission.is-near .active-mission-status{color:#c9574c}dialog.mission-state-card{width:358px;border-radius:26px;padding:18px}.mission-state-card h2{font-size:26px}.mission-state-tiles>div{min-height:58px}.mission-state-tiles strong{font-size:22px}.mission-state-card.is-complete{padding:22px 18px 18px}}
@media(prefers-reduced-motion:reduce){.active-mission,.active-mission *,.mission-state-card,.mission-state-card *{animation:none!important;transition:none!important}}