/* The supply depot: original type and emblems, framed like an inventory. */
.store-page{--depot-bg:#111419;--depot-panel:#1d2229;--depot-edge:#414952;--depot-dim:#b7b9bd;background:var(--depot-bg)}
.store-page .depot-hero{padding:44px 0 40px;text-align:left;background:radial-gradient(ellipse at 25% 80%,#59212455,transparent 65%),linear-gradient(125deg,#15191f,#20242a);border-top:1px solid #353b43}
.depot-banner{display:grid;grid-template-columns:120px minmax(0,1fr) 230px;gap:32px;align-items:center}
.depot-logo{width:120px;height:auto;filter:drop-shadow(0 12px 12px #0008)}
.store-page .depot-hero .eyebrow{margin:0 0 13px;color:#ff7474;font-size:10px;letter-spacing:.18em}
.store-page .depot-hero h1{font-size:clamp(48px,5.3vw,70px);line-height:.94}
.store-page .depot-hero h1 b{font-weight:800}
.store-page .depot-hero p:not(.eyebrow){margin:16px 0 0;max-width:470px;font-size:15px;color:#c4c3bf}
.depot-community{display:flex;flex-direction:column;gap:9px;padding:20px;text-decoration:none;background:#101317aa;border:2px solid #40464e;box-shadow:inset 2px 2px #ffffff09,inset -2px -2px #0008;border-radius:3px}
.depot-community .pix{color:#ff7474;font-size:10px}
.depot-community strong{font-size:18px;color:#f4eee4}.depot-community strong span{float:right;color:#ff7474}
.depot-community small{font-size:12px;color:var(--depot-dim)}
.depot-community:hover{border-color:#e15c5c;background:#201b20}
.store-page .strata{height:14px;filter:brightness(.65)}
.store-page .depot-shop{padding:0 0 80px;background-image:linear-gradient(#ffffff02 1px,transparent 1px),linear-gradient(90deg,#ffffff02 1px,transparent 1px);background-size:32px 32px}
.depot-benefits{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:21px 0;border-bottom:1px solid #343a42;color:#cecec9;font-size:11px;font-weight:700;letter-spacing:.1em}
.depot-benefits span{display:flex;gap:9px;align-items:center}.depot-benefits i{font-style:normal;font-size:18px;color:#e26060}
.store-page .depot-notice{margin:22px auto 28px;padding:12px 16px;border:1px solid #6c542d;border-left:3px solid #c79c4d;background:#251f16;color:#ddc79f;font-size:13px;line-height:1.5}
.store-page .depot-notice.error{border-color:#8e4242;background:#301c1d;color:#ffb3b3}
.store-page .store{grid-template-columns:200px minmax(0,1fr);gap:28px}
.store-page .slab{border:2px solid var(--depot-edge);border-radius:3px;background:var(--depot-panel);box-shadow:inset 2px 2px #ffffff0c,inset -2px -2px #0006,0 6px 0 #080b0e}
.store-page .cats{padding:10px;top:88px}
.depot-category-title{font-size:9px;letter-spacing:.1em;color:#b7b9bd;padding:10px 8px 16px}
.store-page .cats a{padding:15px 12px;letter-spacing:.06em;border:1px solid transparent;border-left-width:3px;color:#d3d2ce;margin-bottom:6px}
.store-page .cats a::before{content:"";width:12px;height:12px;flex:none;background:#6e7780;box-shadow:inset 2px 2px #ffffff40,inset -2px -2px #0005}
.store-page .cats a.on{background:#422326;border-color:#724045;border-left-color:#ff6262;color:#fff}
.store-page .cats a.on::before{background:#ed5b5b}.store-page .cats a:hover{background:#30363e;color:#fff}
.store-page .cats .crate{border-color:#363e47;margin-top:16px;padding:18px 8px 5px;color:#b7b9bd;font-size:12px}
.store-page .cats .crate .pix{color:#e4c186;font-size:9px}.store-page .cats .crate p{margin:8px 0}
.store-page .cat-title{gap:0 12px;flex-wrap:wrap;margin:0 0 20px;scroll-margin-top:90px}
.store-page .cat-title h2{font-size:38px;color:#f2eee7}.store-page .cat-title span{color:#b2b4b8;font-size:12px}
.store-page .cat-title span[id]{width:0;scroll-margin-top:90px}
.store-page .packs{gap:22px;margin-bottom:44px}
.store-page .rank-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.store-page .pack{padding:0;gap:0;display:flex;flex-direction:column;min-width:0;overflow:hidden;transition:border-color .15s}
.store-page .pack:hover{border-color:var(--c,#8b949e)}
.store-page .pack.hot{background:var(--depot-panel);border-color:#96572c}
.store-page .pack .art{position:relative;display:grid;place-items:center;flex:none;width:auto;height:190px;margin:10px 10px 0;background:radial-gradient(ellipse at center,#303742 0%,#15191f 72%);border:2px solid #0b0e12;border-right-color:#3c444e;border-bottom-color:#3c444e;filter:none;box-shadow:inset 0 0 24px #0005}
.store-page .pack .art::after{content:"";position:absolute;inset:auto 12px 10px;height:3px;background:var(--c,#7b8593);opacity:.7}
.store-page .pack .art img{width:142px;height:163px;object-fit:contain;filter:drop-shadow(0 8px 5px #0006)}
.featured-label{position:absolute;top:8px;right:8px;padding:5px 8px;background:#ff9a45;border:1px solid #ffc88f;box-shadow:0 3px #502c12;color:#2b1809;font-size:9px;font-weight:700;letter-spacing:.08em}
.pack-info{display:flex;flex-direction:column;flex:1;min-width:0;padding:22px}
.store-page .pack .tag{font-size:10px;letter-spacing:.11em;margin-bottom:8px}
.store-page .pack h3{font-size:36px;color:#f7f0e7;overflow-wrap:anywhere}
.store-page .pack .desc{color:var(--depot-dim);font-size:14px;line-height:1.5;margin:10px 0 16px}
.store-page .pack .perks{margin:0 0 22px;color:#cbcbd0;font-size:13px;line-height:1.45}
.store-page .pack .perks li{padding:5px 0 5px 17px}
.store-page .pack .perks li::before{width:6px;height:6px;top:12px;border-radius:0;box-shadow:1px 1px #0008}
.store-page .pack .buy{display:grid;grid-template-columns:1fr;gap:12px;margin-top:auto;padding-top:16px;border-top:1px solid #3c424a}
.store-page .pack .price{display:flex;align-items:baseline;gap:8px;font-size:34px;line-height:1;color:#fff;letter-spacing:.01em}
.store-page .pack .price small{font:600 10px Barlow,sans-serif;color:#b9b9be;letter-spacing:.08em}
.store-page .pack .btn,.store-page .crate-bar .btn,.store-page .drawer .btn{border-radius:2px;border-width:2px;box-shadow:inset 2px 2px #ffffff26,inset -2px -2px #0004,0 3px 0 #080b0e;min-height:42px;line-height:1.2;letter-spacing:.02em}
.store-page .pack .btn.red{padding:12px 16px;background:linear-gradient(#c84545,#ae3434);border-color:#e87979 #722020 #722020 #e87979}
.store-page .pack .btn:hover{filter:brightness(1.13)}
.store-page .upgrade-grid{grid-template-columns:1fr;gap:14px}
.store-page .pack.is-upgrade{display:grid;grid-template-columns:100px minmax(0,1fr);align-items:center}
.store-page .is-upgrade .art{width:80px;height:94px;margin:16px 0 16px 16px}
.store-page .is-upgrade .art img{width:66px;height:76px}.store-page .is-upgrade .art::after{bottom:5px;height:2px;inset-inline:6px}
.store-page .is-upgrade .pack-info{display:grid;grid-template-columns:minmax(0,1fr) 160px;column-gap:20px;padding:20px}
.store-page .is-upgrade .tag{grid-column:1;margin-bottom:5px;font-size:9px}
.store-page .is-upgrade h3{grid-column:1;font-size:26px;line-height:1.05}
.store-page .is-upgrade .desc{grid-column:1;font-size:12px;margin:8px 0 0}
.store-page .is-upgrade .perks:empty{display:none}
.store-page .is-upgrade .buy{grid-column:2;grid-row:1/5;align-self:center;border:0;padding:0;margin:0;gap:10px}
.store-page .is-upgrade .price{font-size:28px}
.store-page .is-upgrade .buy .btn{font-size:12px;padding:10px}
.depot-help{display:grid;grid-template-columns:200px minmax(0,1fr);gap:28px;padding-top:12px}
.depot-help .eyebrow{margin:0 0 12px;color:#ff7474;font-size:9px}.depot-help h2{font-size:32px;line-height:1.05;max-width:200px}
.depot-questions{border-top:1px solid #3a4149}
.depot-questions details{border-bottom:1px solid #3a4149}
.depot-questions summary{position:relative;cursor:pointer;list-style:none;padding:19px 32px 19px 0;font-weight:600;font-size:15px;color:#ece9e2}
.depot-questions summary::-webkit-details-marker{display:none}.depot-questions summary::after{content:"+";position:absolute;right:4px;color:#ff7474;font-size:20px;top:13px}
.depot-questions details[open] summary::after{content:"−"}
.depot-questions details p{margin:0;padding:0 28px 20px 0;color:#b7b9bd;font-size:14px;max-width:650px}
.depot-questions a{color:#ff9292;text-underline-offset:3px}
.store-page .drawer .box{background:#1a1f26;border-left:3px solid #59616b;box-shadow:-12px 0 40px #0006}
.store-page .drawer h2{font-size:38px}.store-page .drawer .fine,.store-page .drawer .empty{color:#b7b9bd}
.store-page .drawer .line{padding:16px 0;border-color:#41464f;align-items:center}
.store-page .drawer .line>span{display:flex;align-items:center;gap:10px;flex-shrink:0}
.store-page .drawer .line button{min-width:32px;min-height:32px;background:#11151b;border:1px solid #4e555e;color:#ebc1c1;border-radius:2px}
.store-page .drawer .total{border-color:#4a515a;padding-top:18px}
.store-page .drawer .auth-link{background:#303844;border:2px solid #626e7c;box-shadow:inset 2px 2px #ffffff12,inset -2px -2px #0005;border-radius:2px}
.store-page .crate-bar .btn{background:linear-gradient(#bd8b43,#956228);border-color:#ebc17d #62401c #62401c #ebc17d;color:#fff5db}
.store-page .crate-bar .n{border-radius:2px;background:#291e13;color:#ffe7bb;min-width:24px;height:24px}
.store-page footer{padding-bottom:90px}
@media(min-width:901px) and (max-width:1060px){.store-page .store{grid-template-columns:175px minmax(0,1fr);gap:22px}.pack-info{padding:18px}.depot-banner{grid-template-columns:100px minmax(0,1fr) 210px;gap:24px}.depot-logo{width:100px}}
@media(max-width:900px){.depot-banner{grid-template-columns:100px minmax(0,1fr);gap:24px}.depot-logo{width:100px}.depot-community{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:4px 20px;padding:14px 18px}.depot-community .pix{align-self:center}.depot-community strong{grid-row:1/3;grid-column:2;align-self:center;font-size:16px}.depot-community strong span{margin-left:14px}.depot-community small{grid-column:1}.store-page .store{grid-template-columns:1fr;gap:26px}.store-page .cats{position:static;display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px}.depot-category-title{padding:8px;margin-right:auto}.store-page .cats a{margin:0;min-width:130px}.store-page .cats .crate{display:none}.depot-help{grid-template-columns:1fr;gap:20px}.depot-help h2{max-width:none}}
@media(max-width:640px){.store-page .depot-hero{padding:30px 0}.depot-banner{grid-template-columns:72px minmax(0,1fr);gap:20px}.depot-logo{width:72px}.store-page .depot-hero .eyebrow{font-size:8px;letter-spacing:.1em}.store-page .depot-hero h1{font-size:50px}.store-page .depot-hero p:not(.eyebrow){font-size:13px}.depot-community{margin-top:4px}.depot-community small{font-size:11px}.depot-community strong{font-size:14px}.depot-benefits{flex-wrap:wrap;justify-content:center;gap:8px 22px;font-size:9px;letter-spacing:.06em;padding:15px 0}.depot-benefits span:last-child{width:100%;justify-content:center}.depot-benefits i{font-size:15px}.store-page .depot-notice{font-size:12px;margin:20px auto}.depot-category-title{width:100%;padding:4px 8px}.store-page .cats a{flex:1;min-width:0;font-size:11px}.store-page .rank-grid{grid-template-columns:1fr;gap:22px}.store-page .pack .art{height:185px}.store-page .pack .art img{width:142px;height:163px}.pack-info{padding:22px}.store-page .cat-title h2{font-size:34px}.store-page .cat-title{gap:6px 10px}.store-page .cat-title span:not([id]){width:100%}.store-page .is-upgrade .pack-info{display:flex;padding:18px 16px}.store-page .pack.is-upgrade{grid-template-columns:86px minmax(0,1fr);align-items:start}.store-page .is-upgrade .art{width:68px;height:82px;margin:18px 0 18px 12px}.store-page .is-upgrade .art img{width:55px;height:66px}.store-page .is-upgrade h3{font-size:25px}.store-page .is-upgrade .buy{margin-top:14px;gap:10px}.store-page .is-upgrade .price{font-size:28px}.store-page .depot-shop{padding-bottom:50px}.store-page .crate-bar{right:12px;bottom:12px}.store-page .crate-bar .btn{padding:11px 16px}}