.mobile-equipment-drawer-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);z-index:10000;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.mobile-equipment-drawer-overlay.active{opacity:1;visibility:visible}.mobile-equipment-drawer{display:none;position:fixed;bottom:0;left:0;right:0;max-height:75vh;background-color:#1e1e1e;border-top-left-radius:16px;border-top-right-radius:16px;box-shadow:0 -5px 25px rgba(0,0,0,.5);transform:translateY(100%);transition:transform .35s cubic-bezier(.4, 0, .2, 1);z-index:10001;display:flex;flex-direction:column;overflow:hidden}.mobile-equipment-drawer.active{transform:translateY(0)}.drawer-handle{width:40px;height:4px;background-color:#666;border-radius:2px;margin:12px auto 8px;flex-shrink:0}.mobile-drawer-header{padding:12px 20px;border-bottom:1px solid #333;flex-shrink:0;display:flex;flex-direction:column;gap:0}.mobile-rarity-filters{display:flex;flex-wrap:nowrap;gap:8px;padding:0 0 8px;overflow-x:auto}.mobile-filter-row-2{display:flex;gap:8px;align-items:center}.mobile-rarity-filters-2{display:flex;gap:8px;flex-shrink:0}.mobile-rarity-filters::-webkit-scrollbar{display:none}.mobile-rarity-filter-btn{flex-shrink:0;padding:6px 14px;border:1px solid #444;border-radius:20px;background-color:#2a2a2a;color:#999;font-size:.85em;cursor:pointer;transition:.2s;white-space:nowrap;display:flex;align-items:center;gap:6px}.mobile-rarity-filter-btn.active{background-color:#3a3a2a;border-color:#d1b06b}.mobile-rarity-filter-btn:active{transform:scale(.95)}.rarity-indicator-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.mobile-search-container{position:relative;flex:1;min-width:0}.mobile-search-input{width:100%;padding:8px 36px 8px 12px;background-color:#2a2a2a;border:1px solid #444;border-radius:20px;color:#fff;font-size:.85em;outline:0;transition:border-color .2s,background-color .2s;box-sizing:border-box}.mobile-search-input:focus{border-color:#d1b06b;background-color:#333}.mobile-search-input::placeholder{color:#666}.mobile-search-clear{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:0 0;border:none;color:#999;font-size:1.3em;cursor:pointer;padding:0;width:28px;height:28px;display:none;justify-content:center;align-items:center;border-radius:50%;transition:background-color .2s,color .2s}.mobile-search-clear:active{background-color:#444;color:#fff}.rarity-indicator-dot.rarity-crude{background-color:#666}.rarity-indicator-dot.rarity-common{background-color:#fff}.rarity-indicator-dot.rarity-uncommon{background-color:#4c4}.rarity-indicator-dot.rarity-rare{background-color:#58f}.rarity-indicator-dot.rarity-epic{background-color:#a4d}.rarity-indicator-dot.rarity-legendary{background-color:#f2b300}.rarity-indicator-dot.rarity-unique{background-color:#ddcb91}.rarity-indicator-dot.rarity-artifact{background-color:#ff6b6b}.mobile-equipment-item.rarity-crude .mobile-equipment-name,.mobile-rarity-filter-btn[data-rarity=crude]{color:#999}.mobile-equipment-item.rarity-common .mobile-equipment-name,.mobile-rarity-filter-btn[data-rarity=common]{color:#fff}.mobile-equipment-item.rarity-uncommon .mobile-equipment-name,.mobile-rarity-filter-btn[data-rarity=uncommon]{color:#4c4}.mobile-equipment-item.rarity-rare .mobile-equipment-name,.mobile-rarity-filter-btn[data-rarity=rare]{color:#58f}.mobile-equipment-item.rarity-epic .mobile-equipment-name,.mobile-rarity-filter-btn[data-rarity=epic]{color:#a4d}.mobile-equipment-item.rarity-legendary .mobile-equipment-name,.mobile-rarity-filter-btn[data-rarity=legendary]{color:#f2b300}.mobile-equipment-item.rarity-unique .mobile-equipment-name,.mobile-rarity-filter-btn[data-rarity=unique]{color:#ddcb91}.mobile-equipment-item.rarity-artifact .mobile-equipment-name,.mobile-rarity-filter-btn[data-rarity=artifact]{color:#ff6b6b}.mobile-drawer-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:80px}.mobile-equipment-list{display:flex;flex-direction:column;padding:0;margin:0}.mobile-equipment-item{display:flex;align-items:center;padding:12px;margin:5px 12px;border:1px solid #3a3a3a;border-radius:8px;background-color:#252525;cursor:pointer;transition:.2s;gap:15px}.mobile-equipment-item:active{background-color:#2a2a2a;border-color:#4a4a4a}.mobile-equipment-item.selected{background-color:#2a2a1a;border:2px solid #d1b06b;padding:11px}.mobile-equipment-icon-container{width:65px;height:65px;flex-shrink:0;display:flex;justify-content:center;align-items:center;position:relative}.mobile-equipment-icon{width:60px;height:60px;object-fit:contain}.mobile-equipment-icon-placeholder{width:60px;height:60px;background-color:transparent}.mobile-equipment-info{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.mobile-equipment-floating-close-btn{position:fixed;bottom:20px;right:20px;width:45px;height:45px;border-radius:50%;background-color:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:1.2em;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s;backdrop-filter:blur(10px);z-index:1000;box-shadow:0 4px 20px rgba(0,0,0,.3)}.mobile-equipment-floating-close-btn:hover{background-color:rgba(209,176,107,.4);border-color:rgba(209,176,107,.7);transform:scale(1.1);box-shadow:0 6px 25px rgba(209,176,107,.3)}.mobile-equipment-floating-close-btn:active{background-color:rgba(209,176,107,.6);border-color:#d1b06b;transform:scale(.95)}.mobile-equipment-name{font-size:1em;font-weight:500;color:#fff;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.mobile-equipment-stats{font-size:.7em;font-weight:400;color:#999;line-height:1.5;display:flex;flex-wrap:wrap;gap:4px 8px}.mobile-equipment-stats-line2{color:#e8c06a;display:flex;flex-wrap:wrap;gap:4px 8px}.mobile-equipment-stats-line3{font-weight:400;color:#999;display:flex;flex-wrap:wrap;gap:4px 8px}.mobile-equipment-stat-item{display:inline-block;white-space:nowrap}.mobile-equipment-stat-item:not(:last-child)::after{content:" ";margin:0 4px}.mobile-drawer-empty{padding:60px 20px;text-align:center;color:#666;font-size:.95em}.mobile-drawer-empty i{font-size:3em;margin-bottom:15px;display:block;color:#444}.mobile-drawer-loading{padding:40px 20px;text-align:center;color:#999}.mobile-drawer-loading i{font-size:2em;animation:1s linear infinite spin}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:768px){.mobile-equipment-drawer-overlay{display:block}.mobile-equipment-drawer{display:flex}#equipment-display-panel,.equipment-gallery-overlay{display:none!important}}@media (max-width:400px){.mobile-rarity-filter-btn{padding:6px 10px;font-size:.8em}.mobile-search-input{padding:8px 32px 8px 10px;font-size:.8em}}