.vision-visual-stack{display:flex;flex-direction:column;gap:24px;min-width:0}
.vision-visual-stack>.community-shop{width:100%;margin:0}
.charity-reward-card.total-reward-card{width:100%;max-width:none;margin:0;padding:30px 22px 14px;border-radius:16px;overflow:hidden}
.charity-reward-card .charity-paw{margin-bottom:16px;width:38px;height:38px}
.charity-paw svg{width:23px;height:23px}
.charity-reward-card .eyebrow{font-size:9px;line-height:1.6;letter-spacing:1.3px}
.charity-reward-card h2{font-size:22px;line-height:1.35;letter-spacing:-.65px;margin:12px 0 19px}
.charity-reward-card .total-reward-amount{gap:8px;line-height:1.2}
.charity-reward-card .total-reward-amount>span:first-child{font-size:clamp(32px,4vw,48px);letter-spacing:-1.5px;overflow-wrap:anywhere;min-width:0}
.charity-reward-card .total-reward-unit{font-size:14px}
.charity-cat-scene{width:100%;max-width:340px;margin:10px auto 0}
.pixel-cat-animation{display:block;width:100%;height:auto;image-rendering:pixelated;overflow:visible}
.pixel-cat-animation .cat-outline{fill:#614334}.pixel-cat-animation .cat-fur{fill:#efa455}.pixel-cat-animation .cat-stripe{fill:#ca7e3f}.pixel-cat-animation .cat-cream{fill:#ffedca}.pixel-cat-animation .cat-ear{fill:#e88e91}.pixel-cat-animation .cat-whisker{fill:#896950}.pixel-cat-animation .cat-food{fill:#96633f}.pixel-cat-animation .cat-food-light{fill:#d7aa69}.pixel-cat-animation .cat-bowl-main{fill:#e36d91}.pixel-cat-animation .cat-bowl-rim{fill:#f7b3c7}.pixel-cat-animation .cat-ground{fill:#c0dfca}.pixel-cat-animation .cat-scene-decoration{fill:#70ad8a}
.cat-head{animation:charity-cat-munch .9s steps(2,end) infinite;transform-origin:170px 112px}.cat-tail{animation:charity-cat-tail 2.4s steps(3,end) infinite}.cat-heart{animation:charity-cat-heart 3.6s steps(7,end) infinite;transform-origin:254px 88px}.cat-crumb{animation:charity-cat-crumb .9s steps(3,end) infinite}.cat-crumb-two{animation-delay:.4s}
@keyframes charity-cat-munch{0%,100%{transform:translate(0,0)}25%,60%{transform:translate(0,4px)}75%{transform:translate(2px,2px)}}
@keyframes charity-cat-tail{0%,100%{transform:translate(0,0)}35%,70%{transform:translate(-2px,-4px)}}
@keyframes charity-cat-heart{0%,15%{opacity:0;transform:translateY(8px)}25%,65%{opacity:.85}100%{opacity:0;transform:translateY(-18px)}}
@keyframes charity-cat-crumb{0%,35%,100%{opacity:0;transform:translate(0,0)}50%{opacity:1;transform:translate(-2px,-4px)}75%{opacity:.4;transform:translate(2px,-8px)}}
html[data-theme=dark] .pixel-cat-animation .cat-ground{fill:#345b43}html[data-theme=dark] .pixel-cat-animation .cat-scene-decoration{fill:#568569}html[data-theme=dark] .pixel-cat-animation .cat-whisker{fill:#e0b78b}
@media(max-width:800px){.vision-visual-stack{gap:20px}.charity-reward-card.total-reward-card{padding:28px 20px 12px}.charity-cat-scene{max-width:320px}}
@media(prefers-reduced-motion:reduce){.pixel-cat-animation *{animation:none!important}.cat-head{transform:translateY(4px)}.cat-heart{opacity:.6}.cat-crumb{opacity:0}}
/* Mirror the help icon's width on the left so the title itself stays centered. */
#charityRewardTitle{display:grid;grid-template-columns:20px minmax(0,auto) 20px;column-gap:8px;align-items:center;justify-content:center;width:100%;text-align:center}
#charityRewardTitle::before{content:'';display:block;grid-column:1;grid-row:1;width:20px}
#charityRewardTitle .charity-title-text{grid-column:2;grid-row:1;min-width:0;text-align:center;overflow-wrap:normal}
#charityRewardTitle>.kbf-info-trigger{grid-column:3;grid-row:1;justify-self:center;display:inline-flex;align-items:center;justify-content:center;width:20px;min-width:20px;height:20px;min-height:20px;padding:0;margin:0;border:1px solid #99b5a4;border-radius:50%;background:transparent;color:#60816d;font:500 12px Arial,sans-serif;line-height:1;cursor:pointer}
#charityRewardTitle>.kbf-info-trigger:hover,#charityRewardTitle>.kbf-info-trigger[aria-expanded=true]{background:#d9efdf;color:#286a43;border-color:#70a783}
html[data-theme=dark] #charityRewardTitle>.kbf-info-trigger{border-color:#50675c;color:#a4c4b0;background:transparent}
html[data-theme=dark] #charityRewardTitle>.kbf-info-trigger:hover,html[data-theme=dark] #charityRewardTitle>.kbf-info-trigger[aria-expanded=true]{background:#254433;color:#b7efc9;border-color:#6ba880}
#charityPawButton{display:grid;place-items:center;padding:0;margin:0 auto 16px;cursor:pointer;transition:background .15s,box-shadow .15s}
#charityPawButton:hover{background:#d9efdf;box-shadow:0 0 0 4px #24856a0c}
#charityPawButton:active{box-shadow:0 0 0 5px #24856a15}
#charityPawButton:focus-visible{outline:2px solid var(--green);outline-offset:4px}
html[data-theme=dark] #charityPawButton:hover{background:#254433}
.cat-front-head{display:none}
.charity-reward-card.is-cat-looking .cat-head,.charity-reward-card.is-cat-looking .cat-crumb{display:none}
.charity-reward-card.is-cat-looking .cat-front-head{display:inline}
.charity-reward-card.is-cat-meowing .cat-front-mouth{transform-box:fill-box;transform-origin:center;animation:charity-cat-speak .16s steps(2,end) infinite}
@keyframes charity-cat-speak{0%,100%{transform:scaleY(1)}50%{transform:scaleY(1.7)}}
@media(prefers-reduced-motion:reduce){.charity-reward-card.is-cat-meowing .cat-front-mouth{animation:none}}
/* Ten paw clicks send just the cat walking away; the bowl stays put. */
.charity-cat-scene{overflow:hidden}
.cat-walk-legs{display:none}
.is-cat-leaving .cat-actor{animation:charity-cat-exit 2.2s linear .2s both}
.is-cat-leaving .cat-pose{transform:translate(270px,0) scaleX(-1)}
.is-cat-leaving .cat-head{animation:charity-cat-walk-bob .24s steps(2,end) infinite}
.is-cat-leaving .cat-walk-legs{display:inline}
.is-cat-leaving .cat-walk-leg{animation:charity-cat-step .24s steps(2,end) infinite;transform-box:fill-box;transform-origin:top center}
.is-cat-leaving .cat-walk-leg-front{animation-delay:-.12s}
.is-cat-leaving .cat-front-head,.is-cat-leaving .cat-heart,.is-cat-leaving .cat-crumb,.is-cat-gone .cat-actor,.is-cat-gone .cat-heart,.is-cat-gone .cat-crumb{display:none!important}
@keyframes charity-cat-exit{from{transform:translateX(0)}to{transform:translateX(-330px)}}
@keyframes charity-cat-step{0%,100%{transform:translateX(-4px) rotate(-12deg)}50%{transform:translateX(4px) rotate(12deg)}}
@keyframes charity-cat-walk-bob{0%,100%{transform:translateY(-2px)}50%{transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.is-cat-leaving .cat-actor{animation:none;visibility:hidden}}