.supply-intro{display:flex;gap:18px;align-items:center;border-bottom:1px solid #ffffff1c;padding-bottom:18px}.supply-intro img{width:92px;height:100px;object-fit:cover;object-position:50% 10%;border-radius:10px}.supply-intro small{font:9px monospace;color:#97bbc9;letter-spacing:1px}.supply-intro strong{display:block;font:24px Impact,sans-serif;margin-top:7px}.supply-intro p{margin:7px 0!important;font-size:12px!important}.supply-crate{display:flex;flex-direction:column;position:relative;align-items:center;justify-content:center;width:min(100%,340px);height:235px;margin:28px auto 12px;background:linear-gradient(135deg,#2e453c,#101d25);border:2px solid #caff63;border-radius:12px;box-shadow:0 0 70px #caff631a,inset 0 0 40px #0006;overflow:hidden;animation:crateFloat 2s ease-in-out infinite}.supply-crate:before,.supply-crate:after{content:'';position:absolute;top:0;bottom:0;width:20px;background:repeating-linear-gradient(45deg,#caff63 0 10px,#233c32 10px 20px);opacity:.55}.supply-crate:before{left:25px}.supply-crate:after{right:25px}.crate-lid{position:absolute;left:0;right:0;top:30%;height:2px;background:#caff6340}.crate-mark{font:76px Impact;color:#caff63}.crate-caption{font:700 11px monospace;margin-top:10px}.supply-crate i{font:8px monospace;margin-top:9px;color:#8fafab}.supply-card{position:relative;--card:#caff63;overflow:hidden;animation:cardDeal .45s backwards;animation-delay:var(--deal);border-top:3px solid var(--card);transition:transform .2s,box-shadow .2s}.supply-card.blue{--card:#8bddff}.supply-card.pink{--card:#efa2ff}.supply-card:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 90% 10%,color-mix(in srgb,var(--card) 18%,transparent),transparent 65%);pointer-events:none}.supply-card[aria-pressed=true]{transform:translateY(-7px);border-color:var(--card);box-shadow:0 0 25px color-mix(in srgb,var(--card) 20%,transparent)}.supply-card .supply-type{font:8px monospace;letter-spacing:1px;color:var(--card);margin:0 0 14px}.supply-card .supply-glyph{font:45px Arial;color:var(--card);margin:0 0 10px}.supply-card strong{font-size:13px}.supply-card .supply-value{font:32px Impact;color:var(--card);margin:13px 0 0}.supply-value small{display:block;font:8px monospace;margin:3px 0 0;letter-spacing:.6px;color:#e2eff5}.supply-card .supply-copy{font-size:10px;line-height:1.5;flex:1}.supply-card .supply-select{font:8px monospace;border-top:1px solid #ffffff20;margin:14px 0 0;padding-top:10px;color:var(--card)}.supply-card[aria-pressed=true] .supply-select:after{content:' / SELECTED'}.supply-detail{min-height:36px;margin-top:18px;font:11px/1.6 monospace;color:#d9efb9}.supply-actions{display:flex;gap:16px;align-items:center;justify-content:space-between}.supply-actions .primary{margin:0;flex:1;justify-content:center;font-size:11px}.supply-reroll{background:none;border:1px solid #a9d1d64d;padding:15px 10px;font:9px monospace;border-radius:5px;min-height:48px}.supply-reroll:disabled{opacity:.35}.operator-cutin{position:absolute;z-index:6;left:50%;bottom:22%;width:min(450px,87vw);transform:translate(-50%,30px) skewX(-4deg);display:flex;align-items:center;gap:14px;background:linear-gradient(110deg,#203326f5,#111f30ec);border:1px solid #caff6399;border-left:4px solid #caff63;box-shadow:0 10px 50px #0008;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;overflow:hidden}.operator-cutin.active{opacity:1;transform:translate(-50%,0) skewX(-4deg)}.operator-cutin img{width:88px;height:115px;object-fit:cover;object-position:50% 9%}.operator-cutin small{display:block;font:8px monospace;color:#d9f7a4}.operator-cutin strong{display:block;font:34px Impact;color:#caff63;margin:6px 0}.operator-cutin span{font:8px monospace;color:#d7e6eb;display:block;padding-right:12px}.bounty-readout{position:absolute;left:27px;top:190px;font:8px monospace;color:#aae5fa;text-shadow:0 1px 4px #000}.overdrive-track{margin-top:10px;width:180px;height:4px;background:#122c3dcc}.overdrive-track i{display:block;height:100%;background:#ec9dff;transition:width .15s}.bounty-readout small{display:block;color:#d8a9ee;font:7px monospace;margin-top:6px}.operator-dossier{display:flex;gap:12px;align-items:center;margin-top:15px;border:1px solid #b6ccd326;border-radius:6px;overflow:hidden;background:#06152366}.operator-dossier img{width:54px;height:64px;object-fit:cover;object-position:50% 7%}.operator-dossier span{font:7px monospace;color:#9fbdca}.operator-dossier strong{display:block;font:19px Impact;color:#dfff9c;letter-spacing:1px;margin:3px 0}.operator-dossier small{font-size:6px}@keyframes cardDeal{from{opacity:0;transform:translateY(25px) rotateY(45deg)}to{opacity:1;transform:none}}@keyframes crateFloat{50%{transform:translateY(-7px);box-shadow:0 0 75px #caff6330}}
@media(max-width:700px){.modal-card:has(.supply-panel){padding:19px 15px}.modal-card:has(.supply-panel) h2{font-size:33px;margin-bottom:14px}.supply-intro{gap:12px;padding-bottom:12px}.supply-intro img{width:60px;height:70px}.supply-intro strong{font-size:18px}.supply-intro small{font-size:7px}.supply-intro p{font-size:10px!important}.supply-crate{height:205px;margin-top:20px}.supply-card{display:grid;grid-template-columns:42px 1fr 62px;gap:4px 10px;padding:12px;min-height:106px}.supply-card .supply-type{grid-column:2;grid-row:1;font-size:7px;margin:0}.supply-card .supply-glyph{grid-row:1/4;grid-column:1;font-size:31px;margin:0;align-self:center}.supply-card strong{grid-column:2;grid-row:2;font-size:12px}.supply-card .supply-value{grid-column:3;grid-row:1/4;font-size:24px;margin:0;align-self:center;text-align:center}.supply-value small{font-size:6px;line-height:1.5}.supply-card .supply-copy{grid-column:2;grid-row:3;font-size:9px;margin:0}.supply-card .supply-select{display:none}.supply-card[aria-pressed=true]{transform:translateX(3px)}.supply-detail{font-size:10px;min-height:32px;margin-top:12px}.supply-actions{gap:8px}.supply-actions .primary{font-size:9px;min-height:48px;padding:12px}.supply-reroll{font-size:8px;padding:10px}.bounty-readout{top:164px;left:15px;font-size:7px}.bounty-readout .overdrive-track{width:135px;margin-top:7px}.bounty-readout small{font-size:6px}.playing:has(#boss-hud:not([hidden])) .bounty-readout{top:218px}.operator-cutin{bottom:24%;gap:10px}.operator-cutin img{width:65px;height:86px}.operator-cutin strong{font-size:26px}.operator-cutin span{font-size:7px}.operator-dossier{margin-top:9px}.operator-dossier img{height:45px;width:45px}.operator-dossier strong{font-size:16px}}
@media(orientation:landscape) and (max-height:550px){.operator-dossier{display:none}.bounty-readout{top:145px;left:16px;font-size:7px}.operator-cutin{bottom:15%;width:320px}.operator-cutin img{height:70px;width:55px}.operator-cutin strong{font-size:24px}.supply-intro{display:none}.modal-card:has(.supply-panel){max-width:850px;padding:18px}.modal-card:has(.supply-panel) h2{font-size:29px;margin-bottom:10px}.supply-crate{height:150px;margin:10px auto}.crate-mark{font-size:50px}.upgrade-grid{margin-top:12px}.supply-card{padding:12px;min-height:155px}.supply-card .supply-glyph{display:none}.supply-card .supply-type{margin-bottom:8px}.supply-card .supply-value{font-size:26px;margin:8px 0}.supply-card .supply-copy{font-size:9px}.supply-card .supply-select{display:none}.supply-detail{margin-top:9px;min-height:20px}.supply-actions .primary{min-height:40px;padding:11px}.supply-reroll{min-height:40px;padding:10px}}
@media(prefers-reduced-motion:reduce){.supply-card,.supply-crate{animation:none}.operator-cutin,.supply-card{transition:none}}

.model-download{display:block;text-align:center;color:#acd2e0;font:8px monospace;padding:10px 0;text-decoration:none}.model-download:hover{color:#caff63}@media(max-width:700px){.model-download{font-size:7px;padding:8px 0}}@media(orientation:landscape) and (max-height:550px){.model-download{font-size:7px;padding:5px 0}}

@media(min-width:701px) and (min-height:551px) and (max-height:850px){.modal-card:has(.supply-panel){padding:24px;max-width:850px}.modal-card:has(.supply-panel) h2{font-size:38px;margin-bottom:13px}.modal-card:has(.supply-panel)>.eyebrow{font-size:10px;margin-bottom:8px}.supply-intro img{width:65px;height:70px}.supply-intro{padding-bottom:13px}.supply-intro strong{font-size:21px}.supply-card{padding:16px;min-height:225px}.supply-card .supply-glyph{font-size:32px;margin-bottom:8px}.supply-card .supply-type{margin-bottom:10px}.supply-card .supply-value{margin-top:9px;font-size:29px}.supply-card .supply-copy{font-size:10px;line-height:1.4;margin-top:9px}.supply-card .supply-select{margin-top:10px;padding-top:8px}.supply-detail{margin-top:12px;min-height:30px}.supply-actions .primary{min-height:46px;padding:14px}.upgrade-grid{margin-top:18px}}