/* Storefront presentation. Shared rewards still own the actual banner/frame art. */
.ma-shop{display:flex;flex-direction:column;gap:20px;}
.ma-shop>*{flex:none;}
.ma-shop-wallet{display:grid;grid-template-columns:34px minmax(0,1fr) minmax(0,1fr);align-items:center;gap:8px 10px;padding-block:0 14px;}
.ma-shop-coin{display:grid;place-items:center;width:34px;height:34px;border:1px solid #e4bf67;border-radius:50%;background:linear-gradient(135deg,#fff1c5,#eac465);color:#6a4517;box-shadow:inset 0 0 0 3px #ffffff55;}
.ma-shop-coin .ma-icon{width:19px;height:19px;}
.ma-shop-wallet__copy{min-width:0;}
.ma-shop-wallet__copy strong{font-size:.78rem;line-height:1.4;color:var(--ma-text-strong);}
.ma-shop-wallet__balance{margin:2px 0 0;font-size:.73rem;line-height:1.45;color:var(--ma-muted);overflow-wrap:anywhere;}
.ma-shop-wallet>[data-ma-purchase-coins]{grid-column:2/-1;justify-self:start;}
.ma-shop-wallet>[data-ma-shop-refresh]{grid-column:2/-1;justify-self:start;}
.ma-shop-wallet__tokens{padding-left:12px;border-left:1px solid var(--ma-border);}
.ma-shop-wallet__help{padding:0;border:0;background:none;color:var(--ma-text-strong);font:700 .78rem/1.4 var(--ma-font-ui);text-align:left;cursor:help;}
.ma-shop-wallet__help::after{content:" ⓘ";font-weight:400;}
.ma-shop-wallet__help:focus-visible{outline:2px solid var(--ma-focus-ring);outline-offset:3px;}
.ma-shop-intro{display:grid;gap:5px;}
.ma-shop-intro h3{margin:0;font:800 1.65rem/1.2 var(--ma-font-display);letter-spacing:-.04em;color:var(--ma-text-strong);}
.ma-shop-intro p{margin:0;font-size:.8rem;line-height:1.5;color:var(--ma-muted);}
.ma-shop-products{display:grid;gap:18px;}
.ma-shop-product{--ma-banner-fit:auto 140px;--ma-banner-position:right bottom;--ma-shop-soft:color-mix(in srgb,var(--ma-banner-ink) 18%,transparent);--ma-shadow-control:none;display:grid;grid-template-columns:minmax(0,1fr) 96px;align-items:center;gap:20px 14px;position:relative;min-width:0;min-height:216px;padding:22px;border:1px solid var(--ma-border);border-radius:23px;background:var(--ma-banner-canvas);color:var(--ma-text-strong);font:inherit;text-align:left;cursor:pointer;overflow:hidden;isolation:isolate;transition:transform var(--ma-motion-fast) ease;}
.ma-shop-product:focus-visible{outline:3px solid var(--ma-focus-ring);outline-offset:3px;}
.ma-shop-product__copy{display:grid;align-content:start;gap:9px;min-width:0;}
.ma-shop-eyebrow{font-size:.6rem;line-height:1.45;font-weight:750;letter-spacing:.1em;text-transform:uppercase;}
.ma-shop-product__name{font:800 1.9rem/1.15 var(--ma-font-display);letter-spacing:-.055em;}
.ma-shop-product__description{max-width:28ch;font-size:.76rem;line-height:1.5;}
.ma-shop-scene{position:relative;display:block;min-width:0;width:96px;height:120px;}
.ma-shop-scene::before{content:"";position:absolute;inset:10px 2px;border:1px solid var(--ma-shop-soft);border-radius:50%;transform:rotate(-30deg);}
.ma-shop-scene>img{position:absolute;top:4px;right:0;width:80px;height:80px;border-radius:19px;object-fit:contain;transform:rotate(9deg);box-shadow:0 12px 24px #15112333;}
.ma-shop-scene>.ma-atlas-avatar{position:absolute;left:0;bottom:0;width:44px;height:44px;min-width:44px;font-size:1.25rem;--ma-card:#292838;background:var(--ma-card);color:#fff;-webkit-text-fill-color:currentColor;}
.ma-shop-product__footer{display:flex;grid-column:1/-1;align-items:center;justify-content:space-between;gap:14px;padding-top:14px;border-top:1px solid var(--ma-shop-soft);font-size:.76rem;line-height:1.4;font-weight:750;}
.ma-shop-product__footer .ma-icon{flex:none;width:20px;height:20px;}
.ma-shop-product[data-owned="true"] .ma-shop-product__footer>span::before{content:"✓ ";}
.ma-shop-rewards-link{--ma-control:transparent;--ma-control-hover:transparent;--ma-control-text:var(--ma-text-strong);--ma-shadow-control:none;display:flex;align-items:center;gap:14px;min-width:0;padding:8px 0;border:0;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:.88rem;}
.ma-shop-rewards-link span>span{font-size:.75rem;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-rewards-link:focus-visible{outline:3px solid var(--ma-focus-ring);outline-offset:3px;border-radius:6px;}
.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);}
@media(max-width:360px){.ma-shop-product{grid-template-columns:minmax(0,1fr) 80px;padding:18px;gap:16px 10px;}.ma-shop-scene{width:80px;height:106px;}.ma-shop-scene>img{width:68px;height:68px;border-radius:16px;}.ma-shop-product__name{font-size:1.65rem;}}
html[data-ma-large-text] .ma-shop-product{grid-template-columns:minmax(0,1fr);}
html[data-ma-large-text] .ma-shop-scene{justify-self:end;}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.ma-shop-product:hover{transform:translateY(-2px);}}
@media(prefers-reduced-motion:reduce){.ma-shop-product{transition:none;}}
.ma-shop-essentials{display:grid;gap:12px;}
.ma-shop-essentials h3,.ma-streak-items h3{margin:0;font-size:.95rem;color:var(--ma-text-strong);}
.ma-shop-essential{--ma-control:var(--ma-surface-inset);--ma-control-hover:var(--ma-surface-elevated);display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;padding:18px;border:1px solid var(--ma-border);border-radius:18px;background:var(--ma-control);color:var(--ma-text);font:inherit;text-align:left;cursor:pointer;min-width:0;}
.ma-shop-essential__symbol{align-self:start;font-size:1.9rem;color:var(--ma-atlas);text-align:center;}
.ma-shop-essential__copy{display:grid;gap:5px;}
.ma-shop-essential__copy strong{font-size:.88rem;}
.ma-shop-essential__copy>span{font-size:.74rem;line-height:1.5;color:var(--ma-muted);}
.ma-shop-essential__footer{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:.74rem;font-weight:700;color:var(--ma-text-strong);}
.ma-shop-essential:focus-visible{outline:3px solid var(--ma-focus-ring);outline-offset:3px;}
.ma-shop-essential:disabled{cursor:default;opacity:.65;}
.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;}
.ma-shop-wardrobe-portrait{width:48px;height:54px;border-radius:12px;background:#e5e5da;overflow:hidden;}
.ma-shop-wardrobe-portrait svg{width:100%;height:100%;display:block;}

/* The preview and full page share these tiles, wallet and purchase owner. */
.ma-shop-content{display:grid;gap:26px;min-width:0;}
.ma-shop-header{min-width:0;border-bottom:1px solid var(--ma-border);background:var(--ma-surface-strong);}
.ma-shop-preview>.ma-shop-header{position:sticky;top:0;z-index:3;padding-top:4px;}
.ma-shop-open{display:flex;justify-content:space-between;width:100%;margin-bottom:14px;text-decoration:none;}
.ma-shop-full>.ma-shop-header{background:var(--ma-app-bg);}
.ma-shop-tabs{display:flex;gap:4px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;}
.ma-shop-tab{flex:1 0 auto;min-height:46px;padding:12px 14px;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--ma-muted);font:750 .8rem/1.3 var(--ma-font-ui);cursor:pointer;}
.ma-shop-tab[aria-selected="true"]{border-color:var(--ma-atlas);color:var(--ma-text-strong);}
.ma-shop-tab:focus-visible{outline:2px solid var(--ma-focus-ring);outline-offset:-3px;}
.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:800 .98rem/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-full .ma-shop-products{grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));}
.ma-shop-full .ma-shop-essentials{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));}
.ma-shop-preview .ma-shop-product{min-height:180px;padding:18px;grid-template-columns:minmax(0,1fr) 76px;gap:14px 10px;}
.ma-shop-preview .ma-shop-product__name{font-size:1.6rem;}
.ma-shop-preview .ma-shop-scene{width:76px;height:100px;}
.ma-shop-preview .ma-shop-scene>img{width:64px;height:64px;}
.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-coin-packs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),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:20px;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:850 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-coin-pack:focus-visible{outline:3px solid var(--ma-focus-ring);outline-offset:3px;}
.ma-shop-empty{margin:0;color:var(--ma-muted);line-height:1.5;}
@media(max-width:380px){.ma-shop-wallet{grid-template-columns:28px minmax(0,1fr) minmax(0,1fr);}.ma-shop-wallet>[data-ma-purchase-coins]{grid-column:1/-1;justify-self:stretch;}.ma-shop-wallet .ma-shop-coin{width:28px;height:28px;}}
html[data-ma-large-text] .ma-shop-wallet{grid-template-columns:28px minmax(0,1fr);}
html[data-ma-large-text] .ma-shop-wallet__tokens{grid-column:2;padding-left:0;border-left:0;}
html[data-ma-large-text] .ma-shop-wallet>[data-ma-purchase-coins]{grid-column:1/-1;}
html[data-ma-large-text] .ma-shop-preview .ma-shop-product{grid-template-columns:minmax(0,1fr);}