/* V1248 EQUIPMENT SUPPLY BOX — SHOP / INVENTORY / OPEN RESULT */
.equipment-supply-shop{display:grid;grid-template-columns:190px minmax(0,1fr) auto;gap:24px;align-items:center;margin:24px 0;padding:24px;border:1px solid rgba(226,178,83,.34);border-radius:20px;background:linear-gradient(135deg,rgba(18,25,34,.97),rgba(7,11,17,.98));box-shadow:0 18px 42px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.05);overflow:hidden;position:relative}.equipment-supply-shop::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 13% 45%,rgba(235,181,77,.14),transparent 34%);pointer-events:none}.equipment-supply-art{position:relative;z-index:1;aspect-ratio:1;border-radius:18px;overflow:hidden;background:#080d13;border:1px solid rgba(240,194,103,.24)}.equipment-supply-art span{position:absolute;inset:12%;border-radius:50%;background:rgba(239,183,72,.18);filter:blur(24px)}.equipment-supply-art img{position:relative;width:100%;height:100%;object-fit:cover;display:block}.equipment-supply-copy{position:relative;z-index:1;min-width:0}.equipment-supply-copy>small,.supply-open-head>small,.supply-result-head small{display:block;color:#e9bd69;font-weight:900;letter-spacing:.16em;font-size:11px}.equipment-supply-copy h3{margin:5px 0 10px;color:#fff;font-size:28px}.equipment-supply-copy p{margin:0;color:#9eacbd;line-height:1.65}.equipment-supply-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.equipment-supply-meta span{padding:7px 11px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.04);color:#9cacbd;font-size:12px}.equipment-supply-meta b{color:#f4d18b}.equipment-supply-actions{position:relative;z-index:1;display:grid;gap:9px;min-width:190px}.equipment-supply-actions button{display:flex;justify-content:space-between;gap:16px;padding:13px 15px;border:1px solid rgba(240,193,96,.3);border-radius:12px;background:rgba(238,181,72,.09);color:#f6e4bd;font-weight:800;cursor:pointer}.equipment-supply-actions button.hot{background:linear-gradient(135deg,rgba(224,166,56,.24),rgba(86,60,18,.32));box-shadow:0 0 20px rgba(229,172,63,.1)}.equipment-supply-actions button:disabled{opacity:.5;cursor:default}.equipment-supply-actions small{color:#708094;font-size:10px;text-align:center}.equipment-supply-error{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:12px;color:#d6dde6}.equipment-supply-error button{padding:8px 12px;border-radius:9px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:#fff}
.supply-action-toast{position:fixed;left:50%;bottom:34px;z-index:1000000;transform:translate(-50%,18px);padding:11px 17px;border:1px solid rgba(77,220,255,.38);border-radius:12px;background:rgba(3,14,25,.96);box-shadow:0 12px 30px rgba(0,0,0,.45);color:#8eeaff;font-weight:900;opacity:0;transition:.2s}.supply-action-toast.show{opacity:1;transform:translate(-50%,0)}.supply-action-toast.error{border-color:rgba(255,93,111,.42);color:#ff9aa6}
.inventory-item-supply{border-color:rgba(230,179,76,.26)!important}.inventory-item-supply .inventory-pack-stage{background:radial-gradient(circle,rgba(222,170,66,.2),rgba(4,10,17,.94))}.inventory-item-supply .inventory-pack-stage img{width:100%;height:100%;object-fit:cover;border-radius:14px;transform:none}.inventory-item-supply .inventory-item-copy>small{color:#dfb75e}.inventory-item-supply .inventory-use{border-color:rgba(232,183,84,.38);color:#f1ca76;background:rgba(224,171,63,.12)}
.supply-open-modal{align-items:flex-start;overflow:auto;padding:30px 16px}.supply-open-panel{width:min(900px,calc(100vw - 32px));margin:auto;padding:26px;border:1px solid rgba(228,178,78,.34);background:linear-gradient(180deg,#111923,#060b12);box-shadow:0 28px 70px rgba(0,0,0,.72)}.supply-open-head{text-align:center}.supply-open-head h2{margin:6px 0;color:#fff}.supply-open-head p{margin:0;color:#8392a4}.supply-open-stage{position:relative;width:min(330px,65vw);aspect-ratio:1;margin:20px auto;border-radius:24px;overflow:hidden;border:1px solid rgba(232,181,80,.28);background:#070c12}.supply-open-stage span{position:absolute;inset:15%;border-radius:50%;background:rgba(236,178,64,.22);filter:blur(32px);animation:supplyGlow1247 1.8s ease-in-out infinite alternate}.supply-open-stage img{position:relative;width:100%;height:100%;object-fit:cover;display:block}.supply-open-panel.opening .supply-open-stage{animation:supplyShake1247 .28s linear infinite}.supply-open-panel.opening .supply-open-stage::after{content:'';position:absolute;inset:0;background:rgba(255,222,149,.28);animation:supplyFlash1247 .55s ease-in-out infinite alternate}.supply-open-count{display:grid;grid-template-columns:48px auto 48px;justify-content:center;align-items:center;gap:12px}.supply-open-count button{width:48px;height:48px;border-radius:14px;border:1px solid rgba(232,182,83,.26);background:rgba(255,255,255,.04);color:#fff;font-size:22px;cursor:pointer}.supply-open-count strong{min-width:86px;text-align:center;color:#f4cd79;font-size:32px}.supply-open-count small{grid-column:1/-1;text-align:center;color:#7d8b9c}.supply-open-quick{display:flex;justify-content:center;gap:8px;margin:14px 0}.supply-open-quick button{padding:8px 15px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#9cabbc;cursor:pointer}.supply-open-quick button.active{border-color:#e5b64e;color:#f2cf84;background:rgba(230,177,68,.12)}.supply-open-confirm{display:block!important;min-width:220px;margin:0 auto}.supply-open-guide{display:block;margin-top:10px;text-align:center;color:#728195}.supply-result-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.supply-result-head h2{margin:4px 0 0;color:#fff}.supply-result-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.supply-result-summary span{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.03);color:#9bacbe}.supply-result-summary b{color:#fff}.supply-result-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;max-height:500px;overflow:auto;padding-right:4px}.supply-result-grid article{display:flex;flex-direction:column;align-items:center;min-width:0;padding:11px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:rgba(7,15,25,.82);text-align:center}.supply-result-grid article>div{width:88px;aspect-ratio:1;display:grid;place-items:center;border-radius:11px;background:radial-gradient(circle,rgba(57,151,211,.14),rgba(3,8,14,.96));overflow:hidden;color:#f0c865;font-size:36px}.supply-result-grid article>div img{width:100%;height:100%;object-fit:cover}.supply-result-grid article small{margin-top:8px;color:#7d8c9f;font-size:10px}.supply-result-grid article b{max-width:100%;margin-top:3px;color:#fff;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.supply-result-grid article span{margin-top:4px;color:#8291a3;font-size:9px;line-height:1.35}.supply-result-grid article.equipment{border-color:rgba(69,194,255,.24)}.supply-result-grid article.shards>div{color:#84dfbd}.supply-result-grid article.coins>div{color:#f0c865}.supply-result-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;color:#94a4b6}.supply-result-foot b{color:#fff}
@keyframes supplyGlow1247{to{transform:scale(1.18);opacity:.5}}@keyframes supplyShake1247{25%{transform:translateX(-4px) rotate(-1deg)}75%{transform:translateX(4px) rotate(1deg)}}@keyframes supplyFlash1247{to{opacity:.15}}
@media(max-width:820px){.equipment-supply-shop{grid-template-columns:130px minmax(0,1fr);padding:18px}.equipment-supply-actions{grid-column:1/-1;grid-template-columns:repeat(2,1fr)}.equipment-supply-actions small{grid-column:1/-1}.supply-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.supply-result-summary{grid-template-columns:1fr}.supply-result-foot{align-items:stretch;flex-direction:column}}
@media(max-width:520px){.equipment-supply-shop{grid-template-columns:1fr;text-align:center}.equipment-supply-art{width:180px;margin:auto}.equipment-supply-meta{justify-content:center}.equipment-supply-actions{grid-template-columns:1fr}.supply-open-panel{padding:18px}.supply-result-grid article>div{width:72px}}

/* V1248 inventory supply-box image fit */
.inventory-item-supply .inventory-pack-stage{width:calc(100% - 28px);height:auto!important;aspect-ratio:1/1;justify-self:center;align-self:center;margin:14px;border:1px solid rgba(230,179,76,.14);border-radius:18px;overflow:hidden;background:radial-gradient(circle,rgba(222,170,66,.16),rgba(4,10,17,.96))}
.inventory-item-supply .inventory-pack-stage img{position:relative;display:block;width:92%!important;height:92%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;object-position:center!important;border-radius:14px;transform:none!important;filter:drop-shadow(0 16px 18px rgba(0,0,0,.5))}
.inventory-item-supply .inventory-pack-orbit,.inventory-item-supply .inventory-pack-stage>i{display:none}
@media(max-width:620px){.inventory-item-supply .inventory-pack-stage{width:min(76vw,280px);margin:18px auto}.inventory-item-supply .inventory-pack-stage img{width:94%!important;height:94%!important}}

/* V1249 duplicate-equipment conversion result */
.supply-result-summary{grid-template-columns:repeat(4,minmax(0,1fr))}
.supply-result-grid article.duplicate{border-color:rgba(101,225,176,.34);background:linear-gradient(180deg,rgba(13,40,36,.86),rgba(5,18,20,.9))}
.supply-result-grid article.duplicate>div{box-shadow:inset 0 0 0 1px rgba(103,226,178,.22)}
@media(max-width:820px){.supply-result-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.supply-result-summary{grid-template-columns:1fr}}
