.card-media{height:190px;background:radial-gradient(circle at 50% 60%,#333b35,#101515 70%);display:grid;place-items:center;overflow:hidden}.card-media img{width:100%;height:100%;aspect-ratio:auto;object-fit:contain;padding:6px;filter:brightness(1.26) contrast(1.06);transition:transform .25s}.card:hover .card-media img{transform:scale(1.08)}.card-body button{margin-top:8px}.detail{width:min(1380px,calc(100% - 28px));max-height:94vh;background:#101617;overflow:auto}.detail .close{position:sticky;top:12px;left:calc(100% - 56px);margin-bottom:-52px;z-index:5}.loadout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.8fr);min-height:680px}.loadout-stage{padding:62px 32px 30px;background:radial-gradient(circle at 50% 48%,#303b39,#141a1b 64%,#0d1112 95%);border-right:1px solid #384645;display:flex;flex-direction:column}.stage-top{display:flex;justify-content:space-between;gap:15px;color:#f0b998;font-size:11px;font-weight:900;letter-spacing:2px}.model-frame{flex:1;min-height:360px;position:relative;display:grid;place-items:center;background:linear-gradient(transparent 96%,#fff1 97%) 0 0/100% 40px,linear-gradient(90deg,transparent 96%,#fff1 97%) 0 0/40px 100%;overflow:hidden}.model-frame::after{content:'';position:absolute;width:48%;aspect-ratio:1;border:1px solid #d7563450;border-radius:50%;pointer-events:none}.model-frame img{width:100%;height:auto;max-height:530px;object-fit:contain;aspect-ratio:auto;filter:brightness(1.3) contrast(1.1) drop-shadow(0 15px 35px #000);position:relative;z-index:1}.model-label{position:absolute;left:14px;bottom:16px;color:#d7dcce;font-size:10px;letter-spacing:2px;font-weight:900;z-index:2}.angle-switch{display:flex;gap:8px;justify-content:center;margin-top:18px}.angle-switch button{background:#192324;color:#b7c2bd;border:1px solid #52605e;padding:11px 18px;font-weight:900;font-size:11px;letter-spacing:1px;cursor:pointer}.angle-switch button.active,.angle-switch button:hover{background:#b43a37;color:white;border-color:#e35950}.stage-note{font-size:12px;color:#aab7b2;text-align:center;line-height:1.5;max-width:580px;margin:18px auto 0}.loadout-rail{padding:72px 30px 35px;overflow:auto}.loadout-rail h2{font-size:clamp(45px,5vw,76px);margin:10px 0}.item-id{color:#90a09a;font-size:11px;word-break:break-all}.rail-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:25px 0}.rail-facts div{border:1px solid #364545;background:#182223;padding:12px;display:grid;gap:6px}.rail-facts small,.ammo-select small{color:#e57f72;font-size:10px;font-weight:900;letter-spacing:1px}.rail-facts strong{font-size:12px;line-height:1.4}.rail-section{padding:18px 0;border-top:1px solid #43514d}.rail-section h3{margin:0 0 16px;color:#f0c49c;font-size:12px;letter-spacing:2px}.slot-control{display:grid;gap:6px;margin:12px 0;color:#c5d0c9;font-size:12px;font-weight:800}.slot-control select,.ammo-select select{width:100%;min-height:40px;background:#101718;border:1px solid #53615e;color:#f0ede4;padding:8px}.ammo-select{display:flex;align-items:center;gap:10px}.ammo-select img{width:58px;height:58px;object-fit:contain;image-rendering:auto}.ammo-select div{display:grid;gap:5px;flex:1;font-size:12px}.ammo-select label{width:75px;color:#d5d9d2;font-size:10px}.summary-row{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #32403e;padding:9px 0;font-size:12px}.summary-row span{color:#9dacaa}.summary-row strong{text-align:right}.compat-note,.no-offer{font-size:12px;color:#aebbb6;line-height:1.5}.shop-link{display:block;padding:15px;margin-top:20px;text-align:center;background:#c5423e;color:white;text-decoration:none;font-size:12px;font-weight:900}.simple-detail{display:grid;grid-template-columns:42% 58%;min-height:480px}.simple-visual{display:grid;place-items:center;padding:50px;background:radial-gradient(circle,#3a433e,#121717 75%)}.simple-visual img{width:100%;max-width:300px;max-height:330px;object-fit:contain;aspect-ratio:auto}.simple-copy{padding:65px 35px 35px}.simple-copy p{line-height:1.6;color:#c1ccc6}.simple-copy h3{font-size:12px;color:#e8b57b;letter-spacing:1px;margin-top:26px}.modifiers{display:grid;grid-template-columns:1fr 1fr;gap:7px}.modifiers div{border:1px solid #3c4846;padding:9px;display:flex;justify-content:space-between;font-size:12px}.compatible-list{display:flex;flex-wrap:wrap;gap:7px}.compatible-list button{border:1px solid #50615b;background:#1b2424;color:#fff;padding:9px;cursor:pointer}.compatible-list button:hover{background:#a43635}.empty{padding:30px;border:1px dashed #4e5c58;color:#cfdbd3}@media(max-width:900px){.loadout{grid-template-columns:1fr}.loadout-stage{border-right:0;border-bottom:1px solid #384645;min-height:520px}.loadout-rail{padding-top:30px}.simple-detail{grid-template-columns:1fr}.simple-visual{padding:35px}.simple-copy{padding:30px}}@media(max-width:540px){.loadout-stage{padding:62px 12px 18px;min-height:390px}.model-frame{min-height:230px}.angle-switch button{padding:10px;font-size:10px}.loadout-rail{padding:25px 17px}.rail-facts{grid-template-columns:1fr 1fr}.card-media{height:160px}}
