@layer components{.shop-hero{isolation:isolate;background:radial-gradient(60% 80% at 85% 20%,#ff3df238,#0000 70%),radial-gradient(50% 70% at 15% 10%,#2ef2ff29,#0000 70%),linear-gradient(160deg,#120a34 0%,#05040f 70%);align-items:flex-end;min-height:260px;display:flex;position:relative;overflow:hidden}@media (min-width:768px){.shop-hero{min-height:340px}}.shop-hero__art{z-index:-2;background-position:70% 40%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.shop-hero:before{content:"";z-index:-1;background:linear-gradient(90deg,#03020eeb 0%,#03020e8c 55%,#03020e33 100%),linear-gradient(#03020e00 45%,#03020e 100%);position:absolute;inset:0}.shop-testmode{color:#ffe9fb;text-align:center;background:repeating-linear-gradient(135deg,#ff3df21a 0 14px,#ff3df205 14px 28px),#140822e6;border-radius:10px;padding:12px 16px;font-size:13px;line-height:1.5;box-shadow:inset 0 0 0 1px #ff3df273,0 0 22px -8px #ff3df299}.shop-testmode strong{color:#fff;letter-spacing:.06em}.shop-step{align-items:center;gap:10px;display:flex}.shop-step__num{width:32px;height:32px;font-family:var(--font-display);color:#fff;background:radial-gradient(circle at 35% 30%,#ff3df2bf,#5a28c8d9);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:15px;display:inline-flex;box-shadow:0 0 0 1px #ffffff40,0 0 14px #ff3df28c}.shop-pilot{background:#2ef2ff0f;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;display:flex;box-shadow:inset 0 0 0 1px #2ef2ff59}.shop-pilot__face{object-fit:cover;object-position:50% 12%;background:#8b5cff40;border-radius:50%;flex:none;width:48px;height:48px;box-shadow:0 0 0 2px #2ef2ff99,0 0 14px #2ef2ff59}.shop-daily{background:radial-gradient(70% 120% at 100% 0,#ff3df229,#0000 60%),radial-gradient(60% 120% at 0 100%,#2ef2ff1f,#0000 60%),linear-gradient(160deg,#120a34eb,#050412f0);border-radius:14px;padding:16px;position:relative;box-shadow:inset 0 0 0 1px #ff3df266,0 0 34px -12px #ff3df299}@media (min-width:768px){.shop-daily{padding:20px 22px}}.shop-countdown{font-family:var(--font-jb),ui-monospace,monospace;font-variant-numeric:tabular-nums;letter-spacing:.06em;color:#fff;text-shadow:0 0 10px #2ef2ffb3;font-size:18px}.shop-side{top:calc(var(--portal-header-h) + 12px);position:sticky}.shop-sidelink{text-align:left;width:100%;min-height:44px;color:var(--text-mute);border-radius:8px;align-items:center;gap:10px;padding:6px 10px;font-size:13px;transition:background .14s,color .14s,box-shadow .14s;display:flex}.shop-sidelink:hover{color:#fff;background:#8b5cff1f}.shop-sidelink:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:1px}.shop-sidelink[aria-pressed=true]{color:#fff;box-shadow:inset 3px 0 0 var(--accent-orange),inset 0 0 0 1px #ff3df259;background:linear-gradient(90deg,#ff3df233,#2ef2ff0f)}.shop-count{min-width:28px;font-family:var(--font-jb),ui-monospace,monospace;text-align:center;color:var(--text-mute);background:#ffffff0f;border-radius:10px;margin-left:auto;padding:1px 7px;font-size:11px}.shop-sidelink[aria-pressed=true] .shop-count{color:#0a0418;background:var(--accent-cyan)}.shop-strip{scrollbar-width:none;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto;-webkit-mask:linear-gradient(90deg,#000 0 calc(100% - 28px),#0000 100%);mask:linear-gradient(90deg,#000 0 calc(100% - 28px),#0000 100%)}.shop-strip::-webkit-scrollbar{display:none}.shop-strip>*{flex:none}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:12px;display:grid}.shop-card{background:linear-gradient(170deg,#140d36eb,#060514f5);border-radius:12px;flex-direction:column;min-width:0;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #8b5cff52,0 10px 26px -14px #000000e6}.shop-card:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px #2ef2ff8c,0 0 26px -8px #2ef2ff80,0 0 36px -14px #ff3df280}.shop-card--deal{box-shadow:inset 0 0 0 1px #ff3df28c,0 0 26px -10px #ff3df28c}.shop-card--locked .shop-art{filter:saturate(.5)brightness(.75)}.shop-card--picked{scroll-margin-top:96px;box-shadow:inset 0 0 0 2px #2ef2ffe6,0 0 30px -6px #2ef2ffa6}.shop-order{box-shadow:inset 0 0 0 1px #8b5cff80}.shop-order--ok{box-shadow:inset 0 0 0 1px #2ef2ffb3,0 0 24px -10px #2ef2ff99}.shop-order--err{box-shadow:inset 0 0 0 1px #ff3d8bbf}.shop-art{aspect-ratio:16/10;background:radial-gradient(70% 90% at 50% 40%,color-mix(in srgb,var(--shop-tint,#8b5cff)34%,transparent),transparent 70%),linear-gradient(180deg,#0e0928,#050410);position:relative;overflow:hidden}.shop-art img{object-fit:contain;width:100%;height:100%;padding:6px}.shop-art--cover img{object-fit:cover;padding:0}.shop-art__fallback{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.shop-art__fallback>span{background:radial-gradient(circle,color-mix(in srgb,var(--shop-tint,#8b5cff)30%,transparent),transparent 70%);width:72px;height:72px;box-shadow:0 0 0 1px color-mix(in srgb,var(--shop-tint,#8b5cff)55%,transparent);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.shop-card__badge{z-index:1;position:absolute;top:8px;right:8px}.shop-card__try{z-index:2;position:absolute;bottom:8px;left:8px}.shop-card__badge{pointer-events:none}.shop-card__open{z-index:1;border-radius:inherit;cursor:pointer;background:0 0;position:absolute;inset:0}.shop-card__open:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:-2px}.shop-card__act{z-index:2;position:relative}.shop-price-old{opacity:.7;-webkit-text-decoration:line-through #ff3d8be6;text-decoration:line-through #ff3d8be6}.shop-cond{color:var(--text-mute);background:#ffffff0d;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;line-height:1.4;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff14}.shop-cond--warn{color:#ffd2f6;box-shadow:inset 0 0 0 1px #ff3df266}.shop-cond--gift{color:#c9fbff;box-shadow:inset 0 0 0 1px #2ef2ff66}.shop-scrim{z-index:80;padding:max(12px,var(--safe-top,0px))12px max(12px,var(--safe-bottom,0px));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#02010ac7;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.shop-modal{overscroll-behavior:contain;background:linear-gradient(170deg,#140c38f7,#050412fa);border-radius:14px;width:100%;max-width:44rem;max-height:100%;position:relative;overflow-y:auto;box-shadow:inset 0 0 0 1px #2ef2ff66,0 0 40px -10px #ff3df28c}.shop-modal--sm{max-width:30rem}.shop-scrim--sheet{padding:max(8px,var(--safe-top,0px))0 0;align-items:flex-end}.shop-sheet{border-radius:18px 18px 0 0;flex-direction:column;max-width:none;max-height:100%;transition:transform .2s;animation:.26s cubic-bezier(.2,.8,.2,1) shop-sheet-in;display:flex;overflow:hidden}.shop-sheet--drag{transition:none}@media (min-width:640px) and (min-height:481px){.shop-scrim--sheet{align-items:center;padding:24px}.shop-sheet{border-radius:16px;max-width:60rem;max-height:min(92dvh,900px)}.shop-sheet__grip{display:none}}.shop-sheet__head{touch-action:none;background:linear-gradient(#221252e6,#0e082880);border-bottom:1px solid #2ef2ff2e;flex:none;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"kick nav close""title title title";align-items:center;gap:4px 8px;padding:16px 12px 10px 16px;display:grid;position:relative}.shop-sheet__kick{grid-area:kick;min-width:0}.shop-sheet__title{grid-area:title;min-width:0}.shop-sheet__nav{grid-area:nav}.shop-sheet__close{grid-area:close}@media (min-width:560px){.shop-sheet__head{grid-template-areas:"kick nav close""title nav close";column-gap:10px}}.shop-sheet__grip{background:#ffffff4d;border-radius:2px;width:40px;height:4px;margin-left:-20px;position:absolute;top:6px;left:50%}.shop-sheet__body{overscroll-behavior:contain;flex:auto;min-height:0;padding:16px;overflow-y:auto}.shop-sheet__foot{padding:10px 16px max(10px,var(--safe-bottom,0px));background:#08051af7;border-top:1px solid #2ef2ff2e;flex:none;box-shadow:0 -14px 26px -14px #000000e6}@media (max-height:480px){.shop-sheet__head{padding-top:10px;padding-bottom:6px}.shop-sheet__grip{top:3px}.shop-sheet__body{padding:10px 14px}.shop-sheet__foot{padding-top:6px;padding-bottom:max(6px,var(--safe-bottom,0px))}}.shop-detail{gap:16px;display:grid}@media (min-width:560px){.shop-detail{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start;gap:20px}.shop-detail__art{position:sticky;top:0}}.shop-detail__info{flex-direction:column;gap:14px;min-width:0;display:flex}.shop-stage{aspect-ratio:4/3;background:radial-gradient(60% 70% at 50% 45%,color-mix(in srgb,var(--shop-tint,#8b5cff)32%,transparent),transparent 70%),linear-gradient(180deg,#0e0928,#05040f);border-radius:12px;justify-content:center;align-items:center;width:100%;min-height:120px;max-height:46dvh;padding:10px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #8b5cff59,0 0 30px -12px #ff3df273}@media (max-height:480px){.shop-stage{min-height:100px;max-height:calc(100dvh - 150px)}}.shop-stage--hero{background:radial-gradient(55% 65%,#ff3df23d,#0000 70%),radial-gradient(45% 22% at 50% 96%,#2ef2ff47,#0000 70%),#05040f}.shop-stage--frame{background:radial-gradient(50% 60%,#8b5cff40,#0000 70%),#05040f}.shop-stage--cover{aspect-ratio:16/9;padding:0}.shop-stage__cover{object-fit:cover;width:100%;height:100%}.shop-stage__row{justify-content:center;align-items:flex-end;gap:4%;width:100%;height:100%;display:flex}.shop-stage__img{object-fit:contain;filter:drop-shadow(0 0 22px #2ef2ff47);min-width:0;max-width:100%;max-height:100%;animation:.24s shop-fade-in}.shop-stage__row--two .shop-stage__img{max-width:48%}.shop-stage__img--portrait{aspect-ratio:1;object-fit:cover;filter:none;border-radius:50%;align-self:center;max-height:86%;box-shadow:0 0 0 2px #2ef2ff99,0 0 22px #2ef2ff66}.shop-stage__fallback{aspect-ratio:auto;background:0 0;width:100%;height:100%}.shop-figs{pointer-events:none;position:absolute;inset:0;container-type:size}.shop-figs__row{--F:min(calc(84cqh/var(--fx)),calc(92cqw/var(--fy)));justify-content:center;align-items:flex-end;padding-bottom:7cqh;display:flex;position:absolute;inset:0}.shop-figs:after{content:"";background:radial-gradient(50% 100%,#2ef2ff8c,#0000);border-radius:1px;height:2px;position:absolute;bottom:7%;left:10%;right:10%}.shop-thumb .shop-figs:after{display:none}.shop-figs__fig{flex:none;position:relative}.shop-figs__fig img,.shop-thumb .shop-figs__fig img{object-fit:fill;filter:drop-shadow(0 0 18px #2ef2ff40);max-width:none;max-height:none;animation:.24s shop-fade-in;position:absolute}.shop-thumb{position:relative}.shop-thumb .shop-figs{border-radius:inherit;overflow:hidden}.shop-thumb .shop-figs__fig img{filter:none;animation:none}.shop-stage .shop-frame-try{width:auto;max-width:100%;height:100%}.shop-thumbs{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:6px;display:flex}.shop-thumb{background:#ffffff0a;border-radius:10px;flex:none;justify-content:center;align-items:center;width:48px;height:48px;padding:3px;transition:box-shadow .14s,background .14s;display:flex;box-shadow:inset 0 0 0 1px #8b5cff66}.shop-thumb img{object-fit:contain;max-width:100%;max-height:100%}.shop-thumb__portrait{border-radius:50%}.shop-thumb:hover{background:#8b5cff24}.shop-thumb[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--accent-cyan),0 0 12px #2ef2ff73;background:#2ef2ff1a}.shop-thumb:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px}.shop-swatch{background:#ffffff0a;border-radius:999px;align-items:center;gap:6px;padding:3px 10px 3px 4px;font-size:12px;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff14}.shop-swatch__dot{border-radius:50%;flex:none;width:14px;height:14px}.shop-block{background:linear-gradient(170deg,#1a0f42b8,#080618b8);border-radius:12px;padding:12px;box-shadow:inset 0 0 0 1px #8b5cff47}.shop-block__title{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--accent-cyan);margin-bottom:8px;font-size:11px}.shop-rows{gap:8px;display:grid}.shop-row{border-bottom:1px dashed #ffffff14;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:baseline;gap:2px 12px;padding-bottom:8px;display:grid}.shop-row:last-child{border-bottom:0;padding-bottom:0}.shop-row__label{color:var(--text-mute);overflow-wrap:anywhere;font-size:12px}.shop-row__value{color:#fff;text-align:right;overflow-wrap:anywhere;font-size:13px}@media (max-width:359px){.shop-row{grid-template-columns:minmax(0,1fr)}.shop-row__value{text-align:left}}.shop-lines{gap:8px;display:grid}.shop-line{background:#ffffff08;border-radius:10px;align-items:flex-start;gap:10px;padding:8px;display:flex;box-shadow:inset 0 0 0 1px #ffffff0f}.shop-ico{object-fit:contain;background-color:#8b5cff1f;border-radius:10px;flex:none;width:44px;height:44px;display:inline-block}.shop-ico--swatch{border-radius:50%;width:26px;height:26px;margin:9px}.shop-ico--empty{background:radial-gradient(circle,#8b5cff73,#0000 70%)}.shop-line__amt{text-align:right;max-width:42%;font-family:var(--font-jb),ui-monospace,monospace;color:var(--accent-cyan);overflow-wrap:anywhere;flex:none;padding-top:2px;font-size:13px}.shop-ticks{color:var(--text);gap:6px;font-size:13px;display:grid}.shop-ticks li{overflow-wrap:anywhere;padding-left:18px;position:relative}.shop-ticks li:before{content:"";background:var(--accent-cyan);width:8px;height:8px;box-shadow:0 0 8px var(--accent-cyan);border-radius:50%;position:absolute;top:.45em;left:2px}.shop-bar{background:#ffffff0f;border-radius:5px;height:10px;margin-top:4px;position:relative;overflow:hidden}.shop-bar__ref{background:#8b5cff80;border-radius:5px;position:absolute;inset:0 auto 0 0}.shop-bar__val{background:linear-gradient(90deg,#2ef2ff,#ff3df2);border-radius:3px;position:absolute;inset:3px auto 3px 0;box-shadow:0 0 8px #2ef2ff99}.shop-diff{color:var(--text-mute);background:#ffffff0f;border-radius:999px;padding:1px 6px;font-size:11px}.shop-diff--up{color:#6dffb0;background:#6dffb01f}.shop-diff--down{color:#ff8fc4;background:#ff3d8b24}.shop-slot{color:var(--text-mute);background:#ffffff0a;border-radius:8px;justify-content:space-between;gap:8px;padding:6px 10px;font-size:12px;display:flex}.shop-detail__buy{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;max-width:60rem;margin:0 auto;display:flex}.shop-detail__price{font-family:var(--font-jb),ui-monospace,monospace;color:#fff;text-shadow:0 0 12px #2ef2ff99;font-size:20px;line-height:1.2}.shop-detail__cta{min-width:9.5rem}.shop-detail__loading{animation:1.4s ease-in-out infinite shop-pulse}.shop-stars{background:radial-gradient(1px 1px at 12% 22%,#fff,#0000) 0 0/220px 220px,radial-gradient(1px 1px at 32% 72%,#cfe9ff,#0000) 0 0/260px 260px,radial-gradient(1.5px 1.5px at 58% 18%,#fff,#0000) 0 0/300px 300px,radial-gradient(1px 1px at 78% 62%,#ffd9fb,#0000) 0 0/240px 240px,radial-gradient(1px 1px at 88% 28%,#fff,#0000) 0 0/200px 200px,radial-gradient(1.5px 1.5px at 22% 88%,#fff,#0000) 0 0/280px 280px,radial-gradient(1px 1px at 46% 46%,#bdf8ff,#0000) 0 0/180px 180px,radial-gradient(1px 1px at 66% 86%,#fff,#0000) 0 0/320px 320px,radial-gradient(60% 60% at 70% 30%,#8b5cff47,#0000 70%) 0 0/100% 100%,radial-gradient(50% 50% at 20% 80%,#2ef2ff24,#0000 70%) 0 0/100% 100%,#04030f 0 0/100% 100%}.shop-frame-try{aspect-ratio:1;width:min(70vw,260px);position:relative}.shop-frame-try__face{object-fit:cover;object-position:50% 12%;background:radial-gradient(circle,#8b5cff73,#0a061e);border-radius:50%;width:68%;height:68%;position:absolute;inset:16%}.shop-frame-try__frame{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}}@keyframes shop-sheet-in{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:none}}@keyframes shop-fade-in{0%{opacity:0}to{opacity:1}}@keyframes shop-pulse{50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.shop-card,.shop-card:hover{transition:none;transform:none}.shop-sheet,.shop-stage__img,.shop-detail__loading{transition:none;animation:none}}