.page-store{--feat:linear-gradient(160deg, #4a241b 0%, #2c1510 70%, #26120e 100%);background:radial-gradient(120% 80% at 50% -10%, #241f18 0%, transparent 60%), var(--bg);flex-direction:column;min-height:calc(100vh - 55px);display:flex}.page-store .subbar{border-bottom:1px solid var(--line);background:#00000040;flex-wrap:wrap;align-items:center;gap:14px;padding:10px 18px;display:flex}.page-store .cats{flex-wrap:wrap;gap:6px;display:flex}.page-store .cat-tab{letter-spacing:.04em;color:var(--dim);background:#ffffff0a;border-radius:4px;align-items:center;gap:7px;padding:9px 16px;font-family:Oswald,sans-serif;font-size:13px;transition:all .15s;display:flex}.page-store .cat-tab:hover{color:var(--txt)}.page-store .cat-tab.on{color:#fff;background:linear-gradient(160deg, var(--rust), var(--rust-d))}.page-store .cat-tab.on-green{color:#0f1408;background:linear-gradient(160deg, var(--green), var(--green-d));font-weight:600}.page-store .subright{align-items:center;gap:8px;margin-left:auto;display:flex}.page-store .cart-btn{position:relative}.page-store .cart-count{color:#fff;background:var(--rust-b);border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:700;display:grid;position:absolute;top:-6px;right:-6px}.page-store .grid{max-width:var(--maxw);flex:1;grid-template-columns:minmax(220px,1fr) minmax(380px,2.1fr) minmax(220px,1fr);align-items:start;gap:16px;width:100%;margin:0 auto;padding:18px;display:grid}.page-store .price-pill{z-index:3;color:var(--txt);border:1px solid var(--line);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border-radius:4px;align-items:center;gap:6px;padding:6px 11px;font-family:Oswald,sans-serif;font-size:13px;transition:all .15s;display:flex;position:absolute;top:10px;right:10px}.page-store .price-pill:hover{background:var(--rust);color:#fff;border-color:var(--rust-b);transform:translateY(-1px)}.page-store .price-pill.bright{color:var(--gold-b)}.page-store .badge{z-index:3;color:#fff;letter-spacing:.04em;border-radius:3px;padding:4px 9px;font-family:Oswald,sans-serif;font-size:11px;font-weight:600;position:absolute}.page-store .badge.new{background:var(--gold);color:#1a1408;bottom:64px;left:14px}.page-store .badge.feat{background:var(--rust-b);top:10px;left:10px}.page-store .subtag{z-index:2;color:var(--gold-b);background:#0000008c;border:1px solid #c79a3b4d;border-radius:3px;padding:3px 8px;font-family:Oswald,sans-serif;font-size:10.5px;position:absolute;bottom:60px;left:12px}.page-store .featured-card{background:radial-gradient(80% 60% at 50% 30%, color-mix(in srgb, var(--glow) 38%, transparent), transparent 70%), linear-gradient(170deg, #241016, #100a0d);border:1px solid var(--line);border-radius:6px;flex-direction:column;justify-content:flex-end;min-height:430px;display:flex;position:relative;overflow:hidden}.page-store .featured-art{color:#ffffffd9;filter:drop-shadow(0 12px 40px #0009);place-items:center;display:grid;position:absolute;inset:0}.page-store .featured-meta{z-index:2;background:linear-gradient(#0000,#000000b3);padding:18px;position:relative}.page-store .featured-meta h2{margin:0;font-size:30px;font-weight:700;line-height:1}.page-store .featured-meta p{color:var(--dim);margin:4px 0 0;font-size:13px}.page-store .dots{z-index:3;gap:5px;display:flex;position:absolute;bottom:8px;left:18px}.page-store .dots i{background:#ffffff2e;border-radius:2px;width:22px;height:3px}.page-store .dots i.on{background:var(--rust-b)}.page-store .gold-panel{background:linear-gradient(#7a5a1c38,#3c2a0c1f);border:1.5px solid #c79a3b8c;border-radius:6px;padding:18px;position:relative;box-shadow:inset 0 0 40px #c79a3b0f}.page-store .gold-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.page-store .gold-head h1{color:var(--gold-b);text-shadow:0 2px 10px #c79a3b4d;margin:0;font-family:Oswald,sans-serif;font-size:30px;font-weight:700}.page-store .refresh{color:var(--gold);flex-direction:column;align-items:flex-end;gap:3px;font-family:Oswald,sans-serif;font-size:11px;display:flex}.page-store .refresh b{color:#1a1408;background:var(--gold);border-radius:4px;align-items:center;gap:5px;padding:5px 10px;font-size:13px;font-weight:600;display:flex}.page-store .panel-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.page-store .store-card{background:var(--card);border:1px solid var(--line);border-radius:5px;flex-direction:column;justify-content:flex-end;min-height:185px;display:flex;position:relative;overflow:hidden}.page-store .store-card.is-featured{background:var(--feat);border-color:#d24a2e40}.page-store .card-art{color:#ffffffc7;place-items:center;display:grid;position:absolute;inset:0 0 46px}.page-store .card-meta{z-index:2;background:linear-gradient(#0000,#00000073);padding:11px 12px;position:relative}.page-store .card-meta h3{margin:0;font-family:Oswald,sans-serif;font-size:16px;font-weight:600;line-height:1.05}.page-store .card-meta p{color:var(--dim);margin:3px 0 0;font-size:11px}.page-store .store-empty{text-align:center;color:var(--dim);grid-column:1/-1;padding:40px 0}.page-store .panel-footer{width:100%;color:var(--gold-b);background:#c79a3b1f;border:1px solid #c79a3b4d;border-radius:5px;justify-content:center;align-items:center;gap:8px;margin-top:14px;padding:12px;font-family:Oswald,sans-serif;font-size:14px;transition:all .15s;display:flex}.page-store .panel-footer:hover{background:#c79a3b33}.page-store .packs{flex-direction:column;gap:16px;display:flex}.page-store .pack-card{border:1px solid var(--line);border-radius:6px;flex-direction:column;justify-content:flex-end;min-height:130px;display:flex;position:relative;overflow:hidden}.page-store .pack-art{color:#ffffff29;position:absolute;top:8px;right:14px}.page-store .pack-meta{z-index:2;background:linear-gradient(#0000,#0000008c);padding:14px;position:relative}.page-store .pack-meta h3{margin:0;font-family:Oswald,sans-serif;font-size:18px;font-weight:600}.page-store .pack-meta p{color:var(--dim);text-transform:uppercase;letter-spacing:.05em;margin:3px 0 0;font-size:11px}.page-store .statusbar{border-top:1px solid var(--line);background:#0000004d;align-items:center;gap:14px;padding:9px 18px;display:flex}.page-store .say{border:1px solid var(--line);background:#00000059;border-radius:4px;flex:1;align-items:center;max-width:420px;height:36px;display:flex;overflow:hidden}.page-store .say input{color:var(--txt);background:0 0;border:none;outline:none;flex:1;padding:0 12px;font-size:13px}.page-store .say button{color:var(--dim);padding:0 12px}.page-store .online{color:var(--dim);letter-spacing:.05em;align-items:center;gap:7px;margin-left:auto;font-family:Oswald,sans-serif;font-size:12px;display:flex}.page-store .bal-chip{color:var(--gold-b);background:#c79a3b1f;border:1px solid #c79a3b59;border-radius:5px;align-items:center;gap:7px;padding:8px 14px;font-family:Oswald,sans-serif;font-size:14px;display:flex}.page-store .bal-chip b{color:#fff;font-weight:700}.page-store .bal-chip span{color:var(--dim);font-size:12px}.page-store .scrap-ic{color:var(--gold-b)}.page-store .login-hint{font-family:Oswald,sans-serif;font-size:13px}.page-store .shop{max-width:var(--maxw);flex:1;width:100%;margin:0 auto;padding:20px 18px 40px}.page-store .shop-head{align-items:baseline;gap:12px;margin-bottom:16px;display:flex}.page-store .shop-head h1{color:var(--gold-b);text-shadow:0 2px 10px #c79a3b40;margin:0;font-family:Oswald,sans-serif;font-size:28px;font-weight:700}.page-store .shop-count{color:var(--dim);font-family:Oswald,sans-serif;font-size:13px}.page-store .shop-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;display:grid}.page-store .prod-card{background:var(--card);border:1px solid var(--line);border-radius:6px;flex-direction:column;transition:all .15s;display:flex;position:relative;overflow:hidden}.page-store .prod-card:hover{border-color:#d24a2e66;transform:translateY(-2px)}.page-store .prod-card.is-role{background:linear-gradient(170deg, #3c2a0c59, var(--card))}.page-store .prod-art{color:#ffffffbf;background:radial-gradient(70% 60% at 50% 40%,#d24a2e1f,#0000 70%);place-items:center;height:130px;padding:10px;display:grid}.page-store .prod-art img{object-fit:contain;filter:drop-shadow(0 8px 22px #0000008c);max-width:100%;max-height:110px}.page-store .prod-art.role-art{color:var(--gold-b);background:radial-gradient(70% 60% at 50% 40%,#c79a3b29,#0000 70%)}.page-store .prod-body{border-top:1px solid var(--line);padding:11px 12px 13px}.page-store .prod-body h3{white-space:nowrap;text-overflow:ellipsis;margin:0;font-family:Oswald,sans-serif;font-size:15px;font-weight:600;line-height:1.15;overflow:hidden}.page-store .prod-body p{color:var(--dim);white-space:nowrap;text-overflow:ellipsis;min-height:14px;margin:3px 0 10px;font-size:11px;overflow:hidden}.page-store .prod-buy{color:#fff;background:linear-gradient(160deg, var(--rust), var(--rust-d));border-radius:4px;justify-content:center;align-items:center;gap:6px;width:100%;padding:9px;font-family:Oswald,sans-serif;font-size:15px;font-weight:600;transition:all .15s;display:flex}.page-store .prod-buy:hover{filter:brightness(1.12)}.page-store .prod-buy .cur{opacity:.85;font-size:11px;font-weight:400}.page-store .is-role .prod-buy{background:linear-gradient(160deg, var(--gold), #9c7526);color:#1a1408}.page-store .buy-overlay{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000000a8;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.page-store .buy-modal{background:linear-gradient(#201812,#171310);border:1px solid #c79a3b59;border-radius:8px;width:100%;max-width:420px;padding:22px;position:relative;box-shadow:0 24px 70px #0009}.page-store .buy-close{color:var(--dim);position:absolute;top:12px;right:12px}.page-store .buy-close:hover{color:var(--txt)}.page-store .buy-modal h3{color:var(--gold-b);margin:0 0 16px;font-family:Oswald,sans-serif;font-size:20px}.page-store .buy-item{align-items:center;gap:14px;margin-bottom:16px;display:flex}.page-store .buy-art{border:1px solid var(--line);color:#fffc;background:#00000059;border-radius:6px;flex-shrink:0;place-items:center;width:72px;height:72px;display:grid}.page-store .buy-art img{object-fit:contain;max-width:64px;max-height:64px}.page-store .buy-info{flex-direction:column;gap:5px;min-width:0;display:flex}.page-store .buy-info b{font-family:Oswald,sans-serif;font-size:17px}.page-store .buy-price{color:var(--gold-b);align-items:center;gap:6px;font-size:14px;display:flex}.page-store .buy-field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.page-store .buy-field span{color:var(--txt);font-size:13px}.page-store .buy-field input{color:var(--txt);border:1px solid var(--line);background:#00000059;border-radius:4px;outline:none;padding:10px 12px;font-size:12px}.page-store .buy-field input:focus{border-color:var(--rust-b)}.page-store .buy-field small{color:var(--dim);font-size:11px;line-height:1.4}.page-store .buy-note{color:var(--dim);margin:0 0 14px;font-size:12.5px;line-height:1.5}.page-store .buy-warn{color:#e88;margin:0 0 12px;font-size:12.5px}.page-store .buy-confirm{color:#fff;background:linear-gradient(160deg, var(--rust), var(--rust-d));border-radius:5px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-family:Oswald,sans-serif;font-size:15px;font-weight:600;transition:all .15s;display:flex}.page-store .buy-confirm:hover:not(:disabled){filter:brightness(1.12)}.page-store .buy-confirm:disabled{opacity:.5;cursor:not-allowed}.page-store .spin{animation:1s linear infinite store-spin}@keyframes store-spin{to{transform:rotate(360deg)}}.page-store .store-toast{z-index:60;border-radius:6px;align-items:center;gap:9px;max-width:90vw;padding:12px 18px;font-size:13.5px;animation:.2s store-toast-in;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 14px 40px #00000080}.page-store .store-toast.ok{border:1px solid var(--green);color:#dff5d2;background:linear-gradient(160deg,#244a1c,#16300f)}.page-store .store-toast.err{border:1px solid var(--rust-b);color:#f5d2d2;background:linear-gradient(160deg,#4a1c1c,#300f0f)}@keyframes store-toast-in{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@media (max-width:980px){.page-store .grid{grid-template-columns:1fr}.page-store .panel-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.page-store .panel-grid{grid-template-columns:1fr}.page-store .shop-grid{grid-template-columns:repeat(2,1fr)}}