#stage #quickHud{gap:7px;font-size:22px;padding:6px 10px;min-width:0}
#stage #quickHud button{font-size:21px;padding:7px}
#hudHearts{color:#ffb5be;white-space:nowrap;font-variant-numeric:tabular-nums}
#hudMoney{white-space:nowrap}
#stage #bookshopHub{top:140px;gap:18px}
#stage #bookshopHub>button{height:94px;min-height:94px;font-size:40px}
.recyclingShop{height:100%;display:flex;flex-direction:column;gap:12px;color:#244b5b;background:#eef7eff0;border-radius:16px;padding:14px 24px}
.recyclingWelcome,.recyclingNote{font-size:22px;line-height:1.5;text-align:center;margin:0}
.recyclingOffers{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0}
.recyclingOffer{display:flex;align-items:center;gap:20px;background:#fff9;border-radius:12px;padding:6px 20px;flex:1;min-height:0}
.recyclingOffer img{width:130px;height:84px;object-fit:contain}.recyclingOffer>div{flex:1}.recyclingOffer b{font-size:25px}.recyclingOffer p{margin:5px 0;color:#a63859;font-size:23px}
.recyclingEmpty{margin:auto;font-size:25px;text-align:center}
.recyclingConfirm,.litterInfo{height:100%;display:flex;align-items:center;gap:24px;color:#244b5b;font-size:27px;line-height:1.7;padding:20px}
.recyclingConfirm img,.litterInfo img{width:40%;height:100%;object-fit:contain}
.litterCatch{text-align:center;color:#244b5b;height:100%}.litterCatch img{width:60%;height:65%;object-fit:contain}.litterCatch h3{font-size:32px;margin:10px}.litterCatch p{font-size:24px;margin:5px}