/* Three small, tangible counters. The values are the reward; there are no ranks. */
.moment-achievements{padding:0;border:0;background:none}
.badge-shelf.activity-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:10px 4px 12px;border:1px solid var(--line,#dfe5d5);border-radius:20px;background:var(--paper,#fffef8);box-shadow:inset 0 1px 0 #fff,0 3px 0 #27473404}
.activity-counter{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;border:0;border-radius:16px;padding:0 3px 5px;background:transparent;color:var(--ink,#274734);font:inherit;text-align:center;transition:background .15s ease,transform .15s ease}
button.activity-counter{cursor:pointer;min-height:108px;touch-action:manipulation}
button.activity-counter:hover{background:var(--well,#edf1e3)}
button.activity-counter:active{transform:scale(.97)}
button.activity-counter:focus-visible{outline:2px solid var(--ink,#274734);outline-offset:1px}
.activity-counter-art{display:block;width:51px;height:54px;margin-bottom:2px;flex:none;transform:rotate(-6deg);filter:drop-shadow(0 2px 2px #27473408);transition:transform .18s ease}
.activity-counter:nth-child(2) .activity-counter-art{transform:rotate(3deg)}
.activity-counter:nth-child(3) .activity-counter-art{transform:rotate(7deg)}
.activity-counter-art svg,.activity-detail-art svg,.badge-toast-art svg{width:100%;height:auto;display:block}
button.activity-counter:hover .activity-counter-art{transform:translateY(-2px) rotate(0)}
.activity-counter-value{font-size:24px;line-height:1.12;font-weight:750;font-variant-numeric:tabular-nums;letter-spacing:-.045em;max-width:100%;overflow-wrap:anywhere}
.activity-counter-label{display:block;max-width:84px;min-height:29px;font-size:11px;line-height:1.3;font-weight:550;margin-top:4px;color:#4b604c}
.activity-count-detail{text-align:center;padding:4px 10px 16px}
.activity-detail-art{display:block;width:96px;margin:0 auto 8px}
.activity-detail-value{display:block;font-size:44px;line-height:1.1;font-weight:750;letter-spacing:-.055em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.activity-detail-label{font-size:15px;line-height:1.3;margin:5px 0 14px!important;font-weight:650;color:var(--ink,#274734)}
.activity-detail-definition{font-size:13px;line-height:1.55;color:#4b604c;max-width:290px;margin:0 auto!important}
.badge-toast.activity-toast{display:flex;align-items:center;gap:10px;text-align:left}
.activity-toast .badge-toast-art{display:block;width:42px;flex:none}
.activity-toast strong{display:block;font-size:23px;line-height:1.1;font-variant-numeric:tabular-nums;letter-spacing:-.03em}
.activity-toast small{display:block;font-size:11px;line-height:1.4;margin-top:2px}
@keyframes activity-count-pop{0%{transform:scale(.84) rotate(-8deg)}65%{transform:scale(1.07) rotate(3deg)}100%{transform:scale(1) rotate(0)}}
@media(prefers-reduced-motion:no-preference){.activity-counter.is-increased .activity-counter-art,.activity-toast .badge-toast-art{animation:activity-count-pop .5s cubic-bezier(.2,.8,.25,1) both}.activity-counter.is-increased .activity-counter-value{animation:activity-count-pop .4s ease both}}
@media(prefers-reduced-motion:reduce){.activity-counter,.activity-counter-art{transition:none}.activity-counter.is-increased .activity-counter-art,.activity-counter.is-increased .activity-counter-value,.activity-toast .badge-toast-art{animation:none}button.activity-counter:hover .activity-counter-art,button.activity-counter:active{transform:none}}
@media(max-width:350px){.badge-shelf.activity-counts{gap:2px;padding:8px 2px 10px}.activity-counter-art{width:47px;height:50px}.activity-counter-label{font-size:10px;max-width:75px}.activity-counter-value{font-size:22px}}
@media(forced-colors:active){.badge-shelf.activity-counts{border-color:CanvasText;box-shadow:none;background:Canvas}.activity-counter,.activity-counter-label,.activity-detail-definition{color:CanvasText}.activity-counter:focus-visible{outline-color:Highlight}}