.personal-gear,.legacy-gear{padding:18px;border:1px solid var(--line);border-radius:18px;background:#173a45;margin-bottom:16px}.personal-gear p{line-height:1.6;color:#c1d8d5}.gear-toolbar,.gear-filters{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:16px 0}.gear-toolbar label,.gear-filters label{display:grid;gap:5px;flex:1;min-width:130px}.alloy{color:#f0d39c}.personal-slots,.personal-bag{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.personal-slots{margin-bottom:20px}.personal-slots article,.personal-bag article{display:flex;flex-wrap:wrap;gap:8px;padding:12px;border:1px solid #50787d;border-radius:14px;background:#204650;align-content:start;min-width:0}.personal-slots h3,.personal-bag h3{width:100%;margin:0;font-size:16px}.personal-slots canvas,.personal-bag canvas{width:96px;height:72px;background:transparent!important;border:0!important}.personal-slots strong{font-size:12px}.personal-bag button{min-height:44px;font-size:12px}.personal-bag p{width:100%;margin:0;font-size:12px}.personal-bag label{display:flex;align-items:center;gap:8px;width:100%;min-height:44px}.personal-bag input{width:20px;height:20px}.gear-result{min-height:24px}.legacy-gear>summary{cursor:pointer;min-height:44px}.legacy-gear .gear{margin-top:12px}.personal-gear[hidden],.legacy-gear[hidden]{display:none!important}
@media(max-width:650px){.personal-bag{grid-template-columns:1fr}.personal-slots{gap:6px}.personal-slots article{padding:8px}.personal-slots canvas{width:70px;height:53px}.personal-slots button{font-size:11px;padding:8px;min-height:44px}.personal-gear{padding:12px}.personal-slots h3{font-size:13px}.gear-filters{gap:8px}.gear-filters label{min-width:90px}.personal-bag article{padding:14px}.personal-bag .gear-comparison{font-size:13px}}
.personal-gear{min-width:0}.gear-toolbar select,.gear-filters select{width:100%;max-width:100%;min-width:0;box-sizing:border-box}.personal-slots article>*{max-width:100%;box-sizing:border-box}.personal-slots strong{overflow-wrap:anywhere}
.signature-library { margin: 12px 0; border: 1px solid #52737b; border-radius: 14px; padding: 12px; }
.signature-library summary { cursor: pointer; min-height: 36px; color: #c5e4dc; font-weight: 700; }
.signature-library article { display: grid; grid-template-columns: 64px 1fr; gap: 6px 12px; align-items: center; padding: 12px 0; border-top: 1px solid #52737b; }
.signature-library article canvas { width: 64px; height: 48px; grid-row: span 3; }
.signature-library article p { margin: 0; font-size: 12px; line-height: 1.5; color: #c7dbe0; }
.signature-library article button { justify-self: start; min-height: 44px; }
.gear-signature { color: #eed4a0; line-height: 1.6; }
.gear-overflow:not([hidden]) { display: grid; gap: 8px; margin: 12px 0; padding: 14px; border: 1px solid #bba675; border-radius: 14px; background: #203f49; }
.gear-overflow h3, .gear-overflow p { margin: 0; }
.gear-overflow h3 { color: #f1d79f; font-size: 16px; }
.gear-overflow p { color: #c7dbe0; line-height: 1.5; font-size: 12px; }
.gear-overflow button { min-height: 44px; white-space: normal; overflow-wrap: anywhere; }