.egcs-loadout{--el-panel:var(--mid-panel,#171c24);--el-raised:var(--mid-raised,#202733);--el-border:var(--mid-border,#303a49);--el-text:var(--mid-text,#dce4ef);--el-muted:var(--mid-muted,#93a0b3);margin:22px 0;padding:22px;border:1px solid var(--el-border);border-radius:14px;background:var(--el-panel);color:var(--el-text);min-width:0}
.egcs-loadout *{box-sizing:border-box}
.egcs-loadout header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}
.egcs-loadout header span{font-size:10px;letter-spacing:.14em;color:var(--el-muted)}
.egcs-loadout h2{font-size:20px;margin:5px 0 0;color:var(--el-text)}
.egcs-loadout button{background:var(--el-raised);border:1px solid var(--el-border);border-radius:8px;color:var(--el-text);padding:9px 15px;cursor:pointer}
.egcs-loadout button[aria-pressed=true]{background:#a5b4cb;color:#111720}
.egcs-loadout button:focus-visible{outline:2px solid #a5b4cb;outline-offset:3px}
.egcs-loadout [hidden]{display:none!important}
.egcs-loadout .el-teams{display:flex;gap:6px}
.egcs-loadout .el-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,190px),1fr));gap:12px}
.egcs-loadout .el-card{min-width:0;border:1px solid var(--el-border);border-radius:12px;background:var(--el-raised);padding:13px;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.egcs-loadout .el-visual img{display:block;width:100%;height:115px;object-fit:contain;transition:transform .3s ease}
.egcs-loadout h3{font-size:13px;line-height:1.5;margin:10px 0 5px;color:var(--el-text);overflow-wrap:anywhere}
.egcs-loadout p{font-size:12px;line-height:1.6;color:var(--el-muted);overflow-wrap:anywhere}
.egcs-loadout .el-note{margin:15px 0 0}
.egcs-loadout .el-decorations{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.egcs-loadout .el-decoration{display:flex;align-items:center;gap:5px;max-width:100%;font-size:10px;color:var(--el-muted)}
.egcs-loadout .el-decoration img{width:30px;height:30px;object-fit:contain;transition:transform .25s ease}
.egcs-loadout .el-decoration span{overflow-wrap:anywhere}
@media(hover:hover) and (pointer:fine){.egcs-loadout .el-card:hover{transform:translateY(-2px);border-color:#465267;box-shadow:0 8px 20px #0002}.egcs-loadout .el-card:hover .el-visual img{transform:scale(1.035)}.egcs-loadout .el-decoration:hover img{transform:scale(1.1)}}
@media(max-width:480px){.egcs-loadout{padding:15px}.egcs-loadout h2{font-size:17px}.egcs-loadout .el-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.egcs-loadout .el-card{padding:9px}.egcs-loadout .el-visual img{height:85px}}
@media(prefers-reduced-motion:reduce){.egcs-loadout .el-card,.egcs-loadout .el-visual img,.egcs-loadout .el-decoration img{transition:none!important;transform:none!important}}

.egcs-loadout .el-visual{position:relative;height:115px;display:grid;place-items:center;overflow:hidden;border-radius:8px}.egcs-loadout .el-visual>span{font-size:48px;color:var(--el-muted);opacity:.25}.egcs-loadout .el-visual img{position:absolute;inset:0;height:100%;background:var(--el-raised)}.egcs-loadout .el-visual:has(img:not([hidden]))>span{visibility:hidden}@media(max-width:480px){.egcs-loadout .el-visual{height:85px}}