.shop-interaction{position:relative}.shop-hotspots button{position:absolute;background:#fffcf1f5;box-shadow:0 3px 10px #234e3920;border:1px solid #a6b79b;font-size:12px;padding:8px 10px;min-height:44px;border-radius:12px;transition:background .2s,translate .2s}.shop-hotspots button:hover{background:#e4edcf;translate:0 -2px}.shop-hotspots span{color:#a66b42;margin-right:5px}.hot-stock{left:18%;top:63%}.hot-gear{left:43%;top:27%}.hot-team{left:39%;top:52%}.hot-ledger{left:56%;top:70%}.hot-rest{left:79%;top:73%}.live-shop-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px}.live-status{font-size:12px;line-height:1.8}.live-status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#779359;margin-right:7px}.shop-bubble{animation:shopBubble 10s ease-in-out infinite}.leaving-guest{animation:guestLeaves 14s linear infinite;pointer-events:none}.shop-owner-motion{transform-box:fill-box;transform-origin:center bottom;animation:shopOwnerWork 2s ease-in-out infinite}.shop-owner-motion.tired{animation-duration:5s}.shop-owner-motion.resting{animation:ownerRest 4s ease-in-out infinite}.work-reel,.month-reel{border-radius:15px;background:#edf0e2;overflow:hidden}.work-reel svg,.month-reel svg{width:100%;display:block;max-height:300px}.work-reel{position:relative}.work-progress{position:absolute;bottom:0;left:0;height:4px;background:#8aab6d;animation:workProgress 5s both}.activity-outreach .shop-owner-motion{animation:ownerOutreach 5s ease-in-out both}.activity-rest .shop-owner-motion{animation:ownerRest 4s ease-in-out infinite}.work-done{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.work-done span{background:#e6eddc;border-radius:8px;padding:8px 12px;font-size:12px}.recap-tabs{display:flex;list-style:none;padding:0;gap:8px}.recap-tabs li{flex:1;padding:11px 7px;text-align:center;background:#eeeee4;color:#71816b;border-radius:9px;font-size:12px}.recap-tabs .current{background:#345c49;color:#fffae9}.recap-result{font-size:17px;color:#355943;line-height:1.8}.delivery-drawing{width:100%;display:block;max-height:150px}.delivery-truck{animation:truckArrival 5s both}.delivery-carrier{animation:carryStock 5s both}.delivery-arrived{animation:stockArrived 5s both}.shop-delivery{background:#fffaf0;border:1px solid #d4ddc6;padding:12px;border-radius:12px;margin-top:14px;text-align:center}.shop-delivery span{display:block;font-size:12px;margin-top:6px}.receipt-celebration{border-radius:14px;background:#eaf0df;padding:8px 14px;text-align:center;margin-bottom:18px}.receipt-celebration strong{font-size:19px}.receipt-celebration p{font-size:12px;margin:5px}.motion-paused *{animation-play-state:paused!important}.scene-card .scene-caption{margin-top:12px}dialog:has(.work-reel),dialog:has(.month-reel){width:min(860px,94vw)}
@keyframes shopOwnerWork{0%,100%{rotate:-1deg}50%{rotate:3deg;translate:2px -1px}}@keyframes ownerRest{50%{translate:0 2px;rotate:-4deg}}@keyframes ownerOutreach{0%,100%{translate:0 0}40%,65%{translate:70px 30px}}@keyframes workProgress{from{width:0}to{width:100%}}@keyframes shopBubble{0%,20%,85%,100%{opacity:0}30%,75%{opacity:1}}@keyframes guestLeaves{0%,25%{transform:translate(785px,281px);opacity:0}35%,60%{transform:translate(602px,279px);opacity:1}95%{transform:translate(785px,282px);opacity:1}100%{transform:translate(810px,282px);opacity:0}}@keyframes truckArrival{0%{transform:translateX(-320px)}35%,100%{transform:translateX(0)}}@keyframes carryStock{0%,35%{transform:translate(315px,99px);opacity:0}42%{transform:translate(315px,99px);opacity:1}85%{transform:translate(640px,99px);opacity:1}100%{transform:translate(660px,99px);opacity:0}}@keyframes stockArrived{0%,80%{opacity:0}100%{opacity:1}}
@media(max-width:720px){.shop-hotspots{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}.shop-hotspots button{position:static;padding:8px 3px;min-height:44px;font-size:11px}.shop-hotspots button:nth-last-child(-n+2){background:#e4ecd7}.live-shop-bar{align-items:flex-start;flex-wrap:wrap}.live-shop-bar button{min-height:44px}.scene-card .scene-caption{gap:5px}.recap-tabs li{font-size:10px}.recap-result{font-size:15px}.work-reel svg,.month-reel svg{min-height:145px}.receipt-celebration{padding:8px}.shop-delivery{padding:7px}}
@media(prefers-reduced-motion:reduce){.shop-bubble,.leaving-guest,.shop-owner-motion,.delivery-truck,.delivery-carrier,.delivery-arrived,.work-progress{animation:none!important}.shop-bubble{opacity:1}.leaving-guest{display:none}.delivery-carrier{transform:translate(620px,99px)}.work-progress{width:100%}.shop-hotspots button{transition:none}}

.recap-packing .walking-customer,.recap-packing .waiting-customer,.recap-packing .leaving-guest,.recap-packing .shop-bubble{display:none}.recap-packing .shop-owner-motion{animation:ownerRest 4s ease-in-out infinite}
.shop-interaction{max-width:900px;margin-inline:auto}.scene-card .shop-interaction>svg{max-height:none}