.shop{gap:var(--space-5);width:min(100%,64rem);margin-inline:auto;display:grid}.shop__hero{gap:var(--space-2);text-align:center;padding:var(--space-5) var(--space-3);border-radius:var(--radius);background:linear-gradient(120deg,color-mix(in srgb,var(--color-primary) 35%,var(--color-surface)),var(--color-surface) 70%);justify-items:center;display:grid}.shop__title{margin:0;font-size:clamp(1.6rem,4vw,2.25rem)}.shop__lead{color:var(--color-muted);max-width:36rem;margin:0}.shop__balances{gap:var(--space-4);margin:var(--space-2) 0 0;justify-content:center;display:flex}.shop__balances div{justify-items:center;gap:0;display:grid}.shop__balances dt{color:var(--color-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem}.shop__balances dd{margin:0;font-size:1.5rem;font-weight:800}.shop__section{gap:var(--space-3);display:grid}.shop__heading{padding-bottom:var(--space-2);border-bottom:2px solid #0000;border-image:linear-gradient(90deg,var(--color-primary),transparent) 1;margin:0;font-size:1.25rem}.shop__row{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));display:grid}.shop__notice{grid-column:1/-1}.shop-tile{gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius);background:var(--color-surface);border:1px solid var(--color-border);grid-template-rows:auto 1fr auto;transition:transform .15s,border-color .15s;display:grid;position:relative;box-shadow:inset 0 1px #ffffff0a,0 10px 24px -14px #0009}.shop-tile:hover{border-color:var(--color-primary);transform:translateY(-2px)}.shop-tile--highlight{border-color:var(--color-primary)}.shop-tile__visual{border-radius:calc(var(--radius) - 2px);background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--color-primary) 22%,transparent),transparent 70%),var(--color-bg);place-items:center;min-height:9rem;display:grid;position:relative}.shop-tile__badge{top:var(--space-2);right:var(--space-2);position:absolute}.shop-tile__emblem{filter:drop-shadow(0 6px 10px #00000080);font-size:4rem;line-height:1}.shop-tile__emblem--gold{color:#ffd45e}.shop-tile__body{gap:var(--space-1);align-content:start;display:grid}.shop-tile__title{margin:0;font-size:1rem}.shop-tile__text{color:var(--color-muted);margin:0;font-size:.875rem}.shop-tile__action{justify-content:stretch;display:flex}.shop-tile__action>*{flex:1;justify-content:center}.shop__track{padding:var(--space-2);box-sizing:border-box;grid-template-columns:repeat(7,1fr);gap:.25rem;width:100%;margin:0;list-style:none;display:grid}.shop__day{border:1px solid var(--color-border);background:var(--color-surface);border-radius:.5rem;justify-items:center;gap:.1rem;padding:.35rem 0;display:grid}.shop__day-num{color:var(--color-muted);font-size:.65rem;font-weight:700}.shop__day-reward{font-size:.85rem;font-weight:800}.shop__day--done{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.shop__day--done .shop__day-num{color:#fff}.shop__day--today{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 45%,transparent)}.shop__donate{gap:var(--space-2);text-align:center;padding:var(--space-4);border-radius:var(--radius);border:1px dashed var(--color-border);justify-items:center;display:grid}.shop__donate .shop__heading{border:0;padding:0}.shop__donate-badge{background:var(--color-border);border-radius:999px;padding:.2rem .7rem;font-size:.75rem;font-weight:700}@media (prefers-reduced-motion:reduce){.shop-tile{transition:none}.shop-tile:hover{transform:none}}.friends__invite{gap:var(--space-2);flex-wrap:wrap;align-items:end;width:100%;display:flex}.friends__invite .ui-field{flex:16rem;min-width:0}.friends__hint{color:var(--color-muted);margin:0;font-size:.875rem}.shop__offers{gap:var(--space-2);width:100%;margin:0;padding:0;list-style:none;display:grid}.shop__offer{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius);border:2px solid var(--color-border);background:var(--color-bg);text-align:left;grid-template-columns:auto 1fr auto;display:grid}.shop__offer-points{color:var(--color-primary);font-size:1.5rem;font-weight:800}.shop__offer-label{color:var(--color-muted)}.shop__donate{gap:var(--space-2);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border);justify-items:center;display:grid}