.shop{--parchment:#bdb39c;--parchment-deep:#a99f88;--ink:#2a2420;--ink-soft:#5b5146;--shop-weapon:#c8662a;--shop-spirit:#5d4b8e;--shop-vitality:#4f8a3a;--card-weapon:#ecdcb9;--card-spirit:#cdbde8;--card-vitality:#d8e7b4;--tab-all:#9a9fa3;--tab-weapon:#e3b42b;--tab-spirit:#a653d4;--tab-vitality:#94c43c;font-family:var(--font-barlow-condensed), var(--font-josefin), sans-serif;grid-template-columns:minmax(0,1fr);display:grid}@media (min-width:1024px){.shop{grid-template-columns:5.25rem minmax(0,1fr)}}.shop-tabs{gap:.4rem;display:flex;overflow-x:auto}@media (min-width:1024px){.shop-tabs{flex-direction:column;gap:.6rem;padding-top:1.25rem;overflow:visible}}.shop-tab{--tab:var(--tab-all);background:color-mix(in oklab, var(--tab) 78%, #000);color:#1d1b19;letter-spacing:.1em;text-transform:uppercase;min-width:4.5rem;transition:background-color .18s var(--ease-out-expo), transform .18s var(--ease-out-expo);border-radius:6px 6px 0 0;flex-direction:column;flex:1 0 auto;justify-content:center;align-items:center;gap:.2rem;padding:.55rem .5rem .45rem;font-size:.72rem;font-weight:700;text-decoration:none;display:flex;box-shadow:inset 0 -3px #00000040}.shop-tab[data-type=weapon]{--tab:var(--tab-weapon)}.shop-tab[data-type=spirit]{--tab:var(--tab-spirit)}.shop-tab[data-type=vitality]{--tab:var(--tab-vitality)}.shop-tab:hover,.shop-tab[aria-current=page]{background:var(--tab)}.shop-tab[aria-current=page]{box-shadow:none}@media (min-width:1024px){.shop-tabs{align-items:stretch}.shop-tab{border-radius:8px 0 0 8px;flex:none;min-height:4.75rem;box-shadow:inset -4px 0 #00000040}.shop-tab:hover{transform:translate(-3px)}.shop-tab[aria-current=page]{min-height:8rem;transform:none}}.shop-panel{color:var(--ink);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .3 0 0 0 0 .25 0 0 0 0 .18 0 0 0 .22 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"), radial-gradient(ellipse at 30% 20%, #cbc2ab, transparent 70%), linear-gradient(180deg, var(--parchment), var(--parchment-deep));border:6px solid #3b1a14;padding:.9rem;position:relative;box-shadow:inset 0 0 0 2px #7d5a35,inset 0 0 60px #3c281459,0 12px 30px #00000080}@media (min-width:640px){.shop-panel{padding:1.25rem}}.shop-heads{display:none}@media (min-width:1024px){.shop-heads{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;display:grid}}.shop-banner,.shop-type-title{--band:var(--shop-weapon);color:#f4e7c9;background:radial-gradient(#0000002e 1px, transparent 1.3px) 0 0 / 5px 5px, linear-gradient(160deg, color-mix(in oklab, var(--band) 85%, #fff), var(--band) 55%, color-mix(in oklab, var(--band) 75%, #000));border:2px solid color-mix(in oklab, var(--band) 55%, #000);align-items:center;gap:.75rem;padding:.8rem 1rem;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #ffffff1f}.shop-banner[data-type=spirit],.shop-type[data-type=spirit] .shop-type-title{--band:var(--shop-spirit)}.shop-banner[data-type=vitality],.shop-type[data-type=vitality] .shop-type-title{--band:var(--shop-vitality)}.shop-banner svg{color:#231a14;filter:drop-shadow(0 1px #ffffff40)}.shop-banner-label{letter-spacing:.04em;text-transform:uppercase;text-shadow:0 2px #00000073,0 0 1px #000;font-size:clamp(1.9rem,1.2rem + 1.2vw,2.6rem);font-weight:800;line-height:1}.shop-banner-tag{color:#0000006b;font-size:.9rem;font-style:italic;font-weight:700;position:absolute;top:.3rem;right:.7rem;rotate:-6deg}.shop-cost{color:var(--ink);align-items:center;gap:.6rem;padding:.9rem 0 .4rem;font-size:1.45rem;font-weight:800;line-height:1;display:flex}.shop-cost:after{content:"";background:#2a242080;flex:1;height:2px}.shop-cells{grid-template-columns:minmax(0,1fr);gap:.75rem;display:grid}.shop-cell{min-height:2rem;padding:.35rem .4rem .6rem}.shop-cell-label{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:.4rem;font-size:.75rem;font-weight:700;display:block}@media (min-width:1024px){.shop-cells{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem}.shop-cell-label{display:none}.shop-cell[data-type=spirit]{background:#3c28461a}}.shop-cards{grid-template-columns:repeat(auto-fill,minmax(5rem,1fr));gap:.5rem;display:grid}@media (min-width:1024px){.shop-cards{grid-template-columns:repeat(auto-fill,5.4rem)}}.shop-card{--card:var(--card-weapon);color:inherit;background:var(--card);transition:transform .18s var(--ease-out-expo), box-shadow .18s var(--ease-out-expo);border-radius:3px;flex-direction:column;padding:3px;text-decoration:none;display:flex;box-shadow:0 0 0 1px #0000002e,0 3px 6px #28190a59}.shop-card[data-type=spirit]{--card:var(--card-spirit)}.shop-card[data-type=vitality]{--card:var(--card-vitality)}.shop-card:hover{transform:translateY(-3px);box-shadow:0 0 0 2px #fff6dc,0 8px 14px #28190a73}.shop-card-img{aspect-ratio:1;background:color-mix(in oklab, var(--card) 70%, #000);display:block;overflow:hidden}.shop-card-img img{object-fit:cover;width:100%;height:100%}.shop-card-name{text-align:center;min-height:2.35rem;color:var(--ink);overflow-wrap:anywhere;place-items:center;padding:.2rem .1rem .1rem;font-size:.78rem;font-weight:700;line-height:1.1;display:grid}.shop-type-title{border:2px solid var(--band);box-shadow:inset 0 0 0 4px #120d0b, inset 0 0 0 5px color-mix(in oklab, var(--band) 60%, transparent);background:radial-gradient(#ffffff0d 1px,#0000 1.3px) 0 0/5px 5px,linear-gradient(#1f1714,#120d0b);padding:1rem 1.25rem}.shop-type-title svg{color:color-mix(in oklab, var(--band) 75%, #fff)}.shop-type-title h2{letter-spacing:.08em;text-transform:uppercase;color:#ecdcb9;text-shadow:3px 3px 0 color-mix(in oklab, var(--band) 70%, #000);font-size:clamp(2.2rem,1.4rem + 2.6vw,3.6rem);font-weight:800;line-height:.95}.shop-type-title p{letter-spacing:.3em;text-transform:uppercase;color:color-mix(in oklab, var(--band) 50%, #fff);margin-top:.3rem;font-size:.85rem;font-weight:700}.shop-tier{outline-offset:-7px;background:repeating-linear-gradient(135deg,#0000 0 10px,#3c28140d 10px 11px);border:2px solid #7d5a35bf;outline:1px solid #7d5a3580;margin-top:.9rem;padding:2.4rem 1rem 1rem;position:relative}.shop-tier[data-dark]{background:radial-gradient(at 50% 0,#2c2420,#0000 70%),#171211;border-color:#0b0807;outline-color:#c4954a80;box-shadow:0 6px 16px #00000073}.shop-tier-head{align-items:center;gap:.7rem;display:flex;position:absolute;top:-.9rem;left:.8rem;right:.8rem}.shop-tier-cost{color:#8ef0d6;background:#15110f;border:2px solid #3d2f25;padding:.2rem .8rem;font-size:1.5rem;font-weight:800;line-height:1.1;rotate:-2deg;box-shadow:0 3px 6px #0006}.shop-tier-name{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin-top:1.1rem;font-size:1.15rem;font-weight:800}.shop-tier[data-dark] .shop-tier-name{color:#b9ab93}.shop-tier-note{letter-spacing:.06em;text-transform:uppercase;color:var(--brass);margin-top:1.1rem;font-size:1rem;font-weight:700}.shop-tier[data-dark] .shop-card{--card:#2f2825;box-shadow:0 0 0 1px #000,0 3px 6px #00000080}.shop-tier[data-dark] .shop-card-name{color:var(--ivory)}@media (prefers-reduced-motion:reduce){.shop-tab,.shop-card{transition:none}}