.equipment-gallery-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:1000;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.equipment-gallery-overlay:not(.hidden){opacity:1;visibility:visible}.equipment-gallery-content{background-color:transparent;border:2px solid rgba(85,85,85,.4);border-radius:8px;width:90%;max-width:1200px;height:85%;max-height:800px;display:flex;flex-direction:column;box-shadow:0 10px 30px rgba(0,0,0,.3);opacity:1}.equipment-gallery-card.icon-error,.equipment-gallery-card.icon-loading,.equipment-gallery-content *{position:relative}.equipment-gallery-header{display:flex;justify-content:flex-end;align-items:center;padding:10px 15px;border-bottom:1px solid rgba(85,85,85,.4);background-color:#2a2a2a;border-radius:6px 6px 0 0;opacity:1}.equipment-gallery-header .close-btn{background:0 0;border:none;color:#ccc;font-size:1.8em;cursor:pointer;padding:0;width:30px;height:30px;display:flex;justify-content:center;align-items:center;border-radius:50%;transition:background-color .2s,color .2s}.equipment-gallery-header .close-btn:hover{background-color:#555;color:#fff}.equipment-gallery-body{display:flex;flex:1;overflow:hidden}.rarity-filter-sidebar{width:180px;background-color:#2a2a2a;border-right:1px solid rgba(85,85,85,.4);padding:20px 15px;overflow-y:auto;opacity:1}.rarity-filter-sidebar h4{color:#d1b06b;margin:0 0 15px;font-size:1.1em;text-align:center}.rarity-filter-list{display:flex;flex-direction:column;gap:8px}.rarity-filter-item{display:flex;align-items:center;padding:10px 12px;border-radius:6px;cursor:pointer;transition:background-color .2s;border:1px solid transparent}.rarity-filter-item:hover{background-color:#404040}.rarity-filter-item.active{background-color:#4a4a4a;border-color:#d1b06b}.rarity-color-indicator{width:16px;height:16px;border-radius:3px;margin-right:10px;border:1px solid #666}.rarity-filter-item span{color:#ccc;font-size:.9em;font-weight:500}.rarity-filter-item.active span{color:#fff;font-weight:600}.rarity-color-indicator.rarity-crude{background-color:#666}.rarity-color-indicator.rarity-common{background-color:#fff}.rarity-color-indicator.rarity-uncommon{background-color:#4c4}.rarity-color-indicator.rarity-rare{background-color:#58f}.rarity-color-indicator.rarity-epic{background-color:#a4d}.rarity-color-indicator.rarity-legendary{background-color:#f2b300}.rarity-color-indicator.rarity-unique{background-color:#ddcb91}.rarity-color-indicator.rarity-artifact{background-color:#ff6b6b}.equipment-cards-container{flex:1;padding:20px;overflow-y:auto;background-color:#2a2a2a;opacity:1}.equipment-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-auto-rows:auto;gap:12px;padding:12px 12px 20px;opacity:1!important;isolation:isolate}.equipment-gallery-card{position:relative;cursor:pointer;transition:.2s;min-height:200px;display:flex;flex-direction:column;overflow:visible;box-sizing:border-box;opacity:1!important;transform:translateZ(0);will-change:transform;isolation:isolate}.equipment-gallery-card.icon-loading::before{content:'';position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid #666;border-top:2px solid #fff;border-radius:50%;animation:1s linear infinite icon-loading-spin;z-index:10}.equipment-gallery-card.icon-error::before{content:'⚠';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#ff6b6b;font-size:16px;z-index:10}@keyframes icon-loading-spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.equipment-gallery-card.rarity-crude{background-color:#2e2e2e!important;opacity:1!important;transform:translateZ(0)!important}.equipment-gallery-card.rarity-common{background-color:#4a4a4a!important;opacity:1!important;transform:translateZ(0)!important}.equipment-gallery-card.rarity-uncommon{background-color:#2a4b3a!important;opacity:1!important;transform:translateZ(0)!important}.equipment-gallery-card.rarity-rare{background-color:#2a3a5e!important;opacity:1!important;transform:translateZ(0)!important}.equipment-gallery-card.rarity-epic{background-color:#4a2a6b!important;opacity:1!important;transform:translateZ(0)!important}.equipment-gallery-card.rarity-legendary{background-color:#6a5a2a!important;opacity:1!important;transform:translateZ(0)!important}.equipment-gallery-card.rarity-unique{background-color:#958a68!important;opacity:1!important;transform:translateZ(0)!important}.equipment-gallery-card.rarity-artifact{background-color:#6b2a2a!important;opacity:1!important;transform:translateZ(0)!important}.equipment-gallery-card:hover{transform:scale(1.05) translateZ(0);border-width:2.5px;box-shadow:0 5px 15px rgba(0,0,0,.3)}.equipment-gallery-card.selected{transform:scale(1.05) translateZ(0);border-width:2.5px;box-shadow:0 0 10px rgba(209,176,107,.3)}.equipment-gallery-card.has-equipment-icon::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70%;height:70%;background-image:var(--equipment-icon);background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.8;z-index:1;pointer-events:none}.equipment-gallery-card.has-equipment-icon>*{position:relative;z-index:2}.equipment-gallery-card .random-affixes-container{border-top:1px solid #555;padding-top:8px;margin-top:auto;flex-shrink:0;overflow:visible}.equipment-gallery-card .rarity-header{flex-shrink:0}.equipment-gallery-card .rarity-stats-list{flex:1;overflow:visible;padding-bottom:8px;max-height:none}.equipment-gallery-card .random-affix-row{display:flex;gap:clamp(1px,.2vw,3px);align-items:center;margin-bottom:6px;min-height:24px}.equipment-gallery-card .random-affix-row:last-child{margin-bottom:0}@media (max-width:1400px){.equipment-cards-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;padding:10px}.equipment-gallery-card{min-height:180px}.equipment-gallery-card.has-equipment-icon::before{width:65%;height:65%}}@media (max-width:1200px){.equipment-cards-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;padding:8px}.equipment-gallery-card{min-height:160px}.equipment-gallery-card.has-equipment-icon::before{width:60%;height:60%}.equipment-gallery-content{width:95%;height:90%}}@media (max-width:1000px){.equipment-cards-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:6px;padding:6px}.equipment-gallery-card{min-height:140px}.equipment-gallery-card.has-equipment-icon::before{width:55%;height:55%}}@media (max-width:900px){.rarity-filter-sidebar{width:150px;padding:15px 10px}.equipment-cards-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.equipment-gallery-card{padding:12px;min-height:180px}}@media (max-width:600px){.equipment-gallery-body{flex-direction:column}.rarity-filter-sidebar{width:100%;max-height:120px;border-right:none;border-bottom:1px solid #555}.rarity-filter-list{flex-direction:row;flex-wrap:wrap;gap:5px}.rarity-filter-item{padding:8px 10px;flex:1;min-width:80px;justify-content:center}.equipment-cards-grid{grid-template-columns:1fr}}.equipment-cards-container::-webkit-scrollbar,.rarity-filter-sidebar::-webkit-scrollbar{width:6px}.equipment-cards-container::-webkit-scrollbar-track,.rarity-filter-sidebar::-webkit-scrollbar-track{background:#333}.equipment-cards-container::-webkit-scrollbar-thumb,.rarity-filter-sidebar::-webkit-scrollbar-thumb{background:#666;border-radius:3px}.equipment-cards-container::-webkit-scrollbar-thumb:hover,.rarity-filter-sidebar::-webkit-scrollbar-thumb:hover{background:#888}.equipment-gallery-card .custom-select-container.open-up .options-panel{z-index:9999999!important}#equipment-display-panel .equipment-gallery-card .custom-select-container .options-panel,.equipment-gallery-card .custom-select-container .options-panel{background-color:#2d2d2d!important;border:1px solid #555!important;border-radius:4px!important;box-shadow:0 2px 8px rgba(0,0,0,.9)!important;color:#fff!important;max-height:400px!important}.equipment-gallery-card .custom-select-container .options-panel .custom-option{color:#fff!important;padding:8px 12px!important;cursor:pointer!important;border-bottom:1px solid rgba(255,255,255,.1)!important;font-size:.85em!important;white-space:nowrap!important;transition:background-color .2s!important}.equipment-gallery-card .custom-select-container .options-panel .custom-option:hover{background-color:#4a4a4a!important}.equipment-gallery-card .custom-select-container .options-panel .custom-option:last-child{border-bottom:none!important}.equipment-gallery-card .custom-select-container.open-up{z-index:9999998!important}