/* v28 four-part ordinary gear. Load after visual-v27.css. No battle selectors. */
#lobby .gear-four-workshop{min-width:0;color:#f1e4bb}
#lobby .gear-four-workshop .gear-heading{margin-bottom:8px;padding:0}
#lobby .gear-four-workshop .gear-heading h2{font-size:22px}
#lobby .gear-four-workshop .gear-wallet{margin:8px 0;padding:6px 9px}
#lobby .gear-four-workshop .gear-heroes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;margin:8px 0}
#lobby .gear-four-workshop .gear-heroes button{min-width:0;min-height:62px;padding:4px 1px;border-width:1px;box-shadow:none}
#lobby .gear-four-workshop .gear-heroes img{width:26px;height:26px;margin:0 auto 3px}
#lobby .gear-four-workshop .gear-heroes strong{font-size:11px}
#lobby .gear-four-workshop .gear-heroes small{font-size:9px}
#lobby .gear-loadout-label,#lobby .gear-section-title{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:10px 0 6px}
#lobby .gear-loadout-label strong{font-size:14px;color:#ffe4a2}
#lobby .gear-loadout-label span{font-size:11px;color:#bdd4cf}
#lobby .gear-four-slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:6px;background:#082732;border:1px solid #746b49}
#lobby .gear-four-slots .gear-part-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:100%;min-width:0;min-height:106px;padding:6px 2px;border:1px solid #65765d;border-radius:0;background:#153b45;box-shadow:inset 0 0 0 2px #0a2933;color:#f4e5bd}
#lobby .gear-four-slots .gear-part-slot strong{font-size:12px;line-height:1.2;color:inherit}
#lobby .gear-four-slots .gear-part-slot small{font-size:10px;line-height:1.3;color:#c2d4c9}
#lobby .gear-four-slots .gear-icon{width:36px;height:36px;margin:2px auto;image-rendering:pixelated}
#lobby .gear-four-slots .empty-part-icon{opacity:.35;filter:grayscale(1)}
#lobby .gear-four-slots .gear-part-slot.selected{border-color:#f4d184;background:#35564e;color:#fff0c3;box-shadow:inset 0 0 0 2px #6e7452}
#lobby .gear-four-slots .gear-part-slot.selected small{color:#fff0c3}
#lobby .gear-part-lock{height:10px;font-size:8px;line-height:10px;color:#dcc58f}
#lobby .gear-slot-hint{margin:6px 0 12px;font-size:10px;line-height:1.6;color:#a9c3c1}
#lobby .gear-four-workshop .gear-part-filters{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:3px;margin:0 0 9px}
#lobby .gear-part-filters button{min-width:0;min-height:36px;height:36px;padding:4px 1px;border:1px solid #526b67;border-radius:0;box-shadow:none;background:#0a303b;color:#c9d8c9;font-size:11px}
#lobby .gear-part-filters button.selected{border-color:#e3bf70;background:#d1aa58;color:#14333b}
#lobby .gear-four-workshop .gear-inventory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
#lobby .gear-four-workshop .gear-inventory .gear-card{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;min-width:0;min-height:154px;height:auto;padding:7px 4px;border:1px solid #6b877d;border-radius:0;background:#103641;box-shadow:inset 0 0 0 2px #153e46;color:#f1dfb0}
#lobby .gear-four-workshop .gear-inventory .gear-card.refined{border-color:#bca768}
#lobby .gear-four-workshop .gear-card .gear-icon{width:40px;height:40px;margin:3px auto}
#lobby .gear-four-workshop .gear-card-copy{display:block;width:100%;min-width:0;text-align:center}
#lobby .gear-four-workshop .gear-card-copy strong{font-size:12px;line-height:1.35;margin:4px 0}
#lobby .gear-four-workshop .gear-card-copy small{display:block;font-size:9px;line-height:1.5;color:#b8ccc8}
#lobby .gear-four-workshop .gear-card-copy .gear-part-name{color:#e0c78d;font-size:9px;margin-top:3px}
#lobby .gear-four-workshop .gear-card .gear-grade{font-size:9px;padding:1px 3px}
#lobby .gear-four-workshop .gear-card .gear-status{font-size:9px;line-height:1.45;margin-top:4px}
#lobby .gear-four-workshop .gear-card>span:last-child:not(.gear-card-copy){display:none}
#lobby .gear-legacy-notice{font-size:11px!important;line-height:1.65!important;padding:9px 10px;margin:9px 0;border-left:3px solid #bbaa78;background:#243b42;color:#d7d0b8}
#lobby .gear-four-workshop .gear-legacy-item{border-style:dashed!important;background:#1c343d!important}
#lobby .gear-four-workshop .gear-item-title{margin:14px 0;gap:12px}
#lobby .gear-four-workshop .gear-item-title h3{font-size:19px}
#lobby .gear-four-workshop .gear-actions>button{min-height:44px;border-radius:0}
#lobby .gear-four-workshop .gear-comparison{margin:10px 0}
#lobby .gear-four-workshop .gear-note{font-size:10px;line-height:1.65;color:#abc2be}
#lobby .gear-four-workshop button:disabled{cursor:not-allowed;opacity:.57}
#lobby .gear-four-workshop button:focus-visible{outline:3px solid #9ce5dd;outline-offset:2px}
@media(max-width:374px){#lobby .gear-four-slots{gap:4px;padding:4px}#lobby .gear-four-slots .gear-part-slot{min-height:99px}#lobby .gear-four-slots .gear-icon{width:32px;height:32px}#lobby .gear-four-workshop .gear-card-copy strong{font-size:11px}}
#lobby .hero-detail-v27 .hero-left-slots:has(.hero-ordinary-part){justify-content:center;gap:4px}
#lobby .hero-detail-v27 .hero-left-slots>.hero-ordinary-part{display:grid!important;grid-template-columns:24px 1fr;align-items:center;justify-content:center;gap:1px;width:58px!important;height:48px!important;min-height:48px!important;max-height:48px;padding:3px!important;background:#0c303cea!important;border:1px solid #a18b57!important;color:#f2e1ab;box-shadow:inset 0 0 0 2px #183c42!important}
#lobby .hero-detail-v27 .hero-left-slots>.hero-ordinary-part img{width:24px!important;height:24px!important;margin:0!important;image-rendering:pixelated}
#lobby .hero-ordinary-part.empty img{opacity:.35;filter:grayscale(1)}
#lobby .hero-ordinary-part span{display:flex;flex-direction:column;gap:3px}
#lobby .hero-ordinary-part strong,#lobby .hero-ordinary-part small{font-size:9px!important;line-height:1.2!important;white-space:nowrap;color:#f1e2b8!important}
#lobby .hero-ordinary-part small{color:#aac1b7!important}