/* Full-page weapon inspection, mounted only after a deliberate shop click. */
body.weapon-inspect-open{overflow:hidden}
.weapon-inspect{--inspect-quality:#FFD45A;--inspect-ink:#eef0f3;position:fixed;inset:0;z-index:160;display:grid;grid-template-rows:72px minmax(0,1fr);background:#171a20;color:var(--inspect-ink);font-family:Inter,"Microsoft YaHei",sans-serif;isolation:isolate}
.weapon-inspect *{box-sizing:border-box}
.weapon-inspect button{font:inherit;cursor:pointer}
.weapon-inspect button:focus-visible,.weapon-inspect canvas:focus-visible{outline:2px solid var(--inspect-quality);outline-offset:4px}
.inspect-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 32px;border-bottom:1px solid #ffffff0d;background:#171a20}
.inspect-breadcrumb{display:flex;align-items:center;gap:23px;min-width:0;font-size:11px;color:#858b97}
.inspect-back{display:flex;align-items:center;gap:9px;border:0;background:none;padding:12px 0;color:#e3e6ec!important;font-size:12px!important;white-space:nowrap}
.weapon-inspect svg{display:block;width:17px;height:17px;flex:none;stroke:currentColor;stroke-width:1.4;fill:none;stroke-linecap:round;stroke-linejoin:round}
.inspect-divider{width:1px;height:16px;background:#ffffff18}
.inspect-breadcrumb strong{color:#c8cdd5;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.inspect-brand{font-family:Bahnschrift,sans-serif;font-size:12px;letter-spacing:2.5px;color:#d4d8df;white-space:nowrap}
.inspect-brand small{margin-left:13px;padding-left:14px;border-left:1px solid #ffffff24;color:#6f7787;font-size:9px;letter-spacing:2px}
.inspect-layout{display:grid;grid-template-columns:minmax(0,1fr) 344px;min-height:0}
.inspect-showcase{display:grid;grid-template-rows:minmax(0,1fr) 138px;min-width:0;min-height:0;border-right:1px solid #ffffff0d}
.inspect-stage{--stage-text:#acb3be;position:relative;min-height:0;overflow:hidden;background:radial-gradient(ellipse at 45% 43%,#343b45 0%,#242a33 46%,#1c2129 100%);color:var(--stage-text)}
.inspect-stage[data-background="grey"]{--stage-text:#52606c;background:radial-gradient(ellipse at 45% 43%,#c7ccd0,#9da6ad)}
.inspect-stage[data-background="ivory"]{--stage-text:#7a7770;background:radial-gradient(ellipse at 45% 43%,#f6f3eb,#dedbd3)}

.inspect-stage:after{content:"";position:absolute;bottom:19%;left:23%;width:54%;height:5%;border-radius:50%;background:#0003;filter:blur(18px);pointer-events:none}
.inspect-canvas{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;touch-action:none;cursor:grab}
.inspect-canvas:active{cursor:grabbing}
.inspect-stage-top{position:absolute;inset:25px 27px auto;z-index:2;display:flex;align-items:center;justify-content:space-between;pointer-events:none}
.inspect-stage-label{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:1.7px;color:var(--stage-text)}
.inspect-stage-label i{width:5px;height:5px;border:1px solid var(--inspect-quality);border-radius:50%}
.inspect-stage-top button{pointer-events:auto}
.inspect-icon-button{display:grid;place-items:center;width:31px;height:31px;border:1px solid currentColor;border-color:#8e98a633;border-radius:5px;background:transparent;color:inherit;opacity:.8}
.inspect-icon-button:hover{opacity:1;background:#a3b0c412}
.inspect-load{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#202630e8;color:#d4dce7;font-size:12px;letter-spacing:1px}
.inspect-load i{width:25px;height:25px;border:1px solid #ffffff25;border-top-color:var(--inspect-quality);border-radius:50%;animation:inspect-spin 1s linear infinite}
.inspect-load button{padding:9px 15px;background:#e9e6de;border:0;border-radius:4px;color:#24282f;font-size:11px}
.inspect-load[hidden],.inspect-load button[hidden]{display:none}
@keyframes inspect-spin{to{transform:rotate(360deg)}}
.inspect-stage[data-ready="error"] .inspect-load i{animation:none;border-color:#ff5e6266}
.inspect-hint{position:absolute;bottom:83px;left:0;right:0;z-index:2;display:flex;justify-content:center;align-items:center;gap:18px;pointer-events:none;color:var(--stage-text);font-size:9px;letter-spacing:.5px;opacity:.65}
.inspect-hint span{display:flex;align-items:center;gap:6px}.inspect-hint svg{width:12px;height:12px}
.inspect-tools{position:absolute;bottom:24px;left:27px;right:27px;z-index:2;display:flex;align-items:center;justify-content:center;gap:12px}
.inspect-views{display:flex;gap:3px;padding:4px;background:#15191fd9;border:1px solid #ffffff12;border-radius:7px;color:#9ea7b5}
.inspect-views button{padding:8px 13px;font-size:10px;background:transparent;border:0;border-radius:4px;color:inherit;white-space:nowrap}
.inspect-views button[aria-pressed="true"]{background:#e8e5dd;color:#21272e}
.inspect-auto{display:flex;align-items:center;gap:6px;padding:11px 12px;border:1px solid #ffffff15;border-radius:6px;background:#15191fd9;color:#aab2c0;font-size:10px!important;white-space:nowrap}
.inspect-auto svg{width:13px;height:13px}.inspect-auto[aria-pressed="true"]{color:var(--inspect-quality);border-color:var(--inspect-quality)}
.inspect-reset{flex:none;color:var(--stage-text);border-color:#8e98a655}
.inspect-backgrounds{position:absolute;bottom:26px;right:27px;z-index:2;display:flex;gap:7px;padding:6px;align-items:center}
.inspect-backgrounds button{width:16px;height:16px;border-radius:50%;padding:0;border:2px solid transparent;box-shadow:0 0 0 1px #7d87914d;background:var(--swatch);background-clip:padding-box}
.inspect-backgrounds button[aria-pressed="true"]{outline:1px solid var(--stage-text);outline-offset:3px}
.inspect-collection{min-width:0;padding:16px 27px 14px;background:#181c23;display:grid;grid-template-rows:16px minmax(0,1fr);gap:11px}
.inspect-collection-heading{display:flex;align-items:center;justify-content:space-between;color:#8b929f;font-size:10px;letter-spacing:.5px}
.inspect-collection-heading span:last-child{font:10px Bahnschrift,sans-serif;color:#616a79;letter-spacing:1px}
.inspect-thumbnails{display:flex;align-items:start;gap:9px;min-width:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#3d4551 transparent;padding:1px 2px 6px}
.inspect-thumb{flex:0 0 102px;position:relative;padding:0 4px 7px;border:1px solid #ffffff0c;border-radius:5px;color:#8e98a6;background:#232a33;text-align:center}
.inspect-thumb img{width:90px;height:49px;object-fit:contain;display:block;margin:auto}
.inspect-thumb span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;line-height:14px}
.inspect-thumb:after{content:"";position:absolute;bottom:0;left:14px;right:14px;height:1px;background:var(--thumb-quality);opacity:.4}
.inspect-thumb[aria-pressed="true"]{border-color:var(--inspect-quality);background:#30353c;color:#f0eee7}.inspect-thumb[aria-pressed="true"]:after{opacity:1}
.inspect-details{display:flex;flex-direction:column;min-height:0;padding:33px 29px 27px;overflow:auto;background:linear-gradient(145deg,#1d2129,#171a20 72%)}
.inspect-quality-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:9px;color:#727b8b;letter-spacing:1.7px}
.inspect-quality{display:flex;align-items:center;gap:7px;padding:5px 8px;color:var(--inspect-quality);border:1px solid color-mix(in srgb,var(--inspect-quality) 28%,transparent);background:color-mix(in srgb,var(--inspect-quality) 6%,transparent);font-size:10px;letter-spacing:1px;white-space:nowrap}
.inspect-quality i{width:4px;height:4px;background:currentColor;transform:rotate(45deg)}
.inspect-family{margin:36px 0 10px;font:14px Bahnschrift,sans-serif;letter-spacing:2px;color:#929cab}
.inspect-name{margin:0;font-size:56px;font-weight:500;line-height:1.25;letter-spacing:3px;overflow-wrap:anywhere}.inspect-name[data-long="true"]{font-size:36px;letter-spacing:1px}

.inspect-features{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0 25px}.inspect-feature{padding:5px 7px;border:1px solid #ffffff12;border-radius:3px;color:#9aa4b3;font-size:9px;letter-spacing:.3px}
.inspect-specs{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:20px 0;border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d;margin:0}
.inspect-specs div{display:grid;gap:9px}.inspect-specs dt{color:#707b8c;font-size:9px}.inspect-specs dd{margin:0;color:#ccd2dc;font-size:11px}
.inspect-purchase{margin-top:auto;padding-top:30px}.inspect-price{display:flex;align-items:baseline;gap:7px;margin-bottom:18px;font:500 25px Bahnschrift,sans-serif;letter-spacing:.4px;color:#f1eee6}.inspect-price small{font:10px Inter,"Microsoft YaHei",sans-serif;color:#8892a0}.inspect-price em{margin-left:auto;font:normal 9px Inter,"Microsoft YaHei",sans-serif;color:#778597}
.inspect-shop-action{display:flex;justify-content:space-between;align-items:center;width:100%;padding:15px 17px;border:1px solid #f1ede4;border-radius:5px;background:#ece8df;color:#242a32;font-size:11px!important;font-weight:600!important}.inspect-shop-action:hover{background:#fffaf0}
.inspect-purchase-note{margin:12px 0 0;text-align:center;color:#657183;font-size:9px;letter-spacing:.3px}
.reward-item[data-weapon-inspect]{cursor:pointer}.reward-item[data-weapon-inspect]:focus-visible{outline:2px solid #13b8cf;outline-offset:3px}.reward-item[data-weapon-inspect] .reward-model-preview{position:relative}.reward-inspect-hint{position:absolute;right:7px;top:7px;z-index:2;display:flex;align-items:center;gap:4px;padding:4px 6px;background:#17232dc9;color:#edf4f7;border-radius:4px;font:8px Inter,"Microsoft YaHei",sans-serif;opacity:0;transition:opacity .15s;pointer-events:none}.reward-inspect-hint svg{width:10px;height:10px;fill:none;stroke:currentColor;stroke-width:1.3}.reward-item[data-weapon-inspect]:hover .reward-inspect-hint,.reward-item[data-weapon-inspect]:focus-visible .reward-inspect-hint{opacity:1}
@media(min-width:1700px){.inspect-layout{grid-template-columns:minmax(0,1fr) 380px}.inspect-details{padding:43px 36px 32px}.inspect-name{font-size:64px}}
@media(max-width:1170px){.inspect-backgrounds{top:27px;bottom:auto;right:76px}.inspect-layout{grid-template-columns:minmax(0,1fr) 296px}.inspect-details{padding:28px 23px 23px}.inspect-name{font-size:48px}.inspect-tools{gap:8px;left:16px;right:16px}.inspect-views button{padding:8px 10px}.inspect-collection{padding-left:20px;padding-right:20px}.inspect-family{margin-top:28px}}
@media(max-height:760px) and (min-width:761px){.weapon-inspect{grid-template-rows:60px minmax(0,1fr)}.inspect-details{padding-top:23px}.inspect-family{margin-top:22px}.inspect-name{font-size:44px}.inspect-features{margin-bottom:17px}.inspect-specs{padding:15px 0}.inspect-purchase{padding-top:22px}.inspect-showcase{grid-template-rows:minmax(0,1fr) 128px}}
@media(max-width:760px){.weapon-inspect{grid-template-rows:60px minmax(0,1fr)}.inspect-header{padding:0 18px;gap:12px}.inspect-breadcrumb{gap:13px;font-size:10px}.inspect-brand{font-size:10px;letter-spacing:1px}.inspect-brand small,.inspect-breadcrumb>span:not(.inspect-divider){display:none}.inspect-layout{display:block;overflow:auto;overscroll-behavior:contain}.inspect-showcase{height:570px;max-height:calc(100dvh - 60px);min-height:480px;grid-template-rows:minmax(0,1fr) 121px;border-right:0}.inspect-stage-top{inset:18px 18px auto}.inspect-stage-label{font-size:8px}.inspect-backgrounds{top:21px;right:64px}.inspect-tools{bottom:18px;gap:7px;left:12px;right:12px}.inspect-views{gap:1px;padding:3px}.inspect-views button{padding:8px 8px;font-size:9px}.inspect-auto{padding:10px 8px;font-size:9px!important;gap:4px}.inspect-auto svg{width:12px;height:12px}.inspect-reset{width:28px;height:29px}.inspect-hint{bottom:70px;font-size:8px;gap:14px}.inspect-collection{padding:13px 18px 12px;gap:9px}.inspect-thumb{flex-basis:94px}.inspect-thumb img{width:82px;height:45px}.inspect-details{padding:26px 25px 29px;border-top:1px solid #ffffff0d;overflow:visible}.inspect-family{margin-top:26px}.inspect-name{font-size:48px}.inspect-purchase{margin-top:25px;max-width:470px;padding-top:15px}.inspect-features{margin-bottom:20px}.inspect-specs{padding:18px 0}.reward-inspect-hint{opacity:1}}
@media(prefers-reduced-motion:reduce){.inspect-load i{animation:none}.reward-inspect-hint{transition:none}}