.header-actions{display:flex;align-items:center;gap:6px}.wardrobe-open,#sound{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border:1px solid #e9ddce;background:#ffffffaa;border-radius:17px;min-width:50px;height:52px}.wardrobe-open>span{font-size:22px}.wardrobe-open small,.header-actions small{font-size:11px}.heart-progress{min-width:76px;display:grid;justify-items:center;line-height:1.05;color:#a35260}.heart-progress b{font-size:12px;color:#7c6b58}.heart-progress small{font-size:10px;color:#927e68}.heart-cells{font-size:16px;letter-spacing:-1px;white-space:nowrap;color:#e66f82}
.growth-overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:max(18px,env(safe-area-inset-top)) 18px max(18px,env(safe-area-inset-bottom));background:#49392f66}.growth-overlay.heart-award{pointer-events:none;background:transparent}.heart-pop{align-self:center;padding:16px 22px;border:3px solid #fff;background:#fff2dc;color:#c14f67;border-radius:28px;font-size:21px;font-weight:900;box-shadow:0 8px 24px #6c49393d;animation:heartReward 1s ease both}.reward-card,.wardrobe-panel{width:min(92vw,390px);max-height:calc(100svh - 36px);overflow:auto;border:4px solid #fff;background:linear-gradient(165deg,#fff9e9,#ffe6d4);border-radius:32px;padding:22px;text-align:center;box-shadow:0 16px 40px #4f382d55}.reward-card h2,.wardrobe-panel h2{margin:4px 0 12px;font-size:26px}.reward-stars{font-size:32px;color:#e56f81;letter-spacing:7px;animation:rewardStars .75s ease-in-out infinite alternate}.reward-item{display:grid;justify-items:center;gap:5px;margin:12px 0 18px;font-size:18px}.reward-item>span{font-size:72px;filter:drop-shadow(0 5px 3px #6c4a2930)}.reward-card button,.wardrobe-panel button{width:100%;min-height:52px;margin-top:8px;border:2px solid #fff;border-radius:18px;background:#f9c66f;font-weight:900;font-size:17px;box-shadow:0 4px 0 #ca9449}.reward-card [data-reward-close]{background:#fff}.wardrobe-panel p{line-height:1.6;color:#7a6855}
.wardrobe-panel{width:min(94vw,460px);padding:16px;text-align:left}.wardrobe-heading{display:flex;align-items:center;justify-content:space-between}.wardrobe-heading h2{margin:0 8px}.wardrobe-panel .wardrobe-close{width:48px;min-width:48px;height:48px;min-height:48px;margin:0;border-radius:50%;font-size:30px;line-height:1;background:#fff}.wardrobe-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:13px 0}.wardrobe-panel .wardrobe-tabs button{min-height:48px;margin:0;padding:5px;background:#fff4df;font-size:15px}.wardrobe-panel .wardrobe-tabs button[aria-selected=true]{background:#f8c873;border-color:#9f7651}.wardrobe-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-height:min(52svh,430px);overflow:auto;padding:3px}.wardrobe-panel .wardrobe-item{min-height:116px;margin:0;padding:9px 5px;display:grid;place-items:center;align-content:center;gap:2px;background:#fffdf7;box-shadow:0 3px 0 #d9b982;font-size:14px}.wardrobe-panel .wardrobe-item .item-icon{font-size:38px;line-height:1}.wardrobe-panel .wardrobe-item small{font-size:11px;color:#806d59}.wardrobe-panel .wardrobe-item[aria-pressed=true]{background:#fff0bd;border-color:#b77b43}.wardrobe-panel .wardrobe-item:disabled{opacity:.72;filter:grayscale(.45);cursor:not-allowed}.wardrobe-panel .none-item .item-icon{color:#ad9d89}
.accessory,.room-reward{position:absolute;pointer-events:none;z-index:9}.head-accessory{left:55%;top:-8%;font-size:clamp(28px,9cqw,50px);line-height:1;transform:translateX(-50%) rotate(8deg);filter:drop-shadow(0 3px 2px #5c3f2d30)}.cape-accessory{left:21%;top:38%;width:58%;height:46%;display:grid;place-items:center;font-size:clamp(20px,6cqw,36px);line-height:1;background:repeating-linear-gradient(90deg,#ffd45c 0 13px,#5e493d 13px 22px);clip-path:polygon(12% 0,88% 0,100% 100%,50% 82%,0 100%);opacity:0}.actor[data-equipped-cape=bee-cape] .cape-accessory{opacity:1}.star-lamp{left:8%;top:24%;display:grid;place-items:center;width:62px;height:62px;border-radius:50%;font-size:34px;background:#fff4b8;box-shadow:0 0 22px 9px #fff0a888,0 5px 0 #7d5b4233}.room[data-scene]:not([data-scene=room]) .star-lamp{display:none}
@keyframes heartReward{0%{opacity:0;transform:scale(.65) translateY(20px)}35%{opacity:1;transform:scale(1.08)}100%{opacity:0;transform:scale(1) translateY(-30px)}}@keyframes rewardStars{to{transform:scale(1.08) rotate(2deg)}}
@media(max-width:430px){.app{grid-template-rows:62px minmax(285px,1fr) 83px 74px 20px}.brand{gap:6px}.brand>span{width:36px;height:36px;font-size:21px}.brand h1{font-size:18px}.brand p{display:none}.header-actions{gap:4px}.wardrobe-open,#sound{min-width:44px;width:44px;height:48px;border-radius:14px}.wardrobe-open>span,#sound>span{font-size:20px}.heart-progress{min-width:68px}.heart-cells{font-size:14px}}
@media(max-width:430px){.wardrobe-panel{padding:13px}.wardrobe-grid{max-height:55svh}.wardrobe-panel .wardrobe-item{min-height:104px}.star-lamp{width:52px;height:52px;font-size:29px}}
@media(max-width:370px){.app{grid-template-rows:54px minmax(285px,1fr) 75px 67px 18px}.brand>span{display:none}.brand h1{font-size:17px}.heart-progress{min-width:62px}.heart-progress b{font-size:11px}.heart-progress small{font-size:9px}.heart-cells{font-size:13px}.wardrobe-open,#sound{width:44px;min-width:44px;height:46px}}
@media(min-width:720px) and (max-height:600px){.app{grid-template-rows:54px 1fr 86px 18px}.heart-progress{grid-auto-flow:column;align-items:center;gap:7px;min-width:auto}}
@media(prefers-reduced-motion:reduce){.heart-pop,.reward-stars{animation:none!important}.heart-pop{opacity:1}}