.item-shop{container-type:inline-size}.shop-layout{--card-w:78px;grid-template-columns:250px auto minmax(0,1fr);align-items:start;display:grid}.shop-info{border:1px solid var(--line-2);background:#080c0de6;min-height:176px;margin:110px 16px 0 0;padding:18px 18px 20px;position:sticky;top:96px}.shop-info-body{animation:.24s ease-out backwards shop-note-in}.site .shop-info p{margin:0}.shop-info-kicker{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--brass);font-size:11px}.shop-info-kicker svg{vertical-align:-1px}.shop-info-price{white-space:nowrap}.site .shop-info .shop-info-title{font-family:var(--display);text-transform:uppercase;letter-spacing:.04em;margin:6px 0 8px;font-size:26px;font-weight:800;line-height:1.05}.shop-info-text{color:var(--paper-2);font-size:14.5px;line-height:1.4}.shop-info-text.is-muted{color:var(--muted);margin-top:10px}.shop-info-stats{border-top:1px solid var(--line);grid-template-columns:repeat(2,auto);justify-content:start;gap:8px 28px;margin:14px 0 0;padding-top:12px;display:grid}.shop-info-stats dt{font-family:var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700}.shop-info-stats dd{font-family:var(--display);margin:0;font-size:20px;font-weight:800}.shop-info-grade{color:var(--tier)}.site .shop-info .shop-info-sample{color:var(--muted);margin-top:10px;font-size:13px}.shop-tabs{flex-direction:column;align-items:flex-end;gap:10px;padding-top:26px;display:flex}.shop-tablist{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.shop-tab{background:var(--shop-tab);color:#181008b8;cursor:pointer;filter:brightness(.78)saturate(.75);border:0;border-radius:2px 0 0 2px;place-items:center;width:44px;height:104px;padding:0;transition:width .26s cubic-bezier(.3,1.6,.5,1),filter .2s;display:grid;position:relative;box-shadow:-3px 3px #00000059}.shop-tab:hover{filter:brightness(.95)}.shop-tab[aria-selected=true]{filter:none;width:58px}.shop-tab:hover .shop-tab-mark{animation:.48s ease-in-out shop-wobble}.shop-tab:focus-visible{outline:2px solid var(--paper);outline-offset:2px}.shop-tab.is-search{--shop-tab:#3b403e;color:#d6dad2;width:40px;height:44px}.shop-tab.is-search.is-on{--shop-tab:var(--brass);width:50px;color:var(--ink);filter:none}.shop-tab-count{background:var(--ink);border:1px solid var(--shop-tab);min-width:22px;height:22px;color:var(--paper);font:700 11px/20px var(--mono);padding:0 5px;animation:.26s cubic-bezier(.3,1.8,.5,1) backwards shop-pop;position:absolute;top:6px;left:-10px}.shop-tab-count.is-none{opacity:.45}.shop-search{align-items:center;gap:12px;margin:0 0 12px;animation:.22s ease-out backwards shop-note-in;display:flex}.shop-search input{min-width:0;font:500 16px var(--body);color:var(--paper);background:var(--ink-2);border:1px solid var(--brass-dim);flex:1;padding:10px 14px}.shop-search input:focus{border-color:var(--brass);outline:none}.shop-search-count{font-family:var(--mono);color:var(--brass-2);white-space:nowrap;font-size:13px}.shop-stage{min-width:0}.shop-board{isolation:isolate;color:var(--shop-ink);background:var(--grain), var(--shop-paper);border-left:10px solid var(--shop-tab);box-shadow:inset 0 0 0 1px var(--shop-paper-edge), 8px 8px 0 #0006;transform-origin:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"sign t2""t1 t2""t3 t4";align-items:start;gap:18px;padding:22px 22px 24px 24px;animation:.56s cubic-bezier(.2,.85,.25,1) backwards shop-turn;display:grid;position:relative;overflow:hidden}.shop-board[hidden]{display:none}.shop-board-watermark{z-index:-1;color:var(--shop-ink);opacity:.06;animation:90s linear infinite shop-drift;position:absolute;top:40%;right:-90px}.shop-sign{background:var(--shop-ink);color:var(--shop-paper);border:3px double var(--shop-accent);grid-area:sign;justify-self:start;align-items:center;gap:14px;padding:12px 22px 12px 16px;animation:.62s cubic-bezier(.3,1.5,.5,1) .12s backwards shop-sign-in;display:flex;rotate:-1.2deg;box-shadow:5px 5px #00000038}.shop-sign-mark{color:var(--shop-accent);flex:none;animation:5s ease-in-out infinite shop-breathe}.site .shop-sign p{margin:0}.site .shop-sign .shop-sign-name{font-family:var(--logo);letter-spacing:.06em;text-transform:uppercase;color:var(--shop-paper);font-size:40px;line-height:1}.site .shop-sign .shop-sign-tagline{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--shop-accent);margin-top:6px;font-size:11.5px}.shop-tier{--t:0;border:1px solid color-mix(in srgb, var(--shop-ink) 35%, transparent);background:color-mix(in srgb, var(--shop-paper) 72%, #fff 28%);padding:26px 12px 12px;position:relative}.shop-tier.is-tier-2{--t:1}.shop-tier.is-tier-3{--t:2}.shop-tier.is-tier-4{--t:3;color:var(--shop-paper);background:#171316;border-color:#0b090a}.shop-tier-head{align-items:center;gap:10px;display:flex;position:absolute;top:-13px;left:10px}.shop-price{color:#f3e5c2;font-family:var(--display);clip-path:polygon(10px 0,100% 0,100% 100%,10px 100%,0 50%);transform-origin:9px;animation:.95s ease-out backwards shop-tag;animation-delay:calc(var(--t) * .11s + .2s);background:#141210;align-items:center;gap:3px;padding:3px 11px 3px 18px;font-size:19px;font-weight:800;line-height:1.2;display:inline-flex;position:relative;rotate:-3deg}.shop-price:before{content:"";background:var(--shop-paper);border-radius:50%;width:6px;height:6px;position:absolute;top:calc(50% - 3px);left:7px}.shop-price svg{color:var(--soul)}.site .shop-tier-name{font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;color:inherit;margin:0;font-size:17px;font-weight:800}.site .shop-tier-name,.shop-tier-note{background:color-mix(in srgb, var(--shop-paper) 72%, #fff 28%);padding:0 6px}.is-tier-4 .shop-tier-name,.is-tier-4 .shop-tier-note{background:#171316}.is-tier-4 .shop-tier-name{color:var(--shop-paper)}.shop-tier-note{font-family:var(--logo);color:var(--shop-accent);text-transform:lowercase;font-size:15px}.shop-tier-grid{grid-template-columns:repeat(auto-fill, var(--card-w));gap:9px 7px;display:grid}.shop-card{--lift:0px;--scale:1;width:var(--card-w);background:var(--shop-card);color:var(--shop-ink);font:inherit;text-align:center;cursor:pointer;box-shadow:0 0 0 1px color-mix(in srgb, var(--shop-ink) 22%, transparent);transform:perspective(520px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--lift)) scale(var(--scale));animation:.44s cubic-bezier(.25,1.1,.35,1) backwards shop-deal;animation-delay:calc(var(--i) * 13ms + .16s);border:0;border-radius:1px;grid-template-rows:auto 1fr;padding:4px 4px 0;text-decoration:none;transition:transform .17s ease-out,box-shadow .2s,opacity .26s,filter .26s;display:grid;position:relative}.shop-card:nth-child(odd){--deal:-7deg}.shop-card:nth-child(2n){--deal:6deg}.is-tier-4 .shop-card{--wipe:var(--shop-paper);--wiped:#171316;color:var(--shop-paper);background:#2b2427;box-shadow:0 0 0 1px #000}.site a.shop-card:hover{color:var(--shop-ink)}.site .is-tier-4 a.shop-card:hover{color:var(--shop-paper)}.shop-card:hover,.shop-card:focus-visible{--lift:-5px;--scale:1.06;z-index:2;box-shadow:0 0 0 1px var(--shop-ink), 4px 5px 0 #00000059;outline:none}.is-tier-4 .shop-card:hover,.is-tier-4 .shop-card:focus-visible{box-shadow:0 0 0 1px var(--shop-paper), 4px 5px 0 #0009}.shop-card-art{aspect-ratio:1;background:color-mix(in srgb, var(--shop-ink) 15%, transparent);display:block;position:relative;overflow:hidden}.shop-card-art img{object-fit:cover;width:100%;height:100%;transition:transform .32s ease-out;display:block}.shop-card:hover .shop-card-art img{transform:scale(1.1)}.shop-card-blank{height:100%;font:800 30px var(--display);place-items:center;display:grid}.shop-card-badge{color:#f3e5c2;font:800 9px/1.2 var(--display);letter-spacing:.14em;text-transform:uppercase;background:#121110;padding:2px 6px 1px;position:absolute;bottom:3px;left:50%;translate:-50%}.shop-card-badge.is-imbue{color:#fff;background:#6a3d9e}.shop-card-name{background:linear-gradient(var(--wipe,var(--shop-ink)), var(--wipe,var(--shop-ink))) no-repeat 0 0 / 0% 100%;place-items:center;min-height:2.5em;margin:0 -4px;padding:4px 3px 5px;font-size:11.5px;font-weight:600;line-height:1.1;transition:background-size .2s ease-out,color .2s;display:grid}.shop-card:hover .shop-card-name,.shop-card:focus-visible .shop-card-name{color:var(--wiped,var(--shop-card));background-size:100% 100%}.shop-card-stamp{border:3px double var(--tier);width:26px;height:26px;color:var(--tier);font:900 15px/1 var(--display);opacity:0;pointer-events:none;background:#0b1112;place-items:center;display:grid;position:absolute;top:-9px;right:-9px;rotate:-30deg;scale:2.4}.shop-card:hover .shop-card-stamp,.shop-card:focus-visible .shop-card-stamp{animation:.28s cubic-bezier(.35,1.7,.5,1) forwards shop-stamp}.shop-card.is-dim{--scale:.93;opacity:.3;filter:grayscale(.85)}.shop-card.is-dim:hover{opacity:.85;filter:none}.shop-card.is-lit{box-shadow:0 0 0 1px var(--shop-ink)}.shop-card.is-lit .shop-card-name{background-color:var(--shop-accent);color:#fff}@keyframes shop-turn{0%{opacity:0;filter:brightness(.5);transform:perspective(1800px)rotateY(-18deg)translate(-36px)}55%{opacity:1}}@keyframes shop-deal{0%{opacity:0;translate:0 -18px;rotate:var(--deal,0deg);scale:.88}}@keyframes shop-tag{0%{opacity:0;translate:0 -14px;rotate:-34deg}30%{opacity:1;translate:0}52%{rotate:12deg}72%{rotate:-7deg}88%{rotate:0deg}}@keyframes shop-sign-in{0%{opacity:0;translate:0 -30px;rotate:-7deg}}@keyframes shop-stamp{to{opacity:1;rotate:-12deg;scale:1}}@keyframes shop-breathe{50%{rotate:8deg;scale:1.08}}@keyframes shop-drift{to{rotate:360deg}}@keyframes shop-wobble{25%{rotate:-14deg}60%{rotate:10deg}}@keyframes shop-pop{0%{scale:0}}@keyframes shop-note-in{0%{opacity:0;translate:-10px}}@container (width<=1420px){.shop-layout{--card-w:72px;grid-template-columns:210px auto minmax(0,1fr)}.shop-info{padding:16px 16px 18px}.site .shop-info .shop-info-title{font-size:23px}.shop-info-stats{gap:8px 20px}}@container (width<=1180px){.shop-layout{grid-template-columns:auto minmax(0,1fr)}.shop-info{grid-area:2/1/auto/-1;min-height:0;margin:18px 0 0;position:static}.has-pick .shop-info{grid-row:1;margin:0 0 18px}}@container (width<=720px){.shop-layout{--card-w:70px;grid-template-columns:minmax(0,1fr)}.shop-card-name{font-size:10.5px}.shop-tabs,.shop-tablist{flex-direction:row;align-items:flex-end}.shop-tabs{padding:0 0 0 10px}.shop-tab,.shop-tab[aria-selected=true]{border-radius:2px 2px 0 0;width:74px;height:40px;transition:height .26s cubic-bezier(.3,1.6,.5,1),filter .2s}.shop-tab[aria-selected=true]{height:50px}.shop-tab.is-search,.shop-tab.is-search.is-on{width:44px;height:40px}.shop-tab-count{top:-8px;left:auto;right:-6px}.shop-board{border-left:0;border-top:8px solid var(--shop-tab);transform-origin:top;grid-template-columns:minmax(0,1fr);grid-template-areas:"sign""t1""t2""t3""t4";padding:18px 12px}.site .shop-sign .shop-sign-name{font-size:30px}.shop-info{order:1;grid-row:auto}.has-pick .shop-info{order:0}}@media (prefers-reduced-motion:reduce){.shop-board,.shop-sign,.shop-sign-mark,.shop-board-watermark,.shop-price,.shop-card,.shop-info-body,.shop-search,.shop-tab-count{animation:none}.shop-card,.shop-card:hover,.shop-card:focus-visible{transform:none}.shop-tab:hover .shop-tab-mark{animation:none}.shop-card:hover .shop-card-stamp,.shop-card:focus-visible .shop-card-stamp{opacity:1;animation:none;rotate:-12deg;scale:1}}.page.shop-page{width:min(1680px,100%)}
