#dashRewards.dash-panel{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.shop-hero{position:relative;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:24px;overflow:hidden;padding:38px 42px;border-radius:24px;background:radial-gradient(circle at 85% 25%,#dfbaff80,transparent 48%),linear-gradient(120deg,#39247d,#7150cb 65%,#b06cdb);color:#fff;box-shadow:0 12px 30px #6444ae20}
.shop-eyebrow{font-size:10px;font-weight:800;letter-spacing:1.7px}.shop-hero h3{margin:14px 0;font:500 clamp(32px,4vw,48px)/1.08 var(--serif);letter-spacing:-1.2px;color:#fff}.shop-hero p{max-width:300px;line-height:1.7;color:#eee4ff;font-size:13px}.shop-balance{display:flex;align-items:center;gap:9px;flex-wrap:wrap;width:fit-content;margin:24px 0 18px;padding:12px 18px;border:1px solid #ffe6ab70;border-radius:14px;background:#24185055;font-size:25px;font-weight:800;color:#ffe5a1}.shop-balance small{font-size:11px;font-weight:500;color:#fff3d6}.shop-balance>span{color:#ffdc75}.shop-hero-link{display:inline-block;font-size:12px;font-weight:700;color:#fff;padding:8px 0}
.shop-hero-art{position:relative;display:grid;place-items:center;min-height:250px}.shop-hero-art::before{content:'';position:absolute;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle,#ffdfab,#d4b4ff);box-shadow:0 0 0 16px #ffffff0c,0 0 0 34px #ffffff06}.shop-pet{position:relative;display:block;width:100%;height:100%}.shop-pet .cartoon-companion{display:block;position:relative;width:100%;height:100%;filter:drop-shadow(0 9px 5px #3d225824);animation:shop-bob 4s ease-in-out infinite}.shop-hero-art>.shop-pet{width:205px;height:205px}.shop-pet .pet-sleepy-eyes{display:none}.shop-pet .pet-bright-eyes{display:block}.shop-pet-label{position:relative;margin-top:15px;padding:8px 14px;border-radius:20px;background:#38266480;font-size:10px;color:#fff0d5}.shop-spark{position:absolute;color:#ffe496;font-size:30px;animation:shop-twinkle 3s ease-in-out infinite}.shop-spark.one{left:8%;top:12%}.shop-spark.two{right:4%;bottom:25%;animation-delay:1s}
.shop-section{margin-top:38px;scroll-margin-top:20px}.shop-section-title{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.shop-section-title h3,.shop-earning h3{font:500 28px/1.2 var(--serif);letter-spacing:-.5px;margin:8px 0;color:var(--ink)}.shop-section-title .shop-eyebrow{color:#8860b4}.shop-section-title p{font-size:12px;color:var(--muted);line-height:1.6;margin:6px 0}.shop-tag{display:inline-block;flex-shrink:0;padding:8px 12px;border-radius:20px;background:var(--accent-soft);color:var(--ink);font-size:10px;font-weight:600}.shop-text-button{font-size:12px;color:var(--accent);min-height:44px}
.shop-bundles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.shop-bundle{position:relative;text-align:center;padding:25px 18px 18px;border-radius:20px;background:linear-gradient(145deg,#fff4d6,#ffe0a4);color:#6e3e16;overflow:hidden;border:1px solid #e9bd6950}.shop-bundle.bundle-1{background:linear-gradient(145deg,#eee2ff,#cfb7fc);color:#51307c;border-color:#b496de}.shop-bundle.bundle-2{background:linear-gradient(145deg,#d6f8f0,#a7e6dd);color:#175b59;border-color:#78c9bf}.shop-bundle h4{font-size:14px;margin:12px 0 8px}.shop-bundle>strong{font-size:29px;letter-spacing:-1px}.shop-bundle strong small{font-size:13px;letter-spacing:0}.shop-bundle p{font-size:11px;margin:8px 0 18px}.shop-bundle button{width:100%;padding:11px;border-radius:11px;background:#ffffff80;font-size:12px;font-weight:700;color:inherit;cursor:default}.shop-bundle-ribbon{display:block;margin:-25px -18px 12px;padding:6px;background:#7544b2;color:#fff;font-size:9px;font-weight:700;letter-spacing:.5px}.shop-coin-stack{position:relative;height:80px;max-width:140px;margin:0 auto}.shop-coin-stack i{position:absolute;left:calc(10% + var(--n)*15%);bottom:calc(4px + var(--n)*4px);display:grid;place-items:center;width:48px;height:48px;border:4px solid #ffda73;border-radius:50%;background:linear-gradient(145deg,#ffe9a3,#edaa37);color:#b97517;font-size:24px;font-style:normal;box-shadow:0 4px #c68a25,0 8px 12px #68420b15;transform:rotate(calc(-20deg + var(--n)*11deg));animation:shop-coin 5s ease-in-out infinite;animation-delay:calc(var(--n)*-.3s)}
.shop-filters{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.shop-filters button{padding:10px 15px;border-radius:20px;border:1px solid var(--line);background:var(--paper);font-size:12px;color:var(--ink);min-height:40px}.shop-filters button[aria-pressed=true]{background:#7350bb;border-color:#7350bb;color:#fff;box-shadow:0 4px 12px #7250bb25}.shop-outfits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.shop-outfit{min-width:0;text-align:left;padding:0;border-radius:17px;border:1px solid var(--line);overflow:hidden;background:var(--paper);transition:transform .2s,box-shadow .2s}.shop-outfit:hover{transform:translateY(-4px);box-shadow:0 10px 20px #7350bb18}.shop-outfit-stage{position:relative;display:grid;place-items:center;height:180px;overflow:hidden;background:radial-gradient(ellipse at 50% 85%,#fff9e7,transparent 60%),color-mix(in srgb,var(--outfit) 22%,#fff)}.shop-outfit-stage::before{content:'✧';position:absolute;right:12%;top:25%;font-size:35px;color:#ffffffd0}.shop-outfit-stage .shop-pet{width:140px;height:140px;margin-top:14px}.shop-outfit:nth-child(3n) .cartoon-companion{animation-delay:-1.3s}.shop-outfit:nth-child(3n+1) .cartoon-companion{animation-delay:-2.5s}.shop-category{position:absolute;top:10px;left:10px;font-size:9px;font-weight:600;padding:5px 8px;border-radius:12px;background:#ffffffb0;color:#5b426a}.shop-preview-label{position:absolute;bottom:8px;right:10px;font-size:9px;color:#674b7e}.shop-outfit-info{display:flex;flex-direction:column;gap:7px;padding:14px}.shop-outfit-info strong{font-size:13px;color:var(--ink)}.shop-outfit-info small{font-size:11px;font-weight:700;color:#926321}
.shop-icons{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.shop-icons button{display:flex;flex-direction:column;align-items:center;gap:12px;padding:18px 8px;border:1px solid var(--line);border-radius:17px;background:var(--paper)}.shop-app-icon{display:block;position:relative;width:84px;height:84px;flex-shrink:0;border-radius:23%;background:radial-gradient(circle at 75% 15%,var(--icon-b),transparent 85%),var(--icon-a);color:#fff8e7;box-shadow:inset 0 1px 1px #ffffff80,0 6px 12px #273a6a22;transition:transform .2s}.shop-app-icon>span{position:absolute;top:5%;left:0;right:0;text-align:center;font-size:22px}.shop-app-icon svg{position:absolute;width:75%;left:12.5%;bottom:9%}.shop-icons button:hover .shop-app-icon{transform:rotate(-6deg) scale(1.05)}.shop-icons strong{font-size:10px;color:var(--ink);text-align:center;line-height:1.4}
.shop-earning{padding:26px;border-radius:20px;background:linear-gradient(125deg,#e6f7f5,#e9f0ff);color:#244e66}.shop-earning h3{color:#244e66}.shop-earn-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.shop-earn-grid p{font-size:12px;line-height:1.7}.shop-earn-grid strong{display:block;color:#305773;margin-bottom:5px}.shop-earning>p{font-size:11px;line-height:1.6}.shop-activity{margin-top:24px;border-top:1px solid var(--line);padding:20px 0}.shop-activity summary{display:flex;justify-content:space-between;cursor:pointer;font-size:14px;font-weight:600;min-height:30px}.shop-activity summary span{font-size:11px;color:var(--muted)}.shop-activity>p{font-size:12px;color:var(--muted)}
.shop-dialog{width:min(440px,calc(100vw - 32px));max-height:85dvh;overflow:auto;border:1px solid var(--line);border-radius:24px;background:var(--paper);color:var(--ink);padding:28px;text-align:center}.shop-dialog::backdrop{background:#1a153c99;backdrop-filter:blur(6px)}.shop-dialog h2{font:500 28px var(--serif);margin:12px 22px 24px}.shop-dialog-close{position:absolute;right:12px;top:10px;width:40px;height:40px;font-size:26px;color:var(--muted)}.shop-dialog-stage{display:grid;place-items:center;border-radius:20px;background:radial-gradient(circle,#fff7e1,color-mix(in srgb,var(--outfit) 25%,white))}.shop-dialog-stage .shop-pet{width:230px;height:230px}.shop-dialog p{font-size:13px;line-height:1.6;color:var(--muted)}.shop-buy{width:100%;padding:14px;border-radius:12px;background:#7850be;color:#fff;font-size:13px;font-weight:700}.shop-buy:disabled{background:var(--line);color:var(--muted);cursor:default}.shop-icon-large{display:grid;place-items:center;padding:24px}.shop-icon-large .shop-app-icon{width:180px;height:180px}.shop-icon-large .shop-app-icon>span{font-size:46px}
html[data-app-theme=dark] #dashRewards.dash-panel{background:transparent;border:0}html[data-app-theme=dark] .shop-earning{background:linear-gradient(125deg,#183d40,#253650);color:#bedcde}html[data-app-theme=dark] .shop-earning :is(h3,strong){color:#dcf3f3}html[data-app-theme=dark] .shop-section-title .shop-eyebrow{color:#c4a0ee}
@keyframes shop-bob{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-6px) rotate(1deg)}}@keyframes shop-twinkle{0%,100%{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}@keyframes shop-coin{0%,100%{translate:0 0}50%{translate:0 -5px}}
@media(max-width:760px){.shop-hero{padding:26px 22px;gap:8px;grid-template-columns:1.2fr 1fr}.shop-hero h3{font-size:30px}.shop-hero-art{min-height:180px}.shop-hero-art::before{width:125px;height:125px}.shop-hero-art>.shop-pet{width:145px;height:145px}.shop-pet-label{font-size:8px;text-align:center;line-height:1.5}.shop-balance{font-size:22px;padding:10px}.shop-balance small{font-size:10px}.shop-section-title{align-items:flex-start;flex-wrap:wrap}.shop-section-title h3{font-size:25px}.shop-bundles{gap:8px}.shop-bundle{padding:20px 8px 12px;border-radius:15px}.shop-bundle h4{font-size:11px;min-height:28px}.shop-bundle>strong{font-size:23px}.shop-bundle strong small{display:block;font-size:11px}.shop-bundle p{min-height:25px;font-size:10px}.shop-bundle-ribbon{margin:-20px -8px 8px;font-size:8px;min-height:25px}.shop-coin-stack{height:65px}.shop-coin-stack i{width:32px;height:32px;font-size:16px;border-width:3px;left:calc(2% + var(--n)*13%)}.shop-outfits{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.shop-icons{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.shop-earn-grid{grid-template-columns:1fr;gap:0}.shop-eyebrow{font-size:8px;letter-spacing:1.2px}.shop-outfit-stage{height:170px}}
:is(.phone-preview,.app-preview) .shop-outfits{grid-template-columns:repeat(2,minmax(0,1fr))}:is(.phone-preview,.app-preview) .shop-icons{grid-template-columns:repeat(3,minmax(0,1fr))}:is(.phone-preview,.app-preview) .shop-hero{padding:24px;grid-template-columns:1fr}:is(.phone-preview,.app-preview) .shop-hero-art{min-height:210px}:is(.phone-preview,.app-preview) .shop-section-title{flex-wrap:wrap}:is(.phone-preview,.app-preview) .shop-earn-grid{grid-template-columns:1fr;gap:0}:is(.phone-preview,.app-preview) .shop-bundles{gap:8px}:is(.phone-preview,.app-preview) .shop-bundle{padding-left:8px;padding-right:8px}:is(.phone-preview,.app-preview) .shop-bundle h4{font-size:11px}
@media(max-width:390px){.shop-hero{grid-template-columns:1fr}.shop-hero-art{min-height:195px}.shop-hero-art>.shop-pet{width:175px;height:175px}}
@media(prefers-reduced-motion:reduce){.shop-pet .cartoon-companion,.shop-spark,.shop-coin-stack i{animation:none}.shop-outfit,.shop-app-icon{transition:none}}