@layer components{@media (width >= 80rem){.page-container-wide.community-shell>div:has(>main>[data-shop-home]){grid-template-columns:248px minmax(0,1fr)!important}}@media (width >= 120rem){.page-container-wide.community-shell>div:has(>main>[data-shop-home]){grid-template-columns:272px minmax(0,1fr)!important}}@media (width >= 160rem){.page-container-wide.community-shell>div:has(>main>[data-shop-home]){grid-template-columns:300px minmax(0,1fr)!important}}.community-shell__main:has(>[data-shop-home])>:not([data-shop-home]),.page-container-wide.community-shell:has(>div>main>[data-shop-home])>:not(:first-child),.page-container-wide.community-shell>div:has(>main>[data-shop-home])>aside:last-child{display:none!important}.shop-home{container:shop-main/inline-size;display:flex;flex-direction:column;gap:1.25rem;min-width:0}.shop-ribbon{border:1px solid var(--ember-600);border-radius:.5rem;background:hsl(var(--card));color:hsl(var(--foreground));font-size:.875rem;font-weight:600;padding:.5rem .75rem;text-align:center}.shop-section{display:flex;flex-direction:column;gap:.75rem}.shop-enter{animation:shop-rise var(--duration-page-in) var(--ease-macos) both;animation-delay:calc(var(--shop-i, 0) * 30ms)}@keyframes shop-rise{0%{opacity:0;transform:translateY(6px)}}.shop-rail{position:sticky;top:calc(var(--chrome-top) + .5rem);z-index:var(--z-sticky);display:flex;align-items:center;gap:.5rem;border:1px solid hsl(var(--border));border-radius:.75rem;background:hsl(var(--background)/.86);backdrop-filter:blur(16px);padding:.375rem}.shop-rail__chips{display:flex;flex:1 1 auto;gap:.25rem;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;position:relative}.shop-rail__chips::-webkit-scrollbar{display:none}.shop-chip{display:inline-flex;flex-shrink:0;align-items:center;gap:.375rem;min-height:2.25rem;border-radius:.5rem;color:hsl(var(--muted-foreground));font-size:.8125rem;font-weight:500;padding-inline:.625rem;white-space:nowrap;transition:color var(--duration-state) var(--ease-macos)}.shop-chip:hover,.shop-chip[aria-current=page]{color:hsl(var(--foreground));background:hsl(var(--muted))}.shop-chip[aria-current=page]{font-weight:600}.shop-chip__glyph{flex-shrink:0}.shop-balance{display:inline-flex;flex-shrink:0;align-items:center;gap:.25rem;min-height:2.25rem;border-left:1px solid hsl(var(--border));color:hsl(var(--foreground));font-size:.8125rem;font-variant-numeric:tabular-nums;font-weight:600;padding-inline:.625rem}.shop-filters{display:flex;flex-wrap:wrap;gap:.5rem 1rem}.shop-filters__group{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;min-width:0}.shop-filters__label{padding-inline-end:.25rem}.shop-filter,.shop-filters__label{color:hsl(var(--muted-foreground));font-size:.75rem}.shop-filter{display:inline-flex;align-items:center;min-height:1.75rem;border:1px solid hsl(var(--border));border-radius:999px;padding-inline:.625rem;white-space:nowrap;transition:color var(--duration-state) var(--ease-macos)}.shop-filter:hover{color:hsl(var(--foreground))}.shop-filter[aria-current=true]{border-color:hsl(var(--primary));color:hsl(var(--foreground));font-weight:600}@container shop-main (width < 36rem){.shop-filters{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.shop-filters::-webkit-scrollbar{display:none}.shop-filters__group{flex-wrap:nowrap;flex-shrink:0}}@media (pointer:coarse){.shop-balance,.shop-chip,.shop-filter,.shop-link{min-height:2.75rem}}.shop-header{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:flex-end;min-height:clamp(5.5rem,14cqi,9rem);border:1px solid hsl(var(--border));border-radius:.75rem;background:hsl(var(--card));padding:1rem}.shop-header>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.shop-header:after,.shop-header>img{position:absolute;inset:0;pointer-events:none}.shop-header:after{content:"";background:linear-gradient(to top,hsl(var(--background)/.82),transparent 70%)}.shop-header__title{position:relative;z-index:var(--z-raised);color:hsl(var(--foreground));font-size:1.25rem;font-weight:700;line-height:1.2}.shop-hero{min-width:0}.shop-hero,.shop-hero__stage{position:relative;isolation:isolate}.shop-hero__stage{width:100%;aspect-ratio:21/8;min-height:18rem;max-height:32rem;overflow:hidden;border:1px solid hsl(var(--border));border-radius:1rem;background:hsl(var(--card))}.shop-hero__slide{position:absolute;inset:0;opacity:0;transition:opacity 0s linear var(--duration-sheet-in)}.shop-hero__slide[data-active]{z-index:var(--z-raised);opacity:1;transition:opacity var(--duration-sheet-in) var(--ease-macos)}.shop-hero__slide>.shop-hero__art{position:absolute;inset:0}.shop-hero__art--accent{background:radial-gradient(circle at 75% 40%,color-mix(in srgb,var(--shop-accent,hsl(var(--primary))) 55%,transparent),transparent 70%),hsl(var(--card))}.shop-hero__scrim{position:absolute;inset:0;background:linear-gradient(to right,hsl(var(--background)/.9),hsl(var(--background)/.35) 55%,transparent)}.shop-hero__content{position:absolute;inset:0;display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;gap:1.5rem;padding:clamp(1rem,4cqi,2.5rem)}.shop-hero__wear{flex-shrink:0;margin-inline-end:clamp(0rem,5cqi,4rem)}.shop-hero__copy{display:flex;flex-direction:column;gap:.5rem;min-width:0;max-width:34rem}.shop-hero__eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;color:hsl(var(--muted-foreground));font-size:.75rem;font-weight:600}.shop-hero__countdown{border:1px solid var(--ember-600);border-radius:999px;background:hsl(var(--background)/.7);color:hsl(var(--foreground));padding:.125rem .5rem}.shop-hero__title{color:hsl(var(--foreground));font-size:clamp(1.5rem,4cqi,2.5rem);font-weight:700;line-height:1.1}.shop-hero__story{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:hsl(var(--foreground));font-size:.875rem}.shop-hero__actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.shop-hero__dots{position:absolute;bottom:.25rem;right:.5rem;z-index:var(--z-raised);display:flex}.shop-hero__dot{display:grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:999px}.shop-hero__dot>span{width:.5rem;height:.5rem;border-radius:999px;background:hsl(var(--muted-foreground));opacity:.6;transition:opacity var(--duration-state) var(--ease-macos)}.shop-hero__dot[aria-current=true]>span{background:hsl(var(--foreground));opacity:1}@media (pointer:coarse){.shop-hero__dot{width:2.75rem;height:2.75rem}.shop-hero__action{min-height:2.75rem}}@container shop-main (width < 36rem){.shop-hero__stage{aspect-ratio:4/5;max-height:none}.shop-hero__scrim{background:linear-gradient(to top,hsl(var(--background)/.94),hsl(var(--background)/.45) 55%,transparent)}.shop-hero__content{flex-direction:column;align-items:stretch;gap:.75rem}.shop-hero__wear{align-self:center;margin-block:auto;margin-inline:0}.shop-hero__dots{bottom:auto;top:.25rem}}.shop-shelf{display:flex;flex-direction:column;gap:.75rem;min-width:0}.shop-shelf__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.5rem 1rem}.shop-shelf__title{color:hsl(var(--foreground));font-size:1.0625rem;font-weight:700;line-height:1.3}.shop-shelf__story{max-width:44rem;color:hsl(var(--muted-foreground));font-size:.8125rem}.shop-shelf__aside{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.shop-palette{display:inline-flex;gap:.25rem}.shop-palette__chip{width:.75rem;height:.75rem;border:1px solid hsl(var(--border));border-radius:999px}.shop-save{border:1px solid var(--ember-600);border-radius:999px;color:hsl(var(--foreground));font-size:.75rem;font-weight:600;padding:.125rem .5rem;white-space:nowrap}.shop-link{display:inline-flex;align-items:center;color:hsl(var(--muted-foreground));font-size:.8125rem;font-weight:500;transition:color var(--duration-state) var(--ease-macos)}.shop-link:hover{color:hsl(var(--foreground))}.shop-link--button{min-height:2.25rem;border:1px solid hsl(var(--border));border-radius:.5rem;padding-inline:1rem}.shop-more{display:flex;justify-content:center}.shop-shelf__track{display:flex;gap:.75rem;width:-moz-max-content;width:max-content;padding-block:.25rem}.shop-shelf__cell{flex:0 0 auto;width:clamp(168px,20cqi,220px);scroll-snap-align:start}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(168px,calc(50% - .25rem)),1fr));gap:.5rem}@container shop-main (width >= 47.5rem){.shop-grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:.75rem}}.shop-grid>*{justify-self:center;width:100%;max-width:220px}.shop-card{position:relative;isolation:isolate;display:flex;flex-direction:column;height:100%;overflow:hidden;border:1px solid hsl(var(--border));border-radius:.75rem;background:hsl(var(--card));transition:transform var(--duration-state) var(--ease-macos)}@media (hover:hover){.shop-card:hover{transform:translateY(-2px)}}.shop-card:has(.shop-card__link:focus-visible){outline:2px solid hsl(var(--primary));outline-offset:1px}.shop-card__stage{position:relative;display:grid;place-items:center;aspect-ratio:1;overflow:hidden;background:hsl(var(--background));padding:.5rem}.shop-card__stage[data-fill]{padding:0}.shop-card__art{display:grid;place-items:center;width:100%;height:100%;min-height:0}.shop-card__art>img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.shop-card__art--fill{position:absolute;inset:0}.shop-card__art--fill>img{width:100%;height:100%;max-width:none;max-height:none}.shop-card__bg-avatar{position:absolute;left:.5rem;bottom:.5rem;width:2.5rem;height:2.5rem}.shop-card__plate{width:100%;font-size:.8125rem;font-weight:600;color:hsl(var(--foreground))}.shop-card__comment{display:flex;align-items:flex-start;gap:.5rem;width:100%;min-width:0;font-size:.75rem}.shop-card__comment-avatar{flex-shrink:0;width:2rem;height:2rem}.shop-card__comment-name{display:block;overflow:hidden;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.shop-card__comment-text{display:block;color:hsl(var(--muted-foreground))}.shop-card__lock{position:absolute;top:.5rem;right:.5rem;display:grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:999px}.shop-badge,.shop-card__lock{background:hsl(var(--card));color:hsl(var(--foreground))}.shop-badge{position:absolute;top:.375rem;left:.375rem;border-radius:.25rem;font-size:.625rem;font-weight:700;letter-spacing:.02em;padding:.0625rem .3125rem}.shop-badge[data-badge=LAST_DAY],.shop-badge[data-badge=LIMITED]{outline:1px solid var(--ember-600)}.shop-card__body{display:flex;flex:1 1 auto;flex-direction:column;gap:.25rem;padding:.5rem .625rem .625rem}.shop-card__name{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:hsl(var(--foreground));font-size:.8125rem;font-weight:600;line-height:1.3}.shop-card__link:after{content:"";position:absolute;inset:0}.shop-card__link:focus-visible{outline:none}.shop-card__meta{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:auto;font-size:.75rem}.shop-card__state{color:hsl(var(--muted-foreground));font-size:.75rem;font-weight:600}.shop-price{display:inline-flex;align-items:center;gap:.1875rem;color:hsl(var(--foreground));font-size:.75rem;font-variant-numeric:tabular-nums;font-weight:700}.shop-price__coin{flex-shrink:0;color:var(--gilt)}.shop-card__progress-label{margin-top:auto;color:hsl(var(--muted-foreground));font-size:.75rem}.shop-progress{display:block;height:.25rem;overflow:hidden;border-radius:999px;background:hsl(var(--muted))}.shop-progress__fill{display:block;width:100%;height:100%;background:hsl(var(--primary));transform-origin:left center}.shop-bundle__leaf{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:58%;height:58%;transform:translate(-50%,-50%) translateX(calc((var(--shop-fan-i) - (var(--shop-fan-n) - 1) / 2) * 14%)) rotate(calc((var(--shop-fan-i) - (var(--shop-fan-n) - 1) / 2) * 9deg))}.shop-bundle__leaf>img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.shop-bundle__swatch{width:60%;height:60%;border:1px solid hsl(var(--border));border-radius:999px;background:var(--shop-swatch,hsl(var(--muted)))}.shop-bundle__count{color:hsl(var(--muted-foreground));font-size:.75rem}.shop-bundle__prices{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.375rem;margin-top:auto}.shop-bundle__sum{color:hsl(var(--muted-foreground));font-size:.75rem;font-variant-numeric:tabular-nums}.shop-bundle__complete{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;margin-top:auto;color:hsl(var(--muted-foreground));font-size:.75rem}.shop-balance:focus-visible,.shop-chip:focus-visible,.shop-filter:focus-visible,.shop-hero__dot:focus-visible,.shop-link:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:1px}@media (prefers-reduced-motion:reduce){.shop-enter{animation:none}.shop-card,.shop-hero__slide,.shop-hero__slide[data-active]{transition:none}.shop-card:hover{transform:none}}:where(html[data-motion=reduce]) .shop-enter{animation:none}:where(html[data-motion=reduce]) .shop-card,:where(html[data-motion=reduce]) .shop-hero__slide,:where(html[data-motion=reduce]) .shop-hero__slide[data-active]{transition:none}:where(html[data-motion=reduce]) .shop-card:hover{transform:none}@media (prefers-reduced-transparency:reduce){.shop-rail{background:hsl(var(--background));backdrop-filter:none}}:where(html[data-transparency=reduce]) .shop-rail{background:hsl(var(--background));backdrop-filter:none!important}}