.gear-hero{display:grid;grid-template-columns:1.3fr 1fr;gap:30px;padding:35px;background:#15121E;border:1px solid #2B253D;border-radius:5px;margin-bottom:26px}.gear-hero>div{min-width:0}.gear-hero h1{font-size:34px;line-height:1.4;margin:12px 0}.gear-hero p{font-size:12px;line-height:1.9;color:#B0A9C4}.gear-hero-art{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap}.gear-hero-art a{display:flex;align-items:center;flex-direction:column;gap:12px;text-align:center;width:90px;font-size:10px;line-height:1.7;color:#B0A9C4}.gear-hero-art img{width:80px;height:80px;object-fit:contain}.gear-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.gear-card{display:flex;background:#15121E;border:1px solid #2B253D;border-radius:5px;overflow:hidden;min-width:0}.gear-card>a{display:flex;flex-direction:column;width:100%}.gear-card:hover{border-color:#F5C518}.gear-card-image{height:145px;position:relative;display:grid;place-items:center;background:#0C0A12}.gear-card-image img{width:90px;height:90px;object-fit:contain}.gear-card-image>span{position:absolute;left:12px;top:12px;font-size:9px;color:#7A7391}.gear-card-body{padding:18px;flex:1;display:flex;flex-direction:column}.gear-card h2{font-size:16px;line-height:1.7;color:#F5F2FB;margin:0 0 6px;overflow-wrap:anywhere}.gear-card small{font-size:10px;color:#7A7391;line-height:1.8}.gear-card-effects{display:flex;flex-direction:column;gap:10px;font-size:11px;line-height:1.6;margin:19px 0}.gear-card-effects>span{display:flex;gap:8px;justify-content:space-between;flex-wrap:wrap}.gear-card-foot{border-top:1px solid #2B253D;padding-top:13px;font-size:10px;line-height:1.8;color:#B8A4FF;margin-top:auto}.gear-toolbar,.gear-controls{display:flex;align-items:center;flex-wrap:wrap;gap:18px;padding:18px 0}.gear-toolbar label,.gear-controls label,.gear-property-level{display:flex;align-items:center;gap:12px;font-size:12px;color:#B0A9C4;min-width:0}.gear-toolbar select,.gear-controls select,.gear-property-level select{background:#1D1929;border:1px solid #2B253D;color:#F5F2FB;border-radius:3px;padding:11px;font:inherit;max-width:100%;min-width:0;min-height:44px}.gear-base-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin-bottom:20px}.gear-base-values>div{display:flex;flex-direction:column;gap:15px;background:#15121E;border:1px solid #2B253D;padding:23px;border-radius:4px}.gear-base-values span{font-size:13px;color:#B0A9C4}.gear-base-values strong{font-size:30px;color:#B8A4FF}.gear-buff-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.gear-buff-list>div{padding:16px;background:#29322a;border:1px solid #4c6c51;border-radius:4px;display:flex;align-items:center;gap:12px;font-size:13px;line-height:1.8;min-width:0}.gear-buff-list>div.negative{background:#3b2a27;border-color:#775249}.gear-buff-list img{width:30px;height:30px;object-fit:contain}.gear-buff-list span{flex:1}.gear-buff-list b{white-space:nowrap}.positive{color:#8dd294}.negative{color:#e7988b}.gear-option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:22px 0}.gear-option{border:1px solid #2B253D;border-top:3px solid #7A7391;background:#15121E;border-radius:4px;padding:18px;min-width:0}.gear-option.green{border-top-color:#8dd294}.gear-option.yellow{border-top-color:#f2cc66}.gear-option>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.gear-option small{font-size:10px;color:#7A7391}.gear-option>p{font-size:11px;line-height:1.9;color:#B0A9C4}.gear-option-stat{display:flex;gap:15px;justify-content:space-between;border-top:1px solid #2B253D;padding:10px 0;font-size:12px;line-height:1.8}.gear-option-stat span{color:#B0A9C4}.gear-option-stat b{color:#F5F2FB;white-space:nowrap}.gear-option-sources{margin-top:14px}.gear-option-sources a{display:flex;align-items:center;gap:10px;font-size:11px;line-height:1.9;margin-top:12px;color:#B8A4FF}.gear-option-sources img{width:30px;height:30px;object-fit:contain;flex-shrink:0}.gear-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.gear-status{background:#29322a;border:1px solid #4c6c51;border-radius:4px;padding:20px}.gear-status h3{color:#8dd294;margin:0 0 10px;font-size:17px;line-height:1.7}.gear-status p{font-size:12px;line-height:1.9;color:#B0A9C4}.gear-status small{font-size:11px;color:#7A7391}
@media(max-width:1100px){.gear-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.gear-option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gear-hero h1{font-size:29px}.gear-hero{gap:20px;padding:28px}}
@media(max-width:760px){.gear-hero{grid-template-columns:1fr;padding:23px 20px;gap:18px}.gear-hero h1{font-size:26px}.gear-hero p{font-size:11px}.gear-hero-art{justify-content:flex-start;gap:15px}.gear-hero-art a{width:72px;font-size:9px}.gear-hero-art img{width:56px;height:56px}.gear-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gear-card-body{padding:13px}.gear-card h2{font-size:14px}.gear-card-image{height:120px}.gear-card-image img{width:72px;height:72px}.gear-card-image>span{font-size:8px}.gear-card-effects{font-size:10px}.gear-card-foot{font-size:9px}.gear-toolbar label{width:100%;justify-content:space-between}.gear-toolbar select{max-width:70%}.gear-buff-list,.gear-option-grid,.gear-status-grid{grid-template-columns:1fr}.gear-buff-list>div{font-size:12px}.gear-base-values{gap:10px}.gear-base-values>div{padding:18px}.gear-base-values strong{font-size:26px}.gear-property-level{justify-content:space-between}.gear-status h3{font-size:16px}}
