/* Moon Coin shop integrates into the existing purple and rose-gold interface. */
#moonShop{max-width:1120px;margin:14px auto 18px;padding:clamp(18px,3vw,26px);border:1px solid #e7b7cf7d;border-radius:28px;background:linear-gradient(135deg,#51315bdc,#2c1c3df7);box-shadow:0 15px 45px #150a2554;color:#fff0ed}
.moon-shop-head{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.moon-shop-kicker{font:800 .75rem system-ui;letter-spacing:.2em;color:#ffd7a9}
#moonShop h2{font:700 clamp(1.65rem,3.8vw,2.3rem) Georgia,serif;line-height:1.08;margin:6px 0 0}
.moon-wallet{display:flex;gap:10px;flex-wrap:wrap}
.moon-wallet span{display:block;background:#24172eaa;border:1px solid #f4d8af6b;padding:9px 13px;border-radius:15px;font:700 .88rem system-ui;color:#fff1dc}
.moon-wallet strong{font-variant-numeric:tabular-nums;color:#fff0a7}
.moon-shop-intro{max-width:730px;color:#f0d8e8;font:400 .92rem/1.58 system-ui;margin:0 0 12px}
.moon-items{display:flex;gap:13px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:10px 2px 13px;-webkit-overflow-scrolling:touch}
.moon-items::-webkit-scrollbar{height:7px}.moon-items::-webkit-scrollbar-thumb{background:#c79cbd8a;border-radius:9px}
.moon-item{flex:0 0 clamp(174px,19vw,206px);min-width:0;scroll-snap-align:start;display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:18px;border:1px solid #e4b7cc67;background:linear-gradient(160deg,#624063aa,#2d203bdc)}
.moon-item-art{height:110px;display:grid;place-items:center;background:radial-gradient(ellipse,#b985a125 0,transparent 74%);border-radius:14px}
.moon-item-art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 6px #180b2399)}
.moon-tag{color:#eed1a2;letter-spacing:.13em;text-transform:uppercase;font:800 .65rem system-ui}
.moon-item h4{font:700 1.02rem Georgia,serif;color:#fff7eb;margin:0;min-height:35px}
.moon-item p{font:.76rem/1.4 system-ui;color:#ebd7eb;margin:0;flex:1;min-height:38px}
.moon-item-price{font:800 .79rem system-ui;color:#ffe2ad;min-height:20px}
.moon-buy{font:800 .75rem system-ui;border:1px solid #ffe8cf75;border-radius:12px;min-height:39px;padding:8px 6px;background:#efc8d4;color:#39213d;cursor:pointer}
.moon-buy:disabled{opacity:.67;cursor:not-allowed;background:#76657c;color:#fff3f0}
.moon-buy.is-equipped{background:#f7d7a6;color:#4b2c3e}
.moon-buy:focus-visible{outline:3px solid #ffdcad;outline-offset:2px}
#moonShopStatus{margin-top:7px;min-height:1.25em;color:#ffdaa9;font:700 .84rem/1.4 system-ui}
.moon-shop-fine{margin:10px 0 0;font:.74rem/1.45 system-ui;color:#ddcad9}
#magicScene .moon-room-item{position:absolute;z-index:5;max-width:none;display:block;pointer-events:none;user-select:none;object-fit:contain;filter:drop-shadow(0 4px 6px #28122ec9);animation:moonDecorGlow 6s ease-in-out infinite}
#magicScene .moon-pos-left-low{left:8%;top:65%;width:7%;height:12%}
#magicScene .moon-pos-left-mid{left:11%;top:50%;width:10%;height:8%}
#magicScene .moon-pos-table-left{left:34%;top:77%;width:8%;height:8%}
#magicScene .moon-pos-table-right{left:66%;top:77%;width:9%;height:8%}
#magicScene .moon-pos-right-low{left:87%;top:76%;width:9%;height:11%}
#magicScene .moon-pos-window-high{left:74%;top:7%;width:7%;height:13%}
#magicScene .moon-pos-right-mid{left:70%;top:53%;width:8%;height:12%}
#magicScene .moon-pos-window-low{left:27%;top:22%;width:9%;height:12%}
@keyframes moonDecorGlow{50%{filter:drop-shadow(0 4px 9px #5b3158b8)}}
@media(prefers-reduced-motion:reduce){#magicScene .moon-room-item{animation:none}}
@media(max-width:620px){#moonShop{padding:17px 13px;margin:12px 7px 18px}.moon-item{flex-basis:173px}.moon-shop-intro{font-size:.85rem}}
/* Keep each SVG completely inside its product card on narrow screens. */
.moon-item-art{flex:0 0 110px;overflow:hidden;min-height:110px;max-height:110px}
.moon-item-art img{width:auto!important;height:110px!important;max-height:110px!important;max-width:98%!important;object-fit:contain!important;display:block}

/* Previously the baby-dragon card was inside a hidden legacy shelf.
   Move the existing card (including its original equip button) into the visible reward section. */
#v31DragonFeature{margin:14px 0 2px;border:1px solid #e6b99a70;border-radius:19px;background:linear-gradient(115deg,#5b3a68c9,#332044de);padding:12px 14px}
.v31-dragon-head{display:flex;gap:5px 10px;align-items:center;flex-wrap:wrap;font:700 .9rem/1.4 system-ui;color:#ffe5cf}
.v31-dragon-head small{color:#e4cadc;font:500 .76rem/1.4 system-ui}
#v31DragonFeature .v31-dragon-card{display:grid;grid-template-columns:94px minmax(0,1fr);grid-template-areas:"art title" "art copy" "art status" "action action" "foot foot";gap:5px 13px;align-items:center;max-width:none!important;width:100%!important;min-height:0!important;padding:10px 0 0;background:transparent;border:0;box-shadow:none;flex:initial}
#v31DragonFeature .rw-shop-badge{grid-area:art;display:block;align-self:center}
#v31DragonFeature .v30-dragon-icon{width:94px!important;height:88px!important}
#v31DragonFeature .rw-shop-chip{display:none}
#v31DragonFeature .rw-shop-title{grid-area:title;font:700 1.1rem Georgia,serif;color:#fff2dc}
#v31DragonFeature .rw-shop-copy{grid-area:copy;font:.78rem/1.4 system-ui;color:#ead6e5}
#v31DragonFeature .rw-shop-lock{grid-area:status;font:800 .79rem system-ui;color:#ffd3a6}
#v31DragonFeature #v29DragonEquip{grid-area:action;max-width:360px;justify-self:stretch;margin:7px 0 0}
#v31DragonFeature .rw-mini-note{grid-area:foot;color:#e7cadb;font:.72rem/1.4 system-ui}
@media(max-width:420px){#v31DragonFeature .v31-dragon-card{grid-template-columns:76px minmax(0,1fr)}#v31DragonFeature .v30-dragon-icon{width:75px!important;height:80px!important}}

/* V32 separate wallets and gifting */
.moon-identity{display:inline-flex;gap:9px;align-items:center;flex-wrap:wrap;margin:3px 0 14px;font:700 .87rem system-ui;color:#ffe6ce}
.moon-identity select{background:#291d38;color:#fff7eb;border:1px solid #f4d8af99;border-radius:12px;padding:9px 12px;font:700 .86rem system-ui}
.moon-gift{background:#543a67;color:#fff0e9;border-color:#eac0d0;line-height:1.3}
.moon-gift:not(:disabled):hover{background:#805078}
.moon-wallet span{white-space:nowrap}