.savings-head{text-align:center}.savings-head>span{font-size:9px;letter-spacing:2px;font-weight:850}.savings-head h2{font-size:clamp(28px,5vw,42px);margin:10px 0}.savings-head p{font-size:clamp(13px,2.5vw,18px);font-weight:800}.savings-play{position:relative;display:flex;flex-direction:column;align-items:center;background:radial-gradient(ellipse at 50% 33%,#fff8ee,#e6f0d7);border-radius:26px;padding:25px 16px 20px;min-height:350px}.save-total{align-self:flex-end;text-align:center;background:#fffceacc;border-radius:16px;padding:10px 15px;position:absolute;right:16px;top:15px}.save-total b{font-size:26px;display:block;color:#347147}.save-total span{font-size:9px;font-weight:750}.save-target{position:relative;width:260px;max-width:80%;border-radius:40%;transition:filter .2s}.save-pig{display:block;width:100%;filter:drop-shadow(0 15px 10px #97547120)}.save-target>strong{display:block;text-align:center;font-size:11px;color:#a56883;letter-spacing:2px;transform:translateY(-10px)}.save-target.ready{filter:drop-shadow(0 0 16px #7ddf6b)}.save-tray{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;max-height:150px;overflow:auto;padding:20px 8px 8px;width:100%;border-top:2px dashed #b9d2a4;margin-top:18px}.save-bill{background:linear-gradient(125deg,#e4ffc7,#a5db8d);border:3px solid #68985c;border-radius:13px;width:95px;min-height:65px;box-shadow:inset 0 0 0 3px #e2f3ca,0 5px 0 #709a5830;display:grid;place-items:center;padding:6px;color:#27533c;touch-action:none;user-select:none;cursor:grab}.save-bill>span{font-size:25px;font-weight:900}.save-bill small{font-size:10px;font-weight:800}.save-ghost{position:fixed;z-index:9999;pointer-events:none;transform:rotate(-9deg) scale(1.1);box-shadow:0 15px 25px #183b3733}.save-demo{position:absolute;pointer-events:none;font-size:27px;z-index:3;animation:save-guide 5s ease-in-out infinite}.save-demo span{position:absolute;background:#b6e394;border:2px solid #588853;border-radius:6px;bottom:22px;left:-12px;width:46px;padding:6px;color:#204d38;font-size:17px;text-align:center;font-weight:850}.saving-drag .save-demo{visibility:hidden}.save-feedback{text-align:center;font-weight:800;font-size:16px;min-height:45px;color:#34754d;line-height:1.5}.save-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.save-actions button,.save-job{padding:14px 16px;border-radius:15px;border:1px solid #c9d9bc;background:#edf5df;color:#254f3c;font-weight:750}.save-selected:not(:disabled),.save-job{background:#a8ee76}.save-job{text-decoration:none}.save-hear{font-size:12px}.save-selected:disabled{opacity:.6;font-size:11px}.save-target.saved .save-pig-body{transform-origin:50% 80%;animation:save-hop .7s ease}.save-burst,.save-plus{position:absolute;left:50%;top:40%;pointer-events:none;font-style:normal;font-weight:900}.save-burst{font-size:22px;animation:save-party 1s ease-out both}.save-plus{font-size:35px;color:#368549;text-shadow:0 2px white;animation:save-plus 1.2s ease-out both}@keyframes save-guide{0%,15%{transform:translate(0,0);opacity:0}25%{transform:translate(0,0);opacity:.9}65%{transform:translate(var(--dx),var(--dy));opacity:.9}80%,100%{transform:translate(var(--dx),var(--dy)) scale(.4);opacity:0}}@keyframes save-hop{25%{transform:translateY(5px) scale(1.05,.92)}55%{transform:translateY(-15px) scale(.96,1.06)}80%{transform:translateY(2px)}}@keyframes save-party{to{transform:translate(var(--x),var(--y)) rotate(120deg);opacity:0}}@keyframes save-plus{to{transform:translateY(-90px);opacity:0}}@media(max-width:600px){.savings-play{padding:28px 8px 14px;min-height:320px}.save-target{width:220px}.save-total{right:8px;top:8px;padding:7px 9px}.save-total b{font-size:22px}.save-bill{width:85px}.save-feedback{font-size:14px}.save-actions button{min-height:44px}}@media(prefers-reduced-motion:reduce){.save-demo{display:none}.save-target.saved .save-pig-body,.save-burst,.save-plus{animation:none}.save-burst{display:none}}

.savings-head h2{font-size:32px;margin:7px 0}.savings-head p{margin:10px 0 14px;font-size:15px}.savings-play{padding:15px 12px 12px;min-height:275px}.save-target{width:205px}.save-tray{max-height:95px;padding-top:12px;margin-top:8px}.save-feedback{min-height:24px;margin:12px 0;font-size:14px}.save-actions button{padding:10px 13px;min-height:43px}.save-total b{font-size:23px}

.save-coin{width:68px;min-height:68px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#fff7b0,#e5b132);border-color:#bc8c29;box-shadow:inset 0 0 0 3px #ffe891,0 5px 0 #b18335}.save-coin>span{font-size:29px}.save-coin small{font-size:9px}.save-tray{max-height:170px}

.save-drop{position:absolute;left:44%;top:0;font-style:normal;font-size:30px;pointer-events:none;animation:save-insert .5s ease-in both}@keyframes save-insert{0%{transform:translateY(-24px) rotate(-20deg);opacity:1}65%{transform:translateY(37px) rotate(65deg) scale(.6);opacity:1}100%{transform:translateY(65px) rotate(95deg) scale(.15);opacity:0}}

.bank-choices{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin:12px}.bank-choices button{min-height:44px;padding:8px 12px;border:2px solid #c8d7c5;border-radius:14px;background:#fffdf3;color:#214b39;font:inherit}.bank-choices button[aria-pressed=true]{border-color:#48754b;background:#e6f4d9}.save-target.saved .save-pig-body{animation:bank-rock .42s ease-out;transform-origin:50% 85%}@keyframes bank-rock{25%{transform:rotate(-2deg)}65%{transform:rotate(1deg)}}

.savings-play{background:#fffdf6}.save-target.ready .piggy-slot{fill:#ffd45e44;stroke:#e9bf55;stroke-width:3}

.save-ghost small{display:none}