/* Shop-only additions. Existing scene dimensions and resource placement stay intact. */
.ward-ux-page .rpg-button--primary .rpg-price,.ward-ux-page .rpg-button--primary .rpg-price span,:root[data-theme=light] .ward-ux-page .rpg-button--primary .rpg-price>span{color:#153d33!important}
.ward-ux-page .rpg-shop-title{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:8px;flex-wrap:wrap}.ward-ux-page .rpg-shop-title h4{margin:0!important}.ward-ux-page .rpg-shop-title>.rpg-price{font-size:14px}.ward-ux-page .rpg-shop-intro h4{display:none}.ward-ux-page .rpg-shop-intro--gear:not(.is-battle){display:none}.ward-ux-page .rpg-shop-card--gear>p{display:none}
.ward-ux-page .rpg-nav:has([data-panel=shop]){gap:3px;padding-left:5px;padding-right:5px}.ward-ux-page .rpg-nav:has([data-panel=shop]) .rpg-nav-button{gap:4px;padding-left:5px;padding-right:5px}.ward-ux-page .rpg-nav [data-panel=shop]{border-color:#e9c76b40;color:var(--u-gold)}
.ward-ux-page .rpg-shop-tabs{position:sticky;top:-15px;z-index:3;display:flex;gap:7px;overflow-x:auto;padding:8px 0 10px;background:#182838;scrollbar-width:thin;scrollbar-color:#b6b08966 transparent}.ward-ux-page .rpg-shop-tabs button{display:flex;flex-shrink:0;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:5px 13px;border:1px solid var(--u-line);border-radius:10px;background:#111e2b;font-size:14px;font-weight:650}.ward-ux-page .rpg-shop-tabs button.is-active{color:var(--u-gold);background:#ad8c3e23;border-color:#dfbf6b88}.ward-ux-page .rpg-shop-tabs .rpg-art{width:27px;height:27px}.ward-ux-page .rpg-shop-intro{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:12px 0 18px}.ward-ux-page .rpg-shop-intro h4{font-size:20px}.ward-ux-page .rpg-shop-intro p{font-size:14px;color:var(--u-muted);margin-top:5px}.ward-ux-page .rpg-shop-intro>.rpg-button{flex-shrink:0;font-size:13px!important;max-width:230px}
.ward-ux-page .rpg-shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ward-ux-page .rpg-shop-card{display:flex;flex-direction:column;min-width:0;padding:16px;border:1px solid var(--u-line);border-radius:16px;background:radial-gradient(ellipse at 50% 20%,#8cba8c14,transparent 70%),#101e2ae6}.ward-ux-page .rpg-shop-card.is-owned{border-color:#9ae5c159}.ward-ux-page .rpg-shop-card-top{display:flex;justify-content:space-between;gap:8px;color:var(--u-muted);font-size:12px}.ward-ux-page .rpg-shop-card-top b{color:var(--u-gold);font-weight:650;text-align:right}.ward-ux-page .rpg-shop-picture{height:126px;display:flex;justify-content:center;align-items:center;margin:10px 0}.ward-ux-page .rpg-shop-picture>.rpg-art{width:122px;height:122px}.ward-ux-page .rpg-shop-card h4{font-size:19px;line-height:1.35;margin:0 0 8px}.ward-ux-page .rpg-shop-card>p{font-size:14px;color:var(--u-muted);margin:0 0 13px;line-height:1.6}.ward-ux-page .rpg-shop-stats{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px;font-size:14px}.ward-ux-page .rpg-shop-stats>span{padding:3px 7px;border-radius:6px;background:#b9d5e615;color:#dbe6ef}.ward-ux-page .rpg-shop-comparison{display:flex;flex-direction:column;gap:4px;padding:11px;margin-bottom:13px;border:1px solid #acc6d52b;border-radius:9px;background:#06131c65;font-size:14px}.ward-ux-page .rpg-shop-comparison>span{font-size:12px;color:var(--u-muted)}.ward-ux-page .rpg-shop-comparison small{margin-left:4px;color:var(--u-muted);font-weight:500;font-size:12px}.ward-ux-page .rpg-shop-actions{display:grid;gap:7px;margin-top:auto}.ward-ux-page .rpg-shop-actions .rpg-button{min-height:46px;font-size:14px!important}.ward-ux-page .rpg-shop-availability{display:block;min-height:19px;margin-top:8px;font-size:12px;color:var(--u-muted);line-height:1.5}.ward-ux-page .rpg-shop-stock{font-size:14px;color:var(--u-muted);margin:0 0 14px!important}.ward-ux-page .rpg-shop-stock strong{color:var(--u-gold)}
.ward-ux-page .rpg-shop-ward{width:100%;height:150px;background-repeat:no-repeat;border-radius:9px;border:1px solid var(--u-line)}.ward-ux-page .rpg-shop-card--wards .rpg-shop-picture{height:150px;margin:13px 0}.ward-ux-page .rpg-shop-card--pets .rpg-shop-picture>.rpg-pet-sprite{width:130px;height:130px}.ward-ux-page .rpg-shop-card--skins .rpg-shop-picture{height:224px;margin:8px 0 14px;background:radial-gradient(ellipse,#6f7c583b,transparent 70%);border-radius:10px}.ward-ux-page .rpg-shop-skin-image{height:224px;max-width:100%;object-fit:contain}.ward-ux-page .rpg-shop-doll{position:relative;height:224px;aspect-ratio:2/3}.ward-ux-page .rpg-appearance-note{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid #e3c47655;border-radius:10px;background:#e3c4760c;color:var(--u-muted);font-size:13px;line-height:1.5;margin-bottom:13px!important}.ward-ux-page .rpg-appearance-note button{flex-shrink:0;font-size:13px!important;padding:8px 12px;min-height:36px}
:root[data-theme=light] .ward-ux-page .rpg-shop-card-top b,:root[data-theme=light] .ward-ux-page .rpg-shop-stock strong{color:var(--u-gold)!important}:root[data-theme=light] .ward-ux-page .rpg-shop-card :is(p,.rpg-shop-availability){color:var(--u-muted)!important}:root[data-theme=light] .ward-ux-page .rpg-shop-tabs .is-active span{color:var(--u-gold)!important}
@media(min-width:701px) and (max-width:980px){.ward-ux-page .rpg-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ward-ux-page .rpg-nav:has([data-panel=shop]) .rpg-nav-button{flex-direction:column;gap:0;min-height:74px;font-size:12px!important}.ward-ux-page .rpg-nav:has([data-panel=shop]) .rpg-nav-button>.rpg-art{width:35px;height:35px}}
@media(max-width:700px){.ward-ux-page .rpg-shop-tabs{top:-12px;gap:6px;padding:5px 0 9px}.ward-ux-page .rpg-shop-tabs button{font-size:13px;min-height:44px;padding:5px 10px;gap:5px}.ward-ux-page .rpg-shop-tabs .rpg-art{width:24px;height:24px}.ward-ux-page .rpg-shop-intro{flex-wrap:wrap;gap:10px;margin:10px 0 14px}.ward-ux-page .rpg-shop-intro h4{font-size:19px}.ward-ux-page .rpg-shop-intro p{font-size:13px}.ward-ux-page .rpg-shop-grid{grid-template-columns:1fr;gap:13px}.ward-ux-page .rpg-shop-card{padding:15px}.ward-ux-page .rpg-shop-card h4{font-size:20px}.ward-ux-page .rpg-shop-card-top{font-size:12px}.ward-ux-page .rpg-shop-picture{height:120px;margin:7px 0 11px}.ward-ux-page .rpg-shop-picture>.rpg-art{width:120px;height:120px}.ward-ux-page .rpg-shop-actions .rpg-button{min-height:48px;font-size:14px!important}.ward-ux-page .rpg-shop-card--skins .rpg-shop-picture,.ward-ux-page .rpg-shop-skin-image,.ward-ux-page .rpg-shop-doll{height:230px}.ward-ux-page .rpg-appearance-note{display:block;font-size:13px}.ward-ux-page .rpg-appearance-note button{margin-top:8px}.ward-ux-page .rpg-nav:has([data-panel=shop]) .rpg-nav-button{flex:0 0 77px;min-width:77px}}
.ward-ux-page .rpg-shop-card--gear .rpg-shop-picture{height:84px;margin:4px 0 9px}.ward-ux-page .rpg-shop-card--gear .rpg-shop-picture>.rpg-art{height:84px;width:84px}.ward-ux-page .rpg-shop-card--gear{padding:13px}.ward-ux-page .rpg-shop-card--gear .rpg-shop-comparison{padding:8px;font-size:13px}.ward-ux-page .rpg-shop-card--gear .rpg-shop-stats{font-size:13px}.ward-ux-page .rpg-shop-intro{margin:6px 0 13px}.ward-ux-page .rpg-shop-intro p{margin-top:0}
@media(min-width:981px) and (max-width:1100px){.ward-ux-page .rpg-nav:has([data-panel=shop]) .rpg-nav-button{flex-direction:column;gap:0;min-height:74px}.ward-ux-page .rpg-nav:has([data-panel=shop]) .rpg-nav-button>.rpg-art{width:35px;height:35px}}