.costume-store{max-width:1510px;padding-top:40px}.store-heading{display:flex;justify-content:space-between;align-items:center;gap:40px;margin-bottom:28px}.store-heading h1{font-size:42px;letter-spacing:-1.5px;font-weight:500;margin:18px 0 14px}.store-heading p{max-width:660px;font-size:13px;color:#9a9898;line-height:1.8}.store-heading strong{color:#d8c4b2;font-weight:500}.store-wallet{display:flex;gap:13px;color:#d8b18b;white-space:nowrap}.store-wallet b{display:block;font-size:15px;font-weight:500}.store-wallet small{display:block;margin-top:6px;font-size:10px;color:#8b8887}.store-heroes{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:6px;padding:12px 0 22px;border-bottom:1px solid var(--line);margin-bottom:28px}.store-hero{display:flex;align-items:center;justify-content:flex-start;gap:6px;padding:7px 5px;border:1px solid transparent;border-radius:6px;color:#99969a;font-size:11px;text-align:left}.store-hero:hover{background:#ffffff05;color:#e9d8c8}.store-hero.selected{border-color:#c79d6455;background:#bf906d12;color:#eed8c4}.store-avatar{width:29px;height:38px;overflow:hidden;position:relative;flex-shrink:0}.store-avatar .sprite{position:absolute;width:64px;height:96px;left:-17px;top:0}.store-hero small{display:block;font-size:7px;color:#c99469;margin-top:4px}.store-layout{display:grid;grid-template-columns:minmax(310px,.85fr) minmax(0,1.4fr);gap:27px;align-items:start}.store-fitting{position:sticky;top:20px;background:linear-gradient(155deg,#252125,#14161b 65%);border:1px solid #ffffff13;border-radius:10px;overflow:hidden}.store-fitting-top{position:absolute;top:23px;left:25px;right:25px;display:flex;justify-content:space-between;z-index:2;gap:10px;font-size:15px}.store-fitting-top small{display:block;color:#a7a0a0;font-size:9px;margin-top:7px}.store-preview-label{font-size:8px;letter-spacing:1.7px;color:#ddc5ad;background:#151517a8;border:1px solid #d6ae7840;padding:7px 10px;align-self:start;border-radius:3px}.store-stage{height:510px;position:relative;display:flex;align-items:flex-end;justify-content:center;padding:54px 16px 0;overflow:hidden;background:radial-gradient(ellipse at 50% 58%,color-mix(in srgb,var(--set-color) 20%,transparent),transparent 65%)}.store-aura{position:absolute;inset:80px 15% 20px;border:1px solid color-mix(in srgb,var(--set-color) 12%,transparent);border-radius:50% 50% 8px 8px;box-shadow:0 0 50px color-mix(in srgb,var(--set-color) 5%,transparent)}.store-stage .sprite.store-display-sprite{width:min(100%,300px);height:auto;max-height:none;aspect-ratio:2/3;position:relative;z-index:1;filter:drop-shadow(0 12px 16px #0008)}.store-floor{position:absolute;bottom:7px;width:60%;height:10px;border-radius:50%;background:#0008;filter:blur(7px)}.store-detail{padding:21px 25px 26px;background:linear-gradient(0deg,#17181c,#17181c88);position:relative}.store-detail .eyebrow{font-size:8px;color:var(--set-color)}.store-detail h2{font-size:28px;font-weight:500;letter-spacing:-.7px;margin:12px 0}.store-detail>p{font-size:12px;color:#a7a0a0;line-height:1.8}.store-materials{font-size:10px;color:#c7b4a5;padding-top:17px}.store-stats{font-size:10px;line-height:1.7;color:#beac99;margin:14px 0 22px;padding:12px 0;border-top:1px solid #ffffff0a;border-bottom:1px solid #ffffff0a}.store-zero{color:#a1bba9}.store-detail>.btn{width:100%;justify-content:space-between}.store-detail>.btn:disabled{justify-content:center}.store-test{width:100%;justify-content:center;padding:17px 5px 14px;color:#c6b9ac}.store-detail .fineprint{font-size:10px;color:#817f82;text-align:center}.store-detail .fineprint+.fineprint{margin-top:12px}.store-catalog-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 20px}.store-catalog-top .eyebrow{font-size:8px}.store-catalog-top h2{font-size:28px;font-weight:500;margin-top:7px}.store-catalog-top h2 small{font-size:10px;color:#91888b;margin-left:12px;font-weight:400}.store-filters{display:flex;gap:4px;background:#17181c;padding:4px;border:1px solid #ffffff0c;border-radius:5px}.store-filters button{padding:8px 11px;color:#918b8e;font-size:10px;border-radius:3px;white-space:nowrap}.store-filters button.selected{background:#3c3029;color:#eacbb0}.store-filters span{font-size:9px;opacity:.6;margin-left:3px}.store-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.store-card{border:1px solid #ffffff12;border-radius:8px;background:#191a1e;overflow:hidden;transition:border-color .2s}.store-card.selected{border-color:color-mix(in srgb,var(--set-color) 65%,transparent)}.store-card-preview{display:flex;position:relative;width:100%;height:330px;align-items:flex-end;justify-content:center;overflow:hidden;padding:0 10px;background:radial-gradient(ellipse at 50% 55%,color-mix(in srgb,var(--set-color) 19%,transparent),transparent 70%)}.store-card-preview:after{content:'';position:absolute;bottom:0;left:0;right:0;height:50px;background:linear-gradient(0deg,#191a1e,transparent);pointer-events:none}.store-card-preview .sprite.store-card-sprite{width:210px;height:315px;position:relative;max-width:none;flex-shrink:0;transition:transform .3s;filter:drop-shadow(0 5px 6px #0005)}.store-card-preview:hover .sprite{transform:translateY(-3px)}.store-badge{position:absolute;top:15px;left:14px;font-size:7px;letter-spacing:1.3px;color:#e2c8b2;background:#121318b8;padding:6px 8px;border:1px solid #ffffff10;border-radius:3px;z-index:2}.store-card-cta{position:absolute;bottom:8px;right:14px;z-index:2;font-size:9px;color:#c7b5a5;display:flex;align-items:center;gap:6px}.store-card.selected .store-card-cta{color:var(--set-color)}.store-card-copy{padding:18px 18px 19px}.store-card-copy>small{font-size:8px;letter-spacing:.5px;color:#948a89}.store-card-copy h3{font-weight:500;font-size:20px;letter-spacing:-.4px;margin:9px 0 19px}.store-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:14px;border-top:1px solid #ffffff0c}.store-card-bottom span{font-size:8px;color:#928c8c}.store-card-bottom b{font-size:12px;color:#dfbc98;white-space:nowrap;font-weight:500}.store-note{display:flex;align-items:flex-start;gap:14px;margin-top:22px;padding:20px;border:1px solid #ffffff0d;border-radius:7px;color:#ad947c}.store-note b{font-size:12px;color:#c5b7aa;font-weight:500}.store-note p{font-size:10px;line-height:1.8;color:#8f898a;margin-top:7px}.store-empty{grid-column:1/-1;padding:65px 25px;text-align:center;background:#191a1e;border:1px solid #ffffff12;border-radius:8px;color:#bda68f}.store-empty h3{font-size:20px;font-weight:500;margin:20px 0 10px}.store-empty p{font-size:12px;color:#999196;line-height:1.8;margin-bottom:20px}
@media(min-width:1650px){.store-stage{height:575px}.store-stage .sprite.store-display-sprite{width:340px}.store-card-preview{height:365px}.store-card-preview .sprite.store-card-sprite{width:230px;height:345px}}
@media(max-width:1150px){.store-heroes{grid-template-columns:repeat(6,minmax(0,1fr))}.store-hero{justify-content:center}.store-layout{grid-template-columns:minmax(290px,.85fr) minmax(0,1.2fr);gap:18px}.store-heading h1{font-size:35px}.store-stage{height:460px}.store-stage .sprite.store-display-sprite{width:270px}.store-card-preview{height:280px}.store-card-preview .sprite.store-card-sprite{width:180px;height:270px}.store-card-copy{padding:15px 12px}.store-card-copy h3{font-size:17px}.store-catalog-top{flex-wrap:wrap}.store-detail{padding:20px}.store-detail h2{font-size:24px}}
@media(max-width:800px){.costume-store{padding:28px 22px}.store-heading{align-items:flex-start;gap:20px}.store-heading p{font-size:12px}.store-heading h1{font-size:32px}.store-heading .tag{display:none}.store-wallet{font-size:10px}.store-wallet b{font-size:12px}.store-wallet small{white-space:normal;line-height:1.5;max-width:100px}.store-layout{grid-template-columns:1fr}.store-fitting{position:relative;top:0;display:grid;grid-template-columns:1fr 1fr}.store-stage{height:470px;padding-top:60px}.store-detail{padding-top:70px;align-self:stretch}.store-fitting-top{right:calc(50% + 20px);left:20px}.store-fitting-top>span:first-child{font-size:13px}.store-preview-label{font-size:6px;padding:6px}.store-detail h2{font-size:24px}.store-detail>p{font-size:11px}.store-catalog-top{margin-top:10px}.store-card-preview{height:345px}.store-card-preview .sprite.store-card-sprite{width:220px;height:330px}}
@media(max-width:560px){.costume-store{padding:25px 14px}.store-heading{display:block;margin-bottom:16px}.store-heading .eyebrow{font-size:9px}.store-heading h1{font-size:32px;margin:15px 0 12px}.store-heading p{font-size:11px;line-height:1.8}.store-wallet{margin-top:17px;gap:9px;align-items:center}.store-wallet b{font-size:12px;display:inline}.store-wallet small{font-size:9px;display:inline;margin-left:12px;max-width:none}.store-heroes{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding-bottom:17px;margin-bottom:20px}.store-hero{font-size:10px;justify-content:flex-start;gap:3px;padding:5px 3px}.store-avatar{width:23px;height:33px}.store-avatar .sprite{width:56px;height:84px;left:-16px}.store-hero small{font-size:6px}.store-fitting{display:block}.store-fitting-top{right:20px}.store-stage{height:420px}.store-stage .sprite.store-display-sprite{width:250px}.store-detail{padding:20px}.store-detail>p{font-size:12px}.store-detail h2{font-size:27px}.store-catalog-top{gap:12px;margin:7px 0 15px}.store-catalog-top h2{font-size:24px}.store-catalog-top h2 small{display:none}.store-filters{gap:0}.store-filters button{padding:8px;font-size:9px}.store-filters span{font-size:8px;margin-left:2px}.store-cards{gap:9px}.store-card-preview{height:245px;padding:0}.store-card-preview .sprite.store-card-sprite{width:156px;height:234px}.store-badge{left:8px;top:10px;font-size:6px;padding:5px}.store-card-copy{padding:13px 10px}.store-card-copy>small{font-size:7px;line-height:1.5;display:block;min-height:22px}.store-card-copy h3{font-size:16px;line-height:1.25;min-height:40px;margin:7px 0 12px}.store-card-bottom{flex-wrap:wrap;gap:8px;padding-top:11px}.store-card-bottom span{font-size:7px}.store-card-bottom b{font-size:11px}.store-card-cta{font-size:8px;right:9px}.store-note{padding:16px}.store-note p{font-size:10px}.store-empty{padding:40px 16px}}
