.gear-icon{position:relative;display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border:1px solid #708ba8;border-radius:7px;background:linear-gradient(145deg,#324864,#101c32);box-shadow:inset 0 1px #ffffff35;flex-shrink:0}.gear-icon .item-art{width:26px;height:26px;object-fit:contain;image-rendering:pixelated;pointer-events:none}.gear-icon.tier-3{border-color:#b598f0;box-shadow:inset 0 1px #eee5ff66,0 0 5px #926ad536}.gear-icon.tier-4{border-color:#ffe197;background:linear-gradient(145deg,#574220,#191e37);box-shadow:inset 0 1px #fff4c4,0 0 7px #ffcb5355}.gear-icon small{position:absolute;bottom:-3px;right:-3px;font-size:10px;color:#fff2c6;background:#151e35;border-radius:4px;padding:0 3px}.item-slot{touch-action:none!important}.item-slot>small{display:none}.item-slot .gear-icon{width:100%;height:100%;min-width:25px;min-height:25px}.item-slot .item-art{width:80%;height:80%}.equipped-item{padding:0;background:none;border:0;touch-action:none}.equipped-item .gear-icon{width:30px;height:30px}.gear-lifted{opacity:.3!important;transform:translateY(-3px)}.gear-compatible{outline:2px solid #7cdbba;box-shadow:0 0 12px #62eac458!important}.gear-hover{outline-color:#fff1a1!important;filter:brightness(1.3)}#gear-drag-ghost,.gear-flight{position:fixed;left:0;top:0;pointer-events:none;z-index:2000;width:50px;height:50px;filter:drop-shadow(0 7px 5px #0009)}#gear-drag-ghost .gear-icon{width:50px;height:50px}#gear-drag-ghost .item-art{width:38px;height:38px}#gear-drag-ghost>.gear-drag-caption{display:block;position:absolute;top:55px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#15243bea;border:1px solid #859eb9;border-radius:7px;padding:5px 8px;font-size:12px;color:#fff}#gear-drag-ghost[data-valid=true]>.gear-drag-caption{color:#b7ffcc;border-color:#82ebbd}.gear-dragging,.gear-dragging *{cursor:grabbing!important;user-select:none!important}#gear-drop-target{position:fixed;z-index:1900;pointer-events:none;transform:translate(-50%,-50%);border:2px solid;border-radius:50%;width:56px;height:38px;text-align:center;font-size:26px;background:#07223766}#gear-drop-target.valid{color:#a7ffba;box-shadow:0 0 18px #7effa7}#gear-drop-target.invalid{color:#ff8181}.gear-flight .gear-icon{width:44px;height:44px}#gear-workshop{position:fixed;inset:0;background:#071021a8;z-index:1800;display:flex;align-items:center;justify-content:center;padding:10px;backdrop-filter:blur(2px)}#gear-workshop[hidden]{display:none}.gear-panel{width:min(580px,96vw);max-height:94dvh;overflow:auto;background:linear-gradient(145deg,#27375c,#101b33);color:#f5f4ed;border:2px solid #91a4c8;border-radius:17px;box-shadow:0 12px 70px #000c,inset 0 2px #d8e1f551;padding:16px}.gear-panel header,.gear-panel footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.gear-panel header{font-size:21px;font-weight:900}.gear-panel button{border:1px solid #657caa;border-radius:8px;background:#253659;color:#f5f4ed;padding:7px;cursor:pointer}.gear-panel button:disabled{opacity:.4;cursor:default}.gear-note{font-size:12px;color:#b8c9df;margin:9px 0}.gear-materials{display:flex;gap:10px;justify-content:center;align-items:center;margin:14px 0}.gear-material{background:#0d1830;border:1px solid #69819f;box-shadow:inset 0 3px 8px #0007;border-radius:9px;width:118px;min-height:85px;padding:9px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:7px}.gear-material span,.gear-material small{font-size:11px}.gear-material>b{font-size:28px;color:#6e85a3}.gear-choices,.gear-third{display:flex;flex-wrap:wrap;gap:7px}.gear-choices button{display:flex;align-items:center;gap:7px;flex:1 1 160px;text-align:left}.gear-choices small{display:block;color:#b9cadd;font-size:11px}.gear-choices .selected{border-color:#ffe393;background:#50452d}.gear-third{margin-top:9px}.gear-third button{display:flex;align-items:center;gap:6px}.gear-third span{font-size:11px}.gear-result{display:flex;align-items:center;gap:13px;padding:14px;margin:13px 0;background:#07152ba0;border:1px solid #6f819a;border-radius:9px}.gear-result p{font-size:13px;line-height:1.6;margin:4px 0 0}.gear-panel .event-gold-button{color:#33291a;background:linear-gradient(#ffe79d,#dcae43);border-color:#ffe8a7}.gear-forged{position:fixed;top:50%;left:50%;z-index:2100;pointer-events:none;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:10px;text-shadow:0 2px 4px #000;color:#fff1ab}.gear-forged .gear-icon{width:84px;height:84px;box-shadow:0 0 50px #ffe28c}.gear-forged .item-art{width:60px;height:60px}.gear-forged b{font-size:24px}.gear-catalog{display:grid;gap:7px}.gear-catalog button{display:flex;gap:8px;align-items:center;background:#15223b;border:1px solid #536781;border-radius:8px;padding:8px;color:#eff2ff;text-align:left}.gear-catalog button>span{flex:1}.gear-catalog b,.gear-catalog small,.gear-catalog em{display:block}.gear-catalog small{color:#a1b3ca;font-size:10px;margin:3px 0}.gear-catalog em{font-size:11px;font-style:normal;color:#cbdcc4}.gear-catalog i{font-style:normal;border:1px solid #8d9db3;border-radius:4px;padding:2px 5px}.gear-catalog .gear-icon{flex:0 0 34px}
@media(max-height:480px){.gear-panel{padding:10px;width:min(650px,92vw)}.gear-panel header{font-size:17px}.gear-materials{margin:6px 0;gap:7px}.gear-material{min-height:62px;padding:5px;gap:3px}.gear-result{margin:7px 0;padding:8px}.gear-note{margin:5px 0;font-size:10px}.gear-panel .gear-icon{width:28px;height:28px}.gear-panel .item-art{width:23px;height:23px}.gear-panel button{padding:5px}.gear-panel .gear-choices small{font-size:10px}}
@media(prefers-reduced-motion:reduce){.gear-lifted{transform:none}}

.bench-gear{position:absolute;display:flex;gap:2px;left:50%;top:-17px;transform:translateX(-50%);z-index:3}.bench-gear button{padding:0;border:0;background:none;touch-action:none}.bench-gear .gear-icon{width:15px;height:15px;border-radius:3px}.bench-gear .item-art{width:12px;height:12px}.bench-gear small{display:none}

.gear-stat-preview{position:absolute;top:84px;left:30px;width:210px;background:#14213bea;border:1px solid #829fbd;border-radius:8px;padding:8px;color:#eef7ff;font-size:11px}.gear-stat-preview .equip-preview{margin:0;padding:0;background:none}.gear-stat-preview p{margin:3px 0}.gear-stat-preview small{display:block;font-size:10px}.gear-stat-preview [hidden]{display:none}@media(max-height:480px){.gear-stat-preview{top:-120px;left:52px;width:190px;font-size:10px;max-height:150px;overflow:hidden}}