.level-card-heading{display:flex;justify-content:space-between;align-items:center;gap:.35rem;min-width:0}
.level-card-heading b{white-space:nowrap}
.level-card-heading em{font-size:.68rem;font-style:normal;font-weight:800;white-space:nowrap;letter-spacing:-.02em}
.level-card.active .level-card-heading em{margin-right:1.75rem}
.level-card small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.level-card.is-locked,.filter-level-card.is-locked{--level:#728078;--level-bg:#f1f3ef;border:1px dashed #9eada2;box-shadow:none}
.level-card.is-locked .level-card-heading b::before,.filter-level-card.is-locked b::before{content:'🔒';display:inline-block;margin-right:.15rem;filter:saturate(1.35);font-size:.9em}
.level-card.is-locked:hover,.filter-level-card.is-locked:hover{transform:none;box-shadow:none}
.level-lock-hint{margin:-.35rem 0 .8rem;padding:.65rem .8rem;border-radius:.6rem;background:#f1f3ef;color:#41594d;font-size:.78rem;line-height:1.5}
.level-unlock-dialog{border:0;border-radius:1.2rem;padding:1.5rem;width:min(25rem,calc(100% - 2rem));color:#102d24;box-shadow:0 20px 60px #102d2470}
.level-unlock-dialog::backdrop{background:#102d2475}
.level-unlock-dialog h2{font-size:1.4rem;margin:.2rem 0 .7rem}
.level-unlock-dialog p:not(.eyebrow){line-height:1.7}
.level-unlock-actions{display:grid;gap:.65rem;margin-top:1rem}
@media(max-width:600px){.level-card{padding:.66rem .56rem}.level-card-heading em{font-size:.65rem}.level-card.active .level-card-heading em{margin-right:1.55rem}.level-card small{font-size:.73rem}.progress-card>p{font-size:.65rem;white-space:nowrap}}