/* One storefront vocabulary for the compact account preview and full shop. */
.ma-shop{display:flex;flex-direction:column;gap:20px;min-width:0;}
.ma-shop>*{flex:none;}
.ma-shop-header{min-width:0;background:var(--ma-app-bg);}
.ma-shop-preview>.ma-shop-header{position:sticky;top:0;z-index:3;background:var(--ma-surface-strong);padding-top:4px;}
.ma-shop-wallet{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) auto;align-items:center;gap:12px;padding:0 0 16px;border-bottom:1px solid var(--ma-border);}
.ma-shop-wallet__copy{display:grid;grid-template-columns:26px minmax(0,1fr);gap:4px 8px;min-width:0;align-items:center;}
.ma-shop-wallet__copy>.ma-shop-coin{grid-row:1/3;}
.ma-shop-wallet__copy strong{display:flex;align-items:center;min-height:44px;font-size:.68rem;color:var(--ma-muted);line-height:1.4;}
.ma-shop-wallet__balance{grid-column:2;margin:0;font-size:.73rem;line-height:1.4;color:var(--ma-muted);overflow-wrap:anywhere;}
.ma-shop-wallet__balance[data-value="true"]{font:750 1.25rem/1.2 var(--ma-font-display);color:var(--ma-text-strong);font-variant-numeric:tabular-nums;}
.ma-shop-wallet__tokens{display:grid;grid-template-columns:1fr;padding-left:12px;border-left:1px solid var(--ma-border);}
.ma-shop-wallet__label{display:flex;align-items:center;gap:4px;min-height:44px;}
.ma-shop-wallet__tokens .ma-shop-wallet__balance{grid-column:1;margin-top:0;}
.ma-shop-wallet__help{position:relative;display:grid;place-items:center;flex:none;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:var(--ma-muted);font:650 .65rem/1 var(--ma-font-ui);cursor:help;}
.ma-shop-wallet__help::before{content:"";position:absolute;inset:12px;border:1px solid var(--ma-border-strong);border-radius:50%;pointer-events:none;}
.ma-shop-wallet>[data-ma-shop-refresh]{grid-column:1/-1;justify-self:start;}
.ma-shop-wallet>[data-ma-purchase-coins]{min-height:44px;}
.ma-shop-coin{display:grid;place-items:center;flex:none;width:26px;height:26px;border:1px solid #e4bf67;border-radius:50%;background:#edc96f;color:#6a4517;box-shadow:inset 0 0 0 3px #ffffff55;}
.ma-shop-coin .ma-icon{width:16px;height:16px;}
.ma-shop-open{display:flex;justify-content:space-between;width:100%;margin:12px 0 16px;text-decoration:none;background:var(--ma-primary);color:var(--ma-primary-text);border:0;}
.ma-shop-content{display:grid;gap:26px;min-width:0;}
.ma-shop-tabs{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding:14px 0 6px;}
.ma-shop-tab{display:flex;align-items:center;justify-content:center;gap:7px;flex:1 0 auto;min-height:44px;padding:10px 14px;border:1px solid var(--ma-border);border-radius:12px;background:var(--ma-surface-inset);color:var(--ma-text-soft);font:650 .75rem/1.35 var(--ma-font-ui);cursor:pointer;}
.ma-shop-tab>.ma-icon{width:18px;height:18px;flex:none;}
.ma-shop-tab[aria-selected="true"]{background:var(--ma-primary);border-color:var(--ma-primary);color:var(--ma-primary-text);}
.ma-shop-section{display:grid;gap:12px;min-width:0;}
.ma-shop-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.ma-shop-section-heading h3{margin:0;font:750 1rem/1.35 var(--ma-font-display);color:var(--ma-text-strong);}
.ma-shop-section-link{display:inline-flex;align-items:center;min-height:44px;flex:none;color:var(--ma-muted);font-size:.75rem;text-underline-offset:3px;}
.ma-shop-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.ma-shop-product{display:flex;flex-direction:column;position:relative;min-width:0;padding:0;border:1px solid var(--ma-border);border-radius:18px;background:var(--ma-card);color:var(--ma-text-strong);font:inherit;text-align:left;cursor:pointer;overflow:hidden;}
.ma-shop-scene{--ma-banner-fit:auto 100%;display:block;width:100%;height:190px;position:relative;background:var(--ma-banner-canvas);}
.ma-shop-scene>img{position:absolute;bottom:14px;left:14px;width:52px;height:52px;border-radius:13px;object-fit:contain;box-shadow:0 3px 10px #0003;}
.ma-shop-product__copy{display:grid;gap:5px;padding:16px 18px 10px;min-width:0;}
.ma-shop-eyebrow{font-size:.6rem;line-height:1.4;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--ma-muted);}
.ma-shop-product__name{font:800 1.45rem/1.2 var(--ma-font-display);letter-spacing:-.03em;}
.ma-shop-product__description{font-size:.76rem;line-height:1.5;color:var(--ma-muted);}
.ma-shop-product__footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding:12px 18px 16px;font-size:.74rem;line-height:1.45;font-weight:700;}
.ma-shop-product__footer>.ma-icon{width:18px;height:18px;flex:none;color:var(--ma-atlas);}
.ma-shop-product[data-owned="true"] .ma-shop-product__footer>span::before{content:"✓ ";}
.ma-shop-preview .ma-shop-products{gap:10px;}
.ma-shop-preview .ma-shop-scene{height:124px;}
.ma-shop-preview .ma-shop-scene>img{width:36px;height:36px;left:10px;bottom:10px;border-radius:9px;}
.ma-shop-preview .ma-shop-product__copy{padding:12px 12px 6px;}
.ma-shop-preview .ma-shop-product__name{font-size:1.03rem;}
.ma-shop-preview .ma-shop-product__description{display:none;}
.ma-shop-preview .ma-shop-product__footer{padding:8px 12px 14px;font-size:.65rem;}
.ma-shop-preview .ma-shop-product__footer>.ma-icon{display:none;}
.ma-shop-preview .ma-shop-wallet{grid-template-columns:repeat(2,minmax(0,1fr));}
.ma-shop-preview .ma-shop-wallet>[data-ma-purchase-coins]{grid-column:1/-1;justify-self:start;}
.ma-shop-essentials{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}
.ma-shop-essential{display:flex;flex-direction:column;gap:0;min-width:0;padding:0;overflow:hidden;border:1px solid var(--ma-border);border-radius:16px;background:var(--ma-card);color:var(--ma-text-strong);font:inherit;text-align:left;cursor:pointer;}
.ma-shop-essential__symbol{display:grid;place-items:center;width:100%;height:160px;font-size:3.5rem;color:var(--ma-atlas);text-align:center;background:var(--ma-surface-inset);}
.ma-shop-essential__symbol svg{display:block;width:100%;height:100%;max-width:150px;}
.ma-shop-essential__copy{display:grid;gap:5px;padding:14px 14px 6px;min-width:0;}
.ma-shop-essential__copy strong{font-size:.85rem;line-height:1.4;}
.ma-shop-essential__copy>span{display:none;}
.ma-shop-essential__footer{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding:8px 14px 14px;font-size:.7rem;line-height:1.5;font-weight:600;color:var(--ma-muted);}
.ma-shop-essential__footer>.ma-icon{display:none;}
.ma-shop-preview .ma-shop-essentials{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.ma-shop-preview .ma-shop-essential__symbol{height:120px;}
.ma-shop-preview .ma-shop-essential__copy{padding:10px 12px 4px;}
.ma-shop-preview .ma-shop-essential__footer{padding:6px 12px 12px;font-size:.65rem;}
[data-ma-shop-group="streak"] .ma-shop-essentials{grid-template-columns:repeat(2,minmax(0,1fr));}
[data-ma-shop-group="streak"] .ma-shop-essential__symbol{height:95px;}
[data-kind="consumable"] .ma-shop-essential__symbol svg{width:60px;height:60px;}
.ma-shop-full[data-category="featured"] [data-ma-shop-group="pets"] .ma-shop-essentials{grid-template-columns:repeat(2,minmax(0,1fr));}
.ma-shop-full [data-kind="consumable"] .ma-shop-essential__copy>span{display:block;font-size:.74rem;line-height:1.5;color:var(--ma-muted);}
.ma-shop-intro{display:grid;gap:5px;}
.ma-shop-intro h3{margin:0;font:750 1.4rem/1.2 var(--ma-font-display);color:var(--ma-text-strong);}
.ma-shop-intro p{margin:0;font-size:.8rem;line-height:1.5;color:var(--ma-muted);max-width:65ch;}
.ma-shop-filter{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--ma-muted);font-size:.8rem;}
.ma-shop-filter select{min-height:44px;max-width:100%;padding:10px 12px;border:1px solid var(--ma-border);border-radius:12px;background:var(--ma-surface-strong);color:var(--ma-text-strong);font:inherit;}
.ma-shop-rewards-link{display:flex;align-items:center;gap:12px;min-width:0;min-height:54px;padding:16px 0;border:0;border-top:1px solid var(--ma-border);background:transparent;color:var(--ma-text-strong);font:inherit;text-align:left;cursor:pointer;}
.ma-shop-rewards-link>span{display:grid;flex:1;gap:4px;min-width:0;}
.ma-shop-rewards-link strong{font-size:.85rem;}
.ma-shop-rewards-link span>span{font-size:.73rem;line-height:1.5;color:var(--ma-muted);}
.ma-shop-rewards-link>.ma-icon{flex:none;width:22px;height:22px;color:var(--ma-atlas);}
.ma-shop-coin-packs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}
.ma-shop-coin-pack{display:grid;justify-items:center;gap:8px;min-width:0;padding:26px 18px 18px;border:1px solid var(--ma-border);border-radius:18px;background:var(--ma-surface-inset);color:var(--ma-text-strong);font:inherit;cursor:pointer;}
.ma-shop-coin-pack>.ma-shop-coin{width:52px;height:52px;margin-bottom:8px;}
.ma-shop-coin-pack>strong{font:800 1.8rem/1.2 var(--ma-font-display);}
.ma-shop-coin-pack>span:not(.ma-shop-coin){font-size:.8rem;}
.ma-shop-coin-pack__action{margin-top:12px;padding-top:14px;width:100%;border-top:1px solid var(--ma-border);color:var(--ma-atlas);font-weight:750;}
.ma-shop-empty{margin:0;color:var(--ma-muted);line-height:1.5;}
.ma-shop :is(button,a):focus-visible{outline:3px solid var(--ma-focus-ring);outline-offset:2px;}
@media(max-width:800px){.ma-shop-essentials,.ma-shop-coin-packs{grid-template-columns:repeat(2,minmax(0,1fr));}.ma-shop-wallet{grid-template-columns:repeat(2,minmax(0,1fr));}.ma-shop-wallet>[data-ma-purchase-coins]{grid-column:1/-1;justify-self:start;}}
@media(max-width:500px){.ma-shop-products{gap:10px;}.ma-shop-scene{height:140px;}.ma-shop-scene>img{width:40px;height:40px;}.ma-shop-product__copy{padding:12px 12px 6px;}.ma-shop-product__name{font-size:1.12rem;}.ma-shop-product__description{display:none;}.ma-shop-product__footer{padding:8px 12px 14px;font-size:.68rem;}.ma-shop-product__footer>.ma-icon{display:none;}.ma-shop-tabs{gap:6px;}.ma-shop-tab{flex-direction:column;gap:5px;padding:10px 12px;}.ma-shop-essential__copy{padding:12px 12px 6px;}.ma-shop-essential__footer{padding:6px 12px 14px;}}
html[data-ma-large-text] .ma-shop-products,html[data-ma-large-text] .ma-shop-essentials,html[data-ma-large-text] .ma-shop-coin-packs{grid-template-columns:repeat(auto-fit,minmax(min(100%,185px),1fr));}
html[data-ma-large-text] .ma-shop-wallet{grid-template-columns:1fr;}
html[data-ma-large-text] .ma-shop-wallet__tokens{border:0;padding:0;}
@media(hover:hover){.ma-shop-product:hover,.ma-shop-essential:hover,.ma-shop-coin-pack:hover{border-color:var(--ma-atlas);}}

.ma-shop-detail{display:grid;gap:18px;}
.ma-shop-item-preview{display:grid;place-items:center;width:100%;height:300px;max-height:40dvh;min-height:200px;border-radius:20px;background:var(--ma-surface-inset);color:var(--ma-atlas);font-size:6rem;}
.ma-shop-item-preview svg{display:block;width:100%;height:100%;}
.ma-shop-detail__description{margin:0;color:var(--ma-muted);font-size:.85rem;line-height:1.5;}
.ma-shop-payment{position:sticky;bottom:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:12px;padding:12px 0;background:var(--ma-surface-strong);}
.ma-shop-payment__option{display:grid;gap:6px;min-width:0;}
.ma-shop-payment__option .ma-button{white-space:normal;min-height:48px;line-height:1.4;}
.ma-shop-payment__option small{font-size:.72rem;line-height:1.4;color:var(--ma-muted);text-align:center;}
.ma-shop-look{display:flex;align-items:center;gap:16px;min-height:116px;min-width:0;padding:20px;border-radius:16px;background:var(--ma-surface-inset);color:var(--ma-text-strong);box-sizing:border-box;}
.ma-shop-look__copy{display:grid;gap:5px;min-width:0;}
.ma-shop-look__copy strong{font-size:.9rem;line-height:1.4;}
.ma-shop-look__copy>span{font-size:.72rem;line-height:1.4;color:var(--ma-muted);}
.ma-shop-includes{display:flex;align-items:center;gap:16px;}
.ma-shop-includes img{width:64px;height:64px;border-radius:15px;flex-shrink:0;object-fit:contain;}
.ma-shop-includes strong{font-size:.9rem;line-height:1.4;}
.ma-shop-includes p{margin:4px 0 0;font-size:.82rem;line-height:1.5;color:var(--ma-muted);}
.ma-shop-theme-preview{--ma-text:var(--ma-theme-sample-ink);--ma-text-strong:var(--ma-theme-sample-ink);--ma-muted:var(--ma-theme-sample-ink);--ma-control-text:var(--ma-theme-sample-ink);display:grid;gap:16px;padding:18px;border-radius:16px;background:var(--ma-theme-sample-bg);color:var(--ma-theme-sample-ink);-webkit-text-fill-color:currentColor;border:1px solid color-mix(in srgb,var(--ma-theme-sample-ink) 20%,transparent);}
[data-ma-theme-sample="sakura"]{--ma-theme-sample-bg:#e9bfd1;--ma-theme-sample-ink:#65364b;--ma-theme-sample-card:#f1cede;}
[data-ma-theme-sample="evergreen"]{--ma-theme-sample-bg:#091a13;--ma-theme-sample-ink:#e7f0de;--ma-theme-sample-card:#163324;}
[data-ma-theme-sample="midnight"]{--ma-theme-sample-bg:#181628;--ma-theme-sample-ink:#d8c9ff;--ma-theme-sample-card:#2c2645;}
[data-ma-theme-sample="skyline"]{--ma-theme-sample-bg:#101b25;--ma-theme-sample-ink:#ffd38a;--ma-theme-sample-card:#293f4d;}
.ma-shop-theme-preview>div{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:.8rem;}
.ma-shop-theme-preview__pill{background:var(--ma-theme-sample-card);padding:9px 12px;border-radius:10px;font-size:.72rem;font-weight:700;}
.ma-streak-items{display:grid;gap:10px;padding-block:18px;border-block:1px solid var(--ma-border);}
.ma-streak-items p{margin:0;font-size:.8rem;line-height:1.5;color:var(--ma-muted);}
.ma-streak-items__row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:.85rem;}

.ma-shop-outfit-preview{height:220px;display:grid;place-items:center;border-radius:18px;background:var(--ma-surface-inset);}
.ma-shop-outfit-preview svg{height:100%;width:auto;}