.shop-effect-art{display:block;width:100%;height:100%;overflow:hidden}.shop-effect-art .effect-backdrop{fill:#193e39}.shop-effect-art[data-effect=snow] .effect-backdrop{fill:#244d6a}.shop-effect-art[data-effect=stars] .effect-backdrop{fill:#303955}.shop-effect-art[data-effect=rainbow] .effect-backdrop{fill:#3d4357}.shop-effect-art[data-playing=true] .effect-particle{animation:shop-confetti 2.3s var(--delay) ease-out both;transform-box:fill-box;transform-origin:center}.shop-effect-art[data-playing=true][data-effect=snow] .effect-particle{animation-name:shop-snow;animation-duration:3.6s}.shop-effect-art[data-playing=true][data-effect=stars] .effect-particle,.shop-effect-art[data-playing=true][data-effect=rainbow] .effect-particle{animation-name:shop-starlight;animation-duration:2.7s}.shop-effect-art[data-playing=true] .effect-emblem{animation:shop-emblem 2.7s ease-out both;transform-origin:160px 100px}.shop-effect-art[data-playing=true] .effect-rainbow{animation:shop-arc 3s ease-out both;transform-origin:160px 148px}.shop-screen-effect{position:fixed;inset:0;z-index:9950;pointer-events:none;display:grid;place-items:center;overflow:hidden}.shop-screen-effect .shop-effect-art{width:100%;height:100%;max-width:1100px;filter:drop-shadow(0 2px 5px #172d4260)}@keyframes shop-confetti{0%{opacity:0;transform:translateY(65px) rotate(0)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translateY(-32px) rotate(var(--turn))}}@keyframes shop-snow{0%{opacity:0;transform:translate(-8px,-40px)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translate(12px,35px)}}@keyframes shop-starlight{0%{opacity:0;transform:scale(.3)}30%{opacity:1;transform:scale(1.2)}70%{opacity:1;transform:scale(.9)}to{opacity:0;transform:scale(.5)}}@keyframes shop-emblem{0%{opacity:0;transform:scale(.75)}20%,80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.06)}}@keyframes shop-arc{0%{opacity:0;transform:scaleY(.4)}25%,85%{opacity:1;transform:scaleY(1)}to{opacity:0}}.shop-effect-art[data-reduced=true] *{animation:none!important}@media(prefers-reduced-motion:reduce){.shop-effect-art *{animation:none!important;transition:none!important}}.shop-showcase{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:28px;margin-bottom:28px;border:1px solid #dbcdb8;border-radius:24px;background:#fbf6ec;color:#343d35}.shop-showcase-copy{align-self:center}.shop-eyebrow{font-size:11px;font-weight:800;letter-spacing:.12em;color:#6e765b}.shop-showcase h2{font-size:clamp(24px,3vw,34px);line-height:1.25;font-weight:900;letter-spacing:-.05em;margin:12px 0}.shop-intro{font-size:14px;line-height:1.7;color:#596457}.shop-cosmetic{margin-top:22px;font-size:11px;font-weight:700;color:#426c54}.shop-preserved{font-size:11px;color:#626d5f;margin-top:8px;line-height:1.6}.shop-stage{height:205px;position:relative;display:grid;place-items:center;background:#efe9dc;border-radius:18px;overflow:hidden}.shop-stage .collectible{position:relative;z-index:1}.shop-stage-orbit{position:absolute;width:154px;height:154px;border:1px dashed #aeac90;border-radius:50%;background:#f8f2e3}.shop-stage-name{font-size:17px;font-weight:900;text-align:center;margin:10px 0}.shop-mood-controls{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.shop-mood-controls button{min-width:44px;min-height:44px;padding:8px 10px;font-size:12px;border-radius:8px;color:#54614f}.shop-mood-controls button[aria-pressed=true]{background:#214e3e;color:#fff4d4}.shop-preview-note{font-size:10px;text-align:center;color:#626d5f;margin:8px 0 0;line-height:1.5}.shop-preview-button{display:block;min-height:44px;width:100%;padding:8px;border:1px solid #91a699;border-radius:9px;font-size:12px;font-weight:700;color:#315d47;background:transparent}[data-shop] button:focus-visible,[data-shop] a:focus-visible{outline:3px solid #d08323;outline-offset:3px}[data-shop] .shop-item-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;padding:16px 12px;border-radius:18px}[data-shop] .shop-item-art{display:grid;place-items:center;height:124px;margin:8px 0 12px;border-radius:12px;background:#f5f0e6;overflow:hidden}[data-shop] .shop-item-name{font-size:14px;line-height:1.4;font-weight:800}[data-shop] .shop-item-desc{font-size:12px;line-height:1.55;min-height:3.1em;color:#667064;margin:6px 0}[data-shop] .shop-item-kind{font-size:10px;font-weight:700;color:#4b6c55;margin:4px 0 12px}[data-shop] .shop-item-actions{margin-top:auto;display:grid;gap:8px}[data-shop] .shop-item-actions button{min-height:44px;font-size:12px;padding:8px;line-height:1.5}.dark .shop-showcase{background:#172820;color:#f3eddf;border-color:#3a5040}.dark .shop-eyebrow,.dark .shop-intro,.dark .shop-preserved,.dark .shop-preview-note{color:#bfcbba}.dark .shop-stage{background:#253a2d}.dark .shop-stage-orbit{background:#304637;border-color:#6f876e}.dark .shop-cosmetic{color:#bfddb2}.dark .shop-mood-controls button{color:#cfdbc7}.dark .shop-mood-controls button[aria-pressed=true]{background:#cfdfae;color:#263c2d}.dark .shop-preview-button{border-color:#69846f;color:#d0e0c0}.dark [data-shop] .shop-item-art{background:#273b30}.dark [data-shop] .shop-item-desc{color:#b8c5b8}.dark [data-shop] .shop-item-kind{color:#b3d3ac}@media(max-width:540px){.shop-showcase{grid-template-columns:1fr;padding:20px;gap:20px}.shop-showcase h2{max-width:300px}.shop-cosmetic{margin-top:14px}.shop-stage{height:210px}}@media(prefers-reduced-motion:reduce){[data-shop] *{scroll-behavior:auto!important}}