.gear-icon.item-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;padding:0;border:0;background:none;box-shadow:0 2px 5px #47311930;border-radius:11px;vertical-align:middle;overflow:visible}
.gear-icon.item-icon img{display:block;width:100%;height:100%;object-fit:contain;border-radius:inherit}
.item-icon.quality-2:after,.item-icon.quality-3:after{content:'';position:absolute;width:9px;height:9px;right:1px;bottom:1px;border-radius:50%;border:1px solid #fff0be;background:#9368b6;box-shadow:0 0 0 1px #513520}
.item-icon.quality-3:after{background:#f6a819;box-shadow:0 0 7px #f6a819}
.gear-icon.item-icon-empty{filter:grayscale(.8);opacity:.38;box-shadow:none}
.gear-icon.item-icon-small{width:28px;height:28px;border-radius:5px}
.item-icon-small:after{display:none}.set-mark{position:absolute;top:-4px;right:-5px;background:#684680;color:#fff8e2;font:normal 10px/16px 'Microsoft YaHei',sans-serif;padding:0 3px;border:1px solid #eddaad;border-radius:4px}
.gear-materials{align-items:center;gap:10px 18px}.gear-materials>span{display:flex;align-items:center;gap:6px;white-space:nowrap}
.gem-activation{display:flex;align-items:flex-start;gap:14px;margin:14px 0;padding:16px;border:1px solid #c9b791;background:#f1ead5;border-radius:12px;color:#50624c}
.gem-activation.is-active{background:#e8efdb;border-color:#879d68}.gem-activation h3{margin:0 0 6px;font-size:17px}.gem-activation p{margin:5px 0;line-height:1.65;font-size:13px}.gem-activation ul{list-style:none;padding:0;margin:8px 0 0;font-size:14px;line-height:1.85}.gem-activation .active{color:#34604a}.gem-activation .inactive{color:#82644a}.gem-activation small{font-size:12px}
.manual-target{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.manual-target select{flex-basis:100%}
#usePendant{display:flex;gap:7px;align-items:center;justify-content:center}.training-tools #trainingCore,.training-tools #trainingBase{border-color:#b69b5c;background:#f8e9bc}.training-tools button:disabled{opacity:.45}
@media(max-width:760px){.gear-icon.item-icon{width:56px;height:56px}.gear-icon.item-icon-small{width:25px;height:25px}.gear-materials{gap:8px 12px;font-size:12px}.gem-activation{padding:12px;gap:10px}.gem-activation h3{font-size:15px}.gem-activation ul{font-size:12px}.gear-services{grid-template-columns:repeat(2,minmax(0,1fr))}.gear-services article h3{font-size:16px}}
@media(max-width:400px){.gear-services{grid-template-columns:1fr}}

/* The small inset is the separately referenced light sword. */
.gear-icon.item-icon .item-icon-secondary{position:absolute;right:-5px;bottom:-4px;width:48%;height:48%;border-radius:5px;box-shadow:0 1px 4px #38271670}
.item-icon-dual.quality-2:after,.item-icon-dual.quality-3:after{right:auto;left:1px}
.item-art-source{margin:9px 0 0!important;font-size:12px!important;line-height:1.7!important}.item-art-source a{display:block;color:#6c5d40;text-underline-offset:3px}

/* JX3 wind/water buff icons identify the special-effect family. */
.gear-icon.item-icon .item-effect-icon{position:absolute;right:-4px;bottom:-4px;width:34%;height:34%;border-radius:4px;box-shadow:0 1px 3px #38271670}
.item-icon-effect.quality-2:after,.item-icon-effect.quality-3:after{right:auto;left:1px}
.active-item-effects{display:flex;flex-wrap:wrap;gap:10px 20px;padding:8px 0}.active-item-effects>span{display:inline-flex;align-items:center;gap:8px;font-size:13px;line-height:1.6}
.upgrade-art-source{display:block;margin:8px 0;font-size:12px}