/* Recreated classic numbered bag tabs and white outline HUD icon. */
.backpack-bottom .primary-button{width:auto;flex:0 0 auto}.backpack-bottom p{flex:1;min-width:0}#hud #backpack .hud-icon{width:65%;height:65%}
.backpack-tabs{display:flex;gap:3px;flex-shrink:0}.backpack-tabs button{border:1px solid #626967;background:linear-gradient(#474e4e,#262c2d);color:#bfc5c1;font:700 14px Arial,sans-serif;box-shadow:inset 0 0 0 1px #171d1c;min-width:32px;height:28px;cursor:pointer}.backpack-tabs button.active{color:#ffe9a6;border-color:#c1a05b;background:linear-gradient(#7b6741,#3d3527);box-shadow:inset 0 0 0 1px #d8b75c38,0 0 7px #caa65b20}.backpack-tabs button:focus-visible{outline:2px solid #e4c779;outline-offset:2px}.lobby-bag-tabs{margin-left:auto}.bag-heading{gap:7px}.bag-heading .lobby-bag-tabs button{min-width:22px;height:22px;padding:0;font-size:11px}.bag-heading #loadout-edit{margin-left:3px}.warehouse-bag-tabs{margin:0 0 12px}.warehouse-bag-tabs button{flex:1;min-width:0}.bag-slot img{width:100%;height:38px;object-fit:contain;filter:drop-shadow(0 2px 2px #000b)}
#backpack{border-radius:4px;background:linear-gradient(#18201c70,#111a1770);border:1px solid #d8ddd270}#backpack .hud-icon{width:72%;height:72%;stroke-width:1.7}#backpack small{font-size:calc(var(--control-size,44px)*.18)}#hud-bag-number{position:absolute;right:4px;top:2px;font:700 calc(var(--control-size,44px)*.25) Arial,sans-serif;color:#e7e9d8;text-shadow:1px 1px #000}#backpack.bag-locked{border-color:#c4cec236;color:#c9cebe}#backpack.bag-locked:after{content:'';position:absolute;left:3px;top:3px;width:3px;height:3px;border-radius:50%;background:#877f6d}
.backpack-modal .modal-card{width:min(680px,calc(100vw - 48px));max-height:calc(100vh - 28px);padding:22px 24px;background:repeating-linear-gradient(0deg,#ffffff02 0 1px,transparent 1px 3px),linear-gradient(120deg,#3a4140,#202627 65%);border-color:#7b8178}.backpack-modal #modal-eyebrow{font-size:9px;letter-spacing:2px;color:#a7afa0}.backpack-modal h2{margin:7px 0 14px;font-size:23px;letter-spacing:3px}.combat-bag-tabs{border-bottom:1px solid #7e816e;padding:0 0 5px;margin-bottom:13px;gap:5px}.combat-bag-tabs button{width:57px;height:32px;font-size:18px}.backpack-weapons{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:8px}.backpack-weapon{position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;padding:0 10px 13px;border:1px solid #656e60;background:radial-gradient(ellipse at 50% 42%,#67706438,transparent 70%),linear-gradient(#202726,#151d1c);box-shadow:inset 0 0 0 2px #10161466}.backpack-weapon header{align-self:stretch;display:flex;align-items:center;gap:7px;border-bottom:1px solid #62685569;height:28px;font-size:10px;color:#b3bba9}.backpack-weapon header b{font:italic 17px Arial;color:#858e79}.backpack-weapon img{display:block;width:100%;height:88px;object-fit:contain;filter:drop-shadow(0 6px 4px #0009)}.backpack-weapon strong{font-size:13px;color:#eee9d7;text-align:center}.backpack-weapon small{font-size:9px;color:#909b87;margin-top:5px}.backpack-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px}.backpack-bottom p{margin:0!important;font-size:11px!important;line-height:1.7!important;color:#d7c392!important}.backpack-bottom p span{font-size:9px;color:#9da899}.backpack-bottom .primary-button{font-size:12px;padding:12px 18px;white-space:nowrap;min-width:158px}
@media(max-height:460px){.bag-heading .lobby-bag-tabs{gap:2px}.bag-heading .lobby-bag-tabs button{min-width:18px;height:19px;font-size:9px}.bag-heading{gap:3px}.bag-heading #loadout-edit{font-size:7px;padding:0 2px}.bag-slot img{height:24px}.warehouse-bag-tabs{gap:3px;margin-bottom:5px}.warehouse-bag-tabs button{height:24px;font-size:11px}.backpack-modal .modal-card{padding:12px 18px}.backpack-modal h2{font-size:19px;margin:4px 0 9px}.backpack-modal #modal-eyebrow{font-size:7px}.combat-bag-tabs{margin-bottom:8px}.combat-bag-tabs button{height:29px;font-size:16px}.backpack-weapon{padding:0 8px 9px}.backpack-weapon img{height:64px}.backpack-weapon header{height:23px}.backpack-weapon strong{font-size:11px}.backpack-bottom{margin-top:9px}.backpack-bottom .primary-button{padding:10px 13px}.backpack-bottom p{font-size:9px!important}.backpack-bottom p span{font-size:8px}}
@media(max-height:360px){.bag-slot img{height:19px}.backpack-weapon img{height:53px}.backpack-modal .modal-card{padding:10px 15px}.backpack-modal h2{margin-bottom:6px}.combat-bag-tabs{margin-bottom:6px}.backpack-weapon small{display:none}.backpack-bottom{margin-top:7px}}