.shop-root{--sh-off-white:#ffefd7;--sh-off-black:#10130d;--sh-shard:#99ffd6;--sh-soul:#70f8c1;--sh-silvered:#c6c6c6;--sh-builds:#4d7ec8;--sh-builds-dark:#365b92;--sh-builds-light:#85b5ff;--sh-courage-light:#ffd18d;--sh-courage-bright:#ec9719;--sh-courage:#9d620b;--sh-courage-dark:#7f540e;--sh-courage-darker:#302306;--sh-fortitude-light:#d3fc96;--sh-fortitude-bright:#7bba1d;--sh-fortitude:#649717;--sh-fortitude-dark:#4c7113;--sh-fortitude-darker:#1f3400;--sh-spirit-light:#e7c8ff;--sh-spirit-bright:#ce90ff;--sh-spirit:#8a55b3;--sh-spirit-dark:#613484;--sh-spirit-darker:#362147;--sh-font:var(--font-archivo), system-ui, sans-serif;--sh-mono:var(--font-jbm), ui-monospace, monospace;--sh-block:var(--font-bs), var(--font-archivo), sans-serif}.is-weapon{--v-light:var(--sh-courage-light);--v-bright:var(--sh-courage-bright);--v-color:var(--sh-courage);--v-dark:var(--sh-courage-dark);--v-darker:var(--sh-courage-darker);--v-head:#c87903}.is-vitality{--v-light:var(--sh-fortitude-light);--v-bright:var(--sh-fortitude-bright);--v-color:var(--sh-fortitude);--v-dark:var(--sh-fortitude-dark);--v-darker:var(--sh-fortitude-darker);--v-head:var(--sh-fortitude)}.is-spirit{--v-light:var(--sh-spirit-light);--v-bright:var(--sh-spirit-bright);--v-color:var(--sh-spirit);--v-dark:var(--sh-spirit-dark);--v-darker:var(--sh-spirit-darker);--v-head:var(--sh-spirit)}.shop-page{align-items:flex-start;display:flex;position:relative;container-type:inline-size}.shop-rail{z-index:2;flex-direction:column;flex:none;align-items:flex-end;width:6.1cqw;min-height:60cqw;margin-right:-1px;padding-top:.2cqw;display:flex;position:relative}.shop-tab{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;width:5.7cqw;height:6.1cqw;margin:0 0 .65cqw;padding:0;transition:height .2s ease-in-out;display:block;position:relative;overflow:visible}.shop-tab.is-on{z-index:2;height:17.1cqw}.shop-tab-bg,.shop-tab-edge,.shop-tab-icon{border-bottom-left-radius:1cqw;width:100%;height:6.1cqw;transition:height .16s ease-in-out;position:absolute;top:0;left:0}.shop-tab.is-on .shop-tab-bg,.shop-tab.is-on .shop-tab-edge,.shop-tab.is-on .shop-tab-icon{height:18.7cqw}.shop-tab-bg{background:linear-gradient(to right, var(--tab-c) 85%, var(--tab-mid) 92%, var(--tab-dark));filter:drop-shadow(-2px 2px 6px #00000073);-webkit-mask:url(/assets/ui/shop/tab_shape.png) 0 0/100% 18.7cqw no-repeat;mask:url(/assets/ui/shop/tab_shape.png) 0 0/100% 18.7cqw no-repeat}.shop-tab:hover .shop-tab-bg{background:linear-gradient(to right, var(--tab-hi) 80%, var(--tab-c))}.shop-tab.is-on .shop-tab-bg,.shop-tab.is-on:hover .shop-tab-bg{background:var(--tab-c)}.shop-tab-edge{pointer-events:none;background:url(/assets/ui/shop/tab_edge.png) 0 0/100% 18.7cqw no-repeat}.shop-tab.is-spirit .shop-tab-edge{filter:brightness(1.5)}.shop-tab-icon{background:var(--tab-icon) center / 4.4cqw no-repeat;z-index:2;pointer-events:none;width:5.7cqw;left:auto;right:0}.shop-tab-search{cursor:pointer;opacity:.7;background:url(/assets/ui/shop/tab_search.png) 50%/100% 100% no-repeat;border:0;width:4.1cqw;height:4.1cqw;padding:0;transition:opacity .1s;position:absolute;top:34cqw;right:.2cqw;transform:translateY(1cqw)}.shop-tab-search:hover,.shop-tab-search.is-on{opacity:1}.shop-tab-search.is-on{background-image:url(/assets/ui/shop/tab_search_active.png)}.shop-main{flex:1;min-width:0}.shop-sheet{aspect-ratio:1825/1618;background-repeat:no-repeat;background-size:100% 100%;width:100%;animation:.21s both shop-sheet-in;position:relative;container-type:inline-size}@keyframes shop-sheet-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:none}}.shop-quad{scrollbar-width:thin;grid-template-columns:repeat(auto-fill,minmax(7.1cqw,1fr));align-content:start;gap:.5cqw .35cqw;padding:.4cqw .3cqw .6cqw .4cqw;display:grid;position:absolute;overflow-y:auto}.shop-price{color:#7eb192;font:700 2.1cqw/1 var(--sh-mono);letter-spacing:-.02em;pointer-events:none;justify-content:center;align-items:center;gap:.3cqw;display:flex;position:absolute}.shop-price img{width:auto;height:60%}.shop-price.tier-1{transform:rotate(-6deg)}.shop-price.tier-2{font-size:2.5cqw;transform:rotate(-5deg)}.shop-price.tier-3{font-size:2.7cqw;transform:rotate(-7deg)}.shop-price.tier-4{font-size:2.9cqw;transform:rotate(-6deg)}.shop-search-head{color:var(--sh-off-white);z-index:3;background:#10130ded;justify-content:space-between;align-items:center;gap:2cqw;padding:1cqw 1.6cqw;display:flex;position:absolute;top:2%;left:2%;right:2%}.shop-search-title{font:700 2.2cqw/1.1 var(--sh-font);opacity:.9}.shop-search-hint{font:600 1.25cqw/1.3 var(--sh-font);opacity:.8;margin-top:.4cqw}.shop-search-box{flex:none;width:26cqw;position:relative}.shop-search-input{width:100%;height:4.2cqw;color:var(--sh-off-white);font:600 1.4cqw/1 var(--sh-font);text-align:center;background:#333;border:3px solid #c6c6c620;border-radius:3px;outline:none;padding:.6cqw 3cqw .4cqw 1cqw}.shop-search-input::placeholder{color:#ffefd78c}.shop-search-input:focus{border-color:#c6c6c659}.shop-search-clear{width:2cqw;height:2cqw;color:var(--sh-off-white);cursor:pointer;opacity:.3;background:0 0;border:0;padding:0;transition:opacity .3s,transform .3s;position:absolute;top:50%;right:.5cqw;transform:translateY(-50%)}.shop-search-clear:hover{opacity:.7;transform:translateY(-50%)scale(1.2)}.shop-search-grid{scrollbar-width:thin;grid-template-columns:repeat(auto-fill,minmax(7.1cqw,1fr));align-content:start;gap:.6cqw .35cqw;padding:.4cqw;display:grid;position:absolute;inset:13% 4% 4%;overflow-y:auto}.shop-search-empty{text-align:center;color:var(--sh-off-black);font:600 1.4cqw/1.4 var(--sh-font);opacity:.6;grid-column:1/-1;padding:4cqw 0}.shop-card{aspect-ratio:80/125;width:100%;color:var(--sh-off-black);text-align:center;cursor:pointer;isolation:isolate;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:6px;padding:0;transition:transform 50ms,opacity .1s ease-out;display:block;position:relative;box-shadow:2px 2px 12px #00000078}.shop-card.is-static{cursor:default}.shop-card:hover{z-index:5;transform:scale(1.05)}.shop-card>span{position:absolute}.shop-card-face{border-radius:6px;transition:opacity .1s;inset:0;overflow:hidden}.shop-card-face>span{position:absolute}.shop-card-backer{background:var(--card-backer) center / cover no-repeat;inset:0}.shop-card-art{-webkit-mask:var(--card-mask) center / 100% 100% no-repeat;-webkit-mask:var(--card-mask) center / 100% 100% no-repeat;mask:var(--card-mask) center / 100% 100% no-repeat;border-radius:2px;inset:5% 7% 39.96%;overflow:hidden}.shop-card-art img{object-fit:cover;object-position:50% 50%;transform-origin:50%;width:100%;height:100%;transition:opacity .3s,filter .3s;position:absolute;inset:0;transform:scale(1.25)}.shop-card-name{font:700 var(--card-name-size,11px) / 1.12 var(--sh-font);letter-spacing:-.01em;justify-content:center;align-items:center;padding:0 2%;display:flex;inset:60% 5% 3.5%;overflow:hidden}.shop-sheet .shop-card{--card-name-size:1.2cqw;--card-tag-size:.8cqw}.shop-sheet .shop-card.is-long-name{--card-name-size:.98cqw}.shop-panel-grid .shop-card.is-long-name{--card-name-size:9px}.shop-card.tier-3.is-weapon .shop-card-name{color:#000;text-shadow:0 0 12px #aa8470}.shop-card.tier-4.is-weapon .shop-card-name{color:#e4c5a1}.shop-card.tier-4.is-vitality .shop-card-name{color:#c2e7cd}.shop-card.tier-4.is-spirit .shop-card-name{color:#e3d4f2}.shop-card-wear{background:var(--wear-color,#fff);opacity:.5;-webkit-mask:var(--wear-img) center / 100% 100% no-repeat;-webkit-mask:var(--wear-img) center / 100% 100% no-repeat;mask:var(--wear-img) center / 100% 100% no-repeat;pointer-events:none;inset:0}.shop-card.tier-1.is-vitality .shop-card-wear{--wear-color:#f3e1cc;opacity:1}.shop-card.tier-1.is-spirit .shop-card-wear{--wear-color:#f7e8d5;opacity:1}.shop-card.tier-2 .shop-card-wear{--wear-color:#e6d1bf}.shop-card.tier-3 .shop-card-wear{--wear-color:#cead9b}.shop-card.tier-4 .shop-card-wear{--wear-color:#69615c}.shop-card-paper{background:var(--paper-img) center / 100% 100% no-repeat;pointer-events:none;inset:0}.shop-card-bevel{pointer-events:none;border-radius:6px;inset:0;box-shadow:inset 1px 1px #ffcc6612}.shop-card-active{pointer-events:none;z-index:2;justify-content:center;display:flex;top:55%;left:0;right:0}.shop-card-active>i{color:#ffefd7ab;font:700 var(--card-tag-size,8px) / 1.2 var(--sh-font);text-transform:uppercase;background:#181818;border-radius:2px;padding:.15em .45em;font-style:normal;display:block;box-shadow:0 0 30px #0000005e}.shop-card-imbue{background:var(--sh-spirit-dark);height:8%;color:var(--sh-spirit-light);font:700 var(--card-tag-size,8px) / 1 var(--sh-font);letter-spacing:.08em;text-transform:uppercase;pointer-events:none;z-index:2;border-radius:2px;justify-content:center;align-items:center;display:flex;top:52.5%;left:7%;right:7%}.shop-card-status{aspect-ratio:1;background:var(--sh-builds);width:25%;color:var(--sh-off-white);font:700 var(--card-tag-size,8px) / 1 var(--sh-mono);z-index:3;pointer-events:none;border-radius:5px 0 0;place-items:center;display:grid;top:0;left:0}.shop-card-status img{object-fit:contain;width:70%;height:70%}.shop-card-outline{opacity:0;pointer-events:none;z-index:4;border:2px solid #fff;border-radius:6px;inset:0}.shop-card.is-component .shop-card-outline,.shop-card.is-upgrade .shop-card-outline{opacity:1}.shop-card.is-selected .shop-card-outline{opacity:1;border-color:var(--sh-soul);box-shadow:0 0 14px #70f8c173}.shop-card-wash{background:var(--sh-builds-light);mix-blend-mode:multiply;pointer-events:none;z-index:2;border-radius:6px;inset:0}.shop-card-overlay{color:var(--sh-off-white);font:700 var(--card-name-size,11px) / 1.15 var(--sh-font);opacity:0;pointer-events:none;z-index:6;border-radius:5px;place-items:center;padding:6%;display:grid;inset:0}.shop-card-overlay.is-add{background:#365b92f1}.shop-card-overlay.is-remove{background:#bb1f1fe6}.shop-card:hover .shop-card-overlay{opacity:1}.shop-card-tier{aspect-ratio:1;clip-path:polygon(0 0,100% 0,100% 100%);background:var(--v-bright);filter:drop-shadow(-4px 0 10px #000000ed);pointer-events:none;z-index:3;border-radius:0 6px 0 0;width:30%;top:0;right:0}.shop-card-tier>i{color:var(--sh-off-black);font:800 var(--card-tag-size,8px) / 1 var(--sh-mono);font-style:normal;position:absolute;top:4%;right:12%}.shop-card-shade{opacity:0;pointer-events:none;z-index:5;background:#000;border-radius:6px;transition:opacity .1s ease-out;inset:0}.shop-hoverzone.is-hovering .shop-card:not(:hover):not(.is-component):not(.is-upgrade),.shop-hoverzone.is-hovering .shop-card:not(:hover):not(.is-component):not(.is-upgrade) .shop-card-shade{opacity:.5}.shop-card.is-component{z-index:4;animation:2s infinite shop-upgrade-available}.shop-card.is-upgrade{z-index:4;filter:brightness(1.6);transform:scale(1.05)}@keyframes shop-upgrade-available{0%{filter:brightness();transform:scale(1.1)}50%{filter:brightness(1.5);transform:scale(1.25)}to{filter:brightness();transform:scale(1.1)}}.shop-tt{z-index:60;width:min(450px,100vw - 16px);color:var(--sh-off-white);font-family:var(--sh-font);opacity:0;pointer-events:none;will-change:transform;border-radius:8px;transition:opacity .1s;position:fixed;top:0;left:0;overflow:hidden;box-shadow:0 0 20px #00000061}.shop-tt.is-visible{opacity:1}.shop-tt-head{background:var(--v-head) var(--tt-header) center / cover no-repeat;align-items:center;gap:14px;min-height:96px;padding:10px 20px;display:flex;position:relative}.shop-tt-icon{object-fit:contain;filter:drop-shadow(2px 2px #00000030);flex:none;width:64px;height:64px}.shop-tt-title{flex:1;min-width:0}.shop-tt-name{text-shadow:2px 2px #00000030;font-size:28px;font-weight:700;line-height:1.05}.shop-tt-cost{color:var(--sh-shard);font:700 20px/1 var(--sh-mono);align-items:center;gap:5px;margin-top:6px;display:flex}.shop-tt-cost img{width:auto;height:22px}.shop-tt-cost small{font:700 12px/1 var(--sh-font);letter-spacing:.12em;text-transform:uppercase;opacity:.7;color:var(--sh-off-white);margin-left:6px}.shop-tt-body{background:#000;position:relative}.shop-tt-body:before{content:"";background:var(--tt-bg) center / cover no-repeat;opacity:.8;position:absolute;inset:0}.shop-tt-body>*{position:relative}.shop-tt-sechead{background:#10130d4f;justify-content:space-between;align-items:center;height:32px;display:flex}.shop-tt-sechead.is-active{background:#10130dab}.shop-tt-sechead>b{margin-left:20px;font-size:16px;font-weight:700}.shop-tt-sechead.is-passive>b{opacity:.5;font-style:italic;font-weight:600}.shop-tt-stack{background:#10130d4f;align-items:center;gap:8px;height:100%;padding:0 20px 0 15px;font-size:16px;display:flex}.shop-tt-stack span{opacity:.8;font-weight:600}.shop-tt-stack b{font:700 16px/1 var(--sh-mono);color:var(--sh-shard)}.shop-tt-section{padding:8px 14px 12px}.shop-tt-desc{color:#cdcdcd;font-size:18px;font-weight:500;line-height:1.35}.shop-tt-stats{align-items:stretch;gap:2px;min-height:80px;margin-top:15px;display:flex}.shop-tt-stats.is-solo{justify-content:center}.shop-tt-important{text-align:center;background:#00000061;flex-direction:column;flex:none;justify-content:center;align-items:center;width:130px;padding:8px 6px;display:flex}.shop-tt-stats.is-solo .shop-tt-important{width:100%}.shop-tt-important b{font:700 22px/1 var(--sh-mono);color:#fff}.shop-tt-important span{margin-top:4px;font-size:16px;font-weight:500;line-height:1}.shop-tt-important i{opacity:.3;margin-top:4px;font-size:14px;font-style:italic;font-weight:600}.shop-tt-applied{background:#0006;flex-direction:column;flex:1;justify-content:center;gap:4px;padding:10px 15px;display:flex}.shop-tt-row{align-items:baseline;gap:8px;font-size:18px;display:flex}.shop-tt-row b{font:700 18px/1.2 var(--sh-mono);color:var(--v-bright)}.shop-tt-row.is-negative b{color:#ff6a6a}.shop-tt-row span{opacity:.6;font-weight:600}.shop-tt-components{position:relative}.shop-tt-complabel{background:var(--sh-off-black) var(--tt-modifies) center / cover no-repeat;color:#ffffff4f;text-transform:uppercase;padding:4px 10px 2px;font-size:14px;font-weight:700}.shop-tt-complist{background:var(--sh-off-black) var(--tt-modifies) center / cover no-repeat;flex-wrap:wrap;gap:6px 8px;padding:6px 5px 8px 10px;display:flex}.shop-tt-chip{align-items:center;gap:6px;display:flex}.shop-tt-chip span{background:#009cb3;border-radius:50%;place-items:center;width:26px;height:26px;display:grid}.shop-tt-chip img{object-fit:contain;opacity:.9;width:22px;height:22px}.shop-tt-chip b{color:#ffefd78f;white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:14px;font-weight:700;overflow:hidden}.shop-detail{--tt-header:none;--tt-bg:none;--tt-modifies:none;color:var(--sh-off-white);font-family:var(--sh-font);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%);background:#0b0e12;border:1px solid #6a5a3a;position:relative;box-shadow:0 16px 34px -18px #000000d9;container-type:inline-size}.shop-detail:after{content:"";clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);pointer-events:none;z-index:3;border:1px solid #d6c6a024;position:absolute;inset:3px}.shop-detail-head{background:var(--v-head) var(--tt-header) center / cover no-repeat;align-items:center;gap:16px;min-height:120px;padding:18px 22px 16px;display:flex;position:relative}.shop-detail-icon{object-fit:contain;filter:drop-shadow(2px 3px #00000040);flex:none;width:84px;height:84px}.shop-detail-title{flex:1;min-width:0}.shop-detail-name{font:800 clamp(24px, 9.5cqw, 34px) / .95 var(--sh-block);letter-spacing:.035em;text-transform:uppercase;text-shadow:2px 2px #00000038;margin:0}.shop-detail-meta{flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:8px;display:flex}.shop-detail-cost{color:var(--sh-shard);font:700 20px/1 var(--sh-mono);align-items:center;gap:5px;display:flex}.shop-detail-cost img{width:auto;height:22px}.shop-detail-kicker{font:700 10.5px/1 var(--sh-font);letter-spacing:.18em;text-transform:uppercase;color:#ffefd7c7}.shop-detail-chip{color:#ffefd7cc;font:700 9.5px/1 var(--sh-font);letter-spacing:.12em;text-transform:uppercase;background:#181818;border-radius:2px;padding:3px 6px}.shop-detail-chip.is-imbue{background:var(--sh-spirit-dark);color:var(--sh-spirit-light)}.shop-detail-body{background:#000;position:relative}.shop-detail-body:before{content:"";background:var(--tt-bg) center / cover no-repeat;opacity:.8;position:absolute;inset:0}.shop-detail-body>*{position:relative}.shop-detail-section{padding:12px 18px 16px}.shop-detail-label{background:var(--sh-off-black) var(--tt-modifies) center / cover no-repeat;color:#c9a050;font:700 10.5px/1 var(--sh-font);letter-spacing:.2em;text-transform:uppercase;justify-content:space-between;align-items:baseline;gap:12px;padding:7px 18px 5px;display:flex}.shop-detail-label small{letter-spacing:.14em;color:#ffefd766;font-size:9px}.shop-detail-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 8px;padding:10px 18px 14px;display:grid}.shop-detail-sub{font:700 9px/1 var(--sh-font);letter-spacing:.16em;text-transform:uppercase;color:#ffefd773;grid-column:1/-1;margin-top:4px}.shop-detail-sub.is-bad{color:#d4553c}.shop-detail-sub.is-good{color:var(--sh-shard)}.shop-detail-item{min-width:0;color:var(--sh-off-white);text-align:left;cursor:pointer;background:#10130d8c;border:1px solid #ffefd714;border-radius:3px;align-items:center;gap:8px;padding:5px 8px 5px 5px;transition:background-color .1s,border-color .1s;display:flex}.shop-detail-item:hover{background:#10130dd9;border-color:#c9a05080}.shop-detail-item>span:first-child{background:#009cb3;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;display:grid}.shop-detail-item img{object-fit:contain;opacity:.92;width:24px;height:24px}.shop-detail-item b{text-overflow:ellipsis;white-space:nowrap;color:#ffefd7e6;min-width:0;font-size:12.5px;font-weight:700;display:block;overflow:hidden}.shop-detail-item i{font:700 10px/1 var(--sh-mono);color:var(--sh-shard);margin-top:2px;font-style:normal;display:block}.shop-detail-empty{text-align:center;background:radial-gradient(120% 80% at 50% 0,#c9a0500f,#0000 60%),#0b0e12;flex-direction:column;justify-content:center;align-items:center;min-height:420px;padding:24px;display:flex}.shop-detail-empty b{font:800 28px/1 var(--sh-block);letter-spacing:.06em;text-transform:uppercase;color:#ffefd759}.shop-detail-empty p{color:#ffefd773;max-width:26ch;margin:10px 0 0;font-size:12.5px;line-height:1.5}.shop-detail-empty i{background:linear-gradient(90deg,#0000,#6a5a3a,#0000);width:48px;height:1px;margin:18px auto 0;display:block}@container (min-width:720px){.shop-detail-body.has-aside{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;display:grid}.shop-detail-body.has-aside .shop-detail-aside{border-left:1px solid #ffefd714}.shop-detail-empty{min-height:200px}}.shop-panel-grid{--card-name-size:10.5px;--card-tag-size:7px;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px 6px;padding:4px 2px;display:grid}.shop-card:focus-visible,.shop-tab:focus-visible,.shop-tab-search:focus-visible,.shop-search-clear:focus-visible{outline:2px solid var(--color-gilt,#c9a050);outline-offset:2px;z-index:6}.shop-search-input:focus-visible{outline:2px solid var(--color-gilt,#c9a050);outline-offset:1px}@media (prefers-reduced-motion:reduce){.shop-sheet{animation:none}.shop-card.is-component{animation:none;transform:scale(1.1)}.shop-tab,.shop-tab-bg,.shop-tab-edge,.shop-tab-icon,.shop-tab-search,.shop-card,.shop-card-face,.shop-card-art img,.shop-card-shade,.shop-card-outline,.shop-card-overlay,.shop-search-clear,.shop-tt{transition:none}.shop-search-clear:hover{transform:translateY(-50%)}}@media (hover:none){.shop-tt{display:none}}