#shop.weapon-shop{--shop-accent:#78e4c0;--shop-line:#ffffff23;--shop-card:clamp(80px,12.5vh,132px);padding:max(18px,env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left));background:linear-gradient(115deg,#142722ed,#14201ed9 62%,#10231ff5);backdrop-filter:blur(18px);color:#edf5ef;gap:16px}
#shop.weapon-shop[hidden]{display:none!important}
#shop.weapon-shop [hidden]{display:none!important}
#shop.weapon-shop .shop-hd{margin:0;padding:0 0 12px;border-color:var(--shop-line);align-items:center;gap:18px}
.buy-heading{display:flex;align-items:center;gap:18px}.buy-heading h3{font:700 22px/1.1 var(--f-body);letter-spacing:.02em}.buy-kicker{font:600 10px/1.5 var(--f-display);letter-spacing:.18em;color:var(--shop-accent)}
.buy-round{padding-left:18px;border-left:1px solid var(--shop-line);font-size:12px;color:#c0d1c7}.buy-round b{display:block;color:#fff;font-size:16px}.buy-wallet{text-align:right}.buy-wallet small{display:block;font-size:10px;color:#b5c8bc}.buy-wallet #shop-cr{font:700 23px/1.3 var(--f-display);color:#f0f5da}
.buy-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,24%);gap:24px;flex:1;min-height:0}.buy-market{display:flex;flex-direction:column;min-width:0;min-height:0;gap:16px}
#shop.weapon-shop #shop-grid{display:grid!important;grid-template-columns:1fr 1.18fr 1.18fr 1.18fr .9fr!important;grid-template-rows:1fr!important;grid-auto-rows:auto!important;gap:8px;overflow:auto;align-content:stretch;flex:1;min-height:0}
#shop.weapon-shop .shop-col{display:flex;flex-direction:column;gap:6px;min-height:0;min-width:0}
.buy-group{display:flex;flex-direction:column;gap:6px}.buy-group+.buy-group{margin-top:9px}
#shop.weapon-shop .shop-sec{font:600 12px/1.4 var(--f-body);letter-spacing:.06em;padding:6px 7px;margin:0;background:#8bc5a934;border-top:2px solid #a6d2ba70;text-align:center;color:#eff8ed}
#shop.weapon-shop .shop-grid .sitem{position:relative;isolation:isolate;display:flex!important;flex-direction:column;justify-content:flex-end;align-items:stretch;gap:0;min-width:0;height:var(--shop-card);padding:11px 12px!important;border:1px solid #ffffff0b;border-radius:0;background:#dce8dc16;color:#f5f8f4;text-align:left;overflow:hidden;transition:background .12s,border-color .12s}
#shop.weapon-shop .shop-grid .sitem:hover,#shop.weapon-shop .shop-grid .sitem:focus-visible{background:#dce8dc30;border-color:#b1e3cc;outline-offset:-3px;transform:none}
#shop.weapon-shop .shop-grid .sitem.selected{background:#54bb9680;border-color:#8bf3ce}
#shop.weapon-shop .shop-grid .sitem.owned{border-color:#a6d2ba;background:#83c6a22a}
#shop.weapon-shop .shop-grid .sitem.unaffordable{color:#a6b5ab;background:#1b25243d}
.buy-gun-image{position:absolute;z-index:-1;inset:5px 6% 24px;width:88%;height:calc(100% - 29px);object-fit:contain;filter:brightness(0) invert(1);opacity:.89;pointer-events:none;transition:opacity .15s}
.buy-gun-image:not([src]){visibility:hidden}.sitem.unaffordable .buy-gun-image{opacity:.3}
#shop.weapon-shop .sitem b{font:700 13px/1.2 var(--f-body);position:relative;white-space:normal}#shop.weapon-shop .sitem span{font:600 10px/1.4 var(--f-body);position:relative;color:inherit}#shop.weapon-shop .sitem em{display:none}
.buy-skin-dot{position:absolute;right:9px;top:8px;width:5px;height:5px;background:var(--shop-accent);border-radius:50%}
#shop.weapon-shop .sitem .buy-icon{position:absolute;inset:0;pointer-events:none}
#shop.weapon-shop .buy-armor .buy-group{flex:1}#shop.weapon-shop .buy-armor .sitem{flex:1;min-height:var(--shop-card)}.buy-shield{position:absolute;inset:12px 20% 38px;width:60%;height:calc(100% - 50px);fill:none;stroke:currentColor;stroke-width:1.8;opacity:.86}
.buy-utility{display:flex;gap:8px;align-items:stretch;flex:none}.buy-utility-title{display:flex;flex-direction:column;justify-content:center;padding-right:12px;color:#bcd0c1;font-size:11px;white-space:nowrap}.buy-utility-title small{font-size:9px;color:#91af9c}
.buy-util{position:relative;flex:1;display:grid;grid-template-columns:30px 1fr;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--shop-line);background:#dce8dc12;text-align:left;border-radius:0;min-width:0}.buy-util:hover,.buy-util:focus-visible{border-color:var(--shop-accent);background:#dce8dc28}.buy-util[aria-disabled=true]{opacity:.55}.buy-util-icon{font:700 18px var(--f-display);color:#c4f5dd}.buy-util b{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.buy-util small{display:block;font-size:10px;color:#b2c6b9;margin-top:3px}
.buy-detail{border-left:1px solid var(--shop-line);padding-left:24px;display:flex;flex-direction:column;min-width:0;overflow:auto;scrollbar-width:thin}.buy-detail-tag{font:600 10px/1.5 var(--f-display);letter-spacing:.18em;color:var(--shop-accent)}
.buy-preview{position:relative;flex:0 0 clamp(145px,23vh,260px);min-height:100px;display:grid;place-items:center;background:radial-gradient(ellipse at center,#9bc6ac18,transparent 70%);margin:12px 0}.buy-preview canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.buy-preview svg{height:90px;width:90px;fill:none;stroke:#eaf6ed;stroke-width:1.4}.buy-preview-state{font-size:11px;color:#b2c6b9;position:relative;text-align:center}.buy-preview-state[hidden]{display:none}
.buy-detail h2{font-size:28px;line-height:1.1;margin-bottom:8px;letter-spacing:.01em}.buy-detail-skin{font-size:11px;color:#afcabc;min-height:16px}.buy-detail-desc{font-size:12px;line-height:1.75;color:#c9d7ce;padding:16px 0;border-bottom:1px solid var(--shop-line)}
.buy-stat-list{margin:15px 0;display:grid;grid-template-columns:1fr 1fr;gap:12px 10px}.buy-stat-list div{border-left:2px solid #90b99e63;padding-left:9px}.buy-stat-list dt{font-size:10px;color:#9eb7a7;margin-bottom:3px}.buy-stat-list dd{font:600 16px/1.2 var(--f-body)}.buy-damage{width:100%;font-size:11px;border-collapse:collapse;text-align:right;margin:0 0 15px}.buy-damage th,.buy-damage td{padding:7px 3px;border-bottom:1px solid var(--shop-line)}.buy-damage th{font-weight:400;color:#b8cdbd}.buy-damage th:first-child,.buy-damage td:first-child{text-align:left}
.buy-action{margin-top:auto;flex:none;width:100%;min-height:46px;padding:12px;background:#83e0b9;color:#132c22;font:700 13px var(--f-body);border:1px solid #b2f8d6}.buy-action:disabled{background:#c2d6c21c;color:#9db4a5;border-color:var(--shop-line);cursor:default}.buy-why{font-size:11px;line-height:1.5;color:#bfd0c2;padding:8px 0;min-height:32px}
#shop.weapon-shop .shop-ft{margin:0;padding:10px 0 0;border-color:var(--shop-line);gap:12px;font-size:11px;color:#b0c5b6}.buy-notice{color:#d5f2dd;flex:1}.buy-hint{color:#98b4a3;font-size:10px}#shop.weapon-shop .shop-ft .btn{border-radius:2px;background:#b2cbbb1c;padding:9px 17px!important;font:600 11px var(--f-body);color:#e4efe8}
@media(max-height:650px){#shop.weapon-shop{--shop-card:clamp(53px,16vh,83px);gap:9px;padding:12px 16px}.buy-body{gap:16px;grid-template-columns:minmax(0,1fr) minmax(195px,23%)}.buy-detail{padding-left:16px}.buy-preview{flex-basis:120px;margin:2px 0}.buy-heading h3{font-size:18px}.buy-wallet #shop-cr{font-size:18px}.buy-detail h2{font-size:22px}.buy-detail-desc{padding:8px 0;font-size:11px}.buy-stat-list{gap:8px;margin:10px 0}.buy-stat-list dd{font-size:13px}.buy-damage th,.buy-damage td{padding:5px 2px}.buy-market{gap:9px}.buy-utility{gap:5px}.buy-util{padding:7px;grid-template-columns:20px 1fr;gap:5px}.buy-utility-title{display:none}.buy-action{min-height:35px;padding:8px}.buy-why{font-size:10px;min-height:25px;padding:5px 0}#shop.weapon-shop .shop-grid .sitem{padding:6px 8px!important}#shop.weapon-shop .sitem b{font-size:11px}.buy-gun-image{bottom:22px;height:calc(100% - 24px)}#shop.weapon-shop .shop-sec{font-size:10px;padding:3px}.buy-group{gap:4px}.buy-group+.buy-group{margin-top:6px}}
@media(max-width:1000px) and (min-width:641px){#shop.weapon-shop{padding:10px 12px;gap:8px}.buy-body{grid-template-columns:minmax(0,1fr) 190px;gap:12px}.buy-detail{padding-left:12px}#shop.weapon-shop #shop-grid{gap:5px}.buy-round{display:none}.buy-util b{font-size:10px}.buy-util small{font-size:9px}.buy-util-icon{font-size:14px}.buy-detail h2{font-size:20px}.buy-detail-desc{font-size:10px}}
@media(max-height:450px) and (min-width:641px){#shop.weapon-shop{--shop-card:48px;padding:7px 10px;gap:6px}.buy-heading h3{font-size:15px}.buy-kicker,.buy-wallet small{display:none}#shop.weapon-shop .shop-hd{padding-bottom:5px}.buy-wallet #shop-cr{font-size:15px}.buy-preview{flex-basis:65px;min-height:65px;margin:0}.buy-detail-tag{font-size:8px}.buy-detail h2{font-size:18px;margin-bottom:3px}.buy-detail-skin{font-size:9px;min-height:12px}.buy-detail-desc{padding:6px 0;line-height:1.5}.buy-stat-list{margin:7px 0;gap:7px}.buy-stat-list dt{font-size:9px}.buy-stat-list dd{font-size:12px}.buy-damage{font-size:9px;margin-bottom:7px}.buy-damage th,.buy-damage td{padding:3px 1px}.buy-detail{overflow-y:auto}.buy-action{min-height:31px;font-size:11px}.buy-util{padding:5px}.buy-util small{margin-top:1px}#shop.weapon-shop .shop-ft{padding-top:5px}#shop.weapon-shop .shop-ft .btn{padding:6px 12px!important;min-height:32px}.buy-hint{display:none}.buy-gun-image{inset:1px 5% 21px;width:90%;height:calc(100% - 23px)}.buy-shield{inset:6px 20% 24px;height:calc(100% - 30px)}#shop.weapon-shop .shop-grid .sitem b{font-size:10px}#shop.weapon-shop .shop-grid .sitem span{font-size:9px}.buy-why{min-height:21px;font-size:9px}.buy-notice{font-size:10px}}
@media(max-width:640px){#shop.weapon-shop{--shop-card:84px;overflow-y:auto;padding:12px 10px;gap:12px}.buy-heading h3{font-size:18px}.buy-kicker,.buy-round{display:none}.buy-wallet #shop-cr{font-size:15px}.buy-body{display:flex;flex-direction:column;flex:none;gap:14px}.buy-market{flex:none;overflow:visible}#shop.weapon-shop #shop-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:auto!important;overflow:visible;flex:none;gap:10px}#shop.weapon-shop .shop-col{min-height:0}.buy-armor{grid-column:1/-1}.buy-armor .buy-group{display:grid;grid-template-columns:1fr 1fr;gap:6px}.buy-armor .shop-sec{grid-column:1/-1}#shop.weapon-shop .buy-armor .sitem{min-height:84px}.buy-utility{flex-wrap:wrap}.buy-util{flex:1 1 42%;min-height:58px}.buy-detail{padding:16px 0 0;border-left:0;border-top:1px solid var(--shop-line);overflow:visible;display:grid;grid-template-columns:1fr 1fr;column-gap:16px}.buy-preview{grid-column:1/-1;min-height:170px;margin:0}.buy-detail-tag,.buy-detail h2,.buy-detail-skin,.buy-detail-desc,.buy-action,.buy-why{grid-column:1/-1}.buy-detail-tag{order:-1}.buy-stat-list{align-self:start}.buy-damage{align-self:start;margin-top:15px}.buy-action{margin-top:8px}.buy-hint{display:none}#shop.weapon-shop .shop-ft{position:sticky;bottom:-12px;background:#162c25f5;margin-bottom:-12px;padding:10px 0;z-index:2;flex-wrap:wrap}.buy-notice{min-width:100%;font-size:10px}.buy-shield{inset:8px 30% 32px;width:40%;height:42px}}
@media(max-height:450px) and (min-width:641px){#shop.weapon-shop{--shop-card:43px}.buy-detail-desc{display:none}.buy-preview{flex-basis:60px;min-height:60px}}
@media(min-width:641px){#shop.weapon-shop .shop-col>.buy-group{flex:1 1 0;min-height:0}#shop.weapon-shop .shop-sec{flex:none}#shop.weapon-shop .shop-grid .sitem{flex:1 1 0;height:auto;min-height:38px}}