.startPaths{display:grid;gap:12px;margin:18px 0}.startPaths .startPath{display:flex;width:100%;align-items:center;gap:12px;min-height:88px;padding:12px 14px;text-align:left;white-space:normal}.startPath>span:nth-child(2){flex:1;min-width:0}.startPath b{display:block;font-size:18px;line-height:1.5}.startPath small{display:block;font-size:14px;line-height:1.6;color:#626746}.startPath>.bagSprite{flex:none}.startPath:hover,.startPath:focus-visible{background:#e9efd7;transform:translateY(-2px)}
.practiceMoment{text-align:center;padding:12px 6px 6px;animation:momentEnter .45s ease-out}.momentHalo{position:relative;display:flex;align-items:center;justify-content:center;width:144px;height:125px;margin:0 auto 8px;background:radial-gradient(ellipse,#fff8c4 0%,#f0da9222 58%,transparent 72%)}.momentHalo>.bagSprite{animation:momentItem 1s ease-out both}.momentHalo>span,.momentHalo>i{position:absolute;color:#ac8030;font-style:normal;font-size:26px;animation:momentSpark 1.2s ease-out both}.momentHalo>span{top:12px;left:8px}.momentHalo>i{right:9px;bottom:14px;animation-delay:.15s}.practiceMoment>small{font-size:14px;color:#617052;display:block}.practiceMoment h2{font-size:23px!important;line-height:1.6;margin:12px 0;color:#325b43;overflow-wrap:anywhere}.practiceMoment blockquote{font-size:16px;line-height:1.7;margin:16px 0;padding:12px 16px;background:#f9f2dc;border-left:3px solid #b6bc80;text-align:left}.practiceMoment>p{font-size:14px!important;color:#667052}.momentRewards{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:18px 0 8px}.momentRewards>span{display:flex;align-items:center;gap:6px;background:#e7efdc;border:1px solid #acbf95;padding:6px 10px;border-radius:8px;animation:momentReward .65s .2s backwards}.momentRewards b{font-size:16px;line-height:1.5}.moment-water .momentRewards>span{background:#e0f1f6;border-color:#9ebec6}.momentRewards .bagSprite{flex:none}.sceneryPreview[data-state=loading]{border-color:#dbe8d0}.sceneryPreview[data-state=error]{background:#73503d}
@keyframes momentEnter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes momentItem{0%{opacity:0;transform:translateY(24px) scale(.55) rotate(-8deg)}45%{opacity:1;transform:translateY(-8px) scale(1.12) rotate(4deg)}70%{transform:translateY(3px) scale(.97)}100%{transform:translateY(0) scale(1)}}@keyframes momentSpark{0%{opacity:0;transform:scale(.2) rotate(-30deg)}50%{opacity:1;transform:scale(1.25) rotate(8deg)}100%{opacity:.75;transform:scale(1)}}@keyframes momentReward{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.practiceMoment,.momentHalo>.bagSprite,.momentHalo>span,.momentHalo>i,.momentRewards>span{animation:none}.startPath:hover,.startPath:focus-visible{transform:none}}