/* Five slots per side (Linh thú at the bottom of the right column) and the mask at
   top centre. Slots are placed without transforms so the hover lift never moves them. */
.paper-doll{height:420px}
.paper-doll .gear-slot{transform:none}
.paper-doll .gear-slot[data-equip-slot=vukhi],.paper-doll .gear-slot[data-equip-slot=daobao],.paper-doll .gear-slot[data-equip-slot=chan],.paper-doll .gear-slot[data-equip-slot=giay],.paper-doll .gear-slot[data-equip-slot=gioi]{left:0;right:auto}
.paper-doll .gear-slot[data-equip-slot=phapbao],.paper-doll .gear-slot[data-equip-slot=ngoc],.paper-doll .gear-slot[data-equip-slot=phaptran],.paper-doll .gear-slot[data-equip-slot=dichuyen],.paper-doll .gear-slot[data-equip-slot=linhthu]{left:auto;right:0}
.paper-doll .gear-slot[data-equip-slot=matna]{left:0;right:0;margin:0 auto;top:0}
.paper-doll .gear-slot[data-equip-slot=vukhi],.paper-doll .gear-slot[data-equip-slot=phapbao]{top:0px}
.paper-doll .gear-slot[data-equip-slot=daobao],.paper-doll .gear-slot[data-equip-slot=ngoc]{top:84px}
.paper-doll .gear-slot[data-equip-slot=chan],.paper-doll .gear-slot[data-equip-slot=phaptran]{top:168px}
.paper-doll .gear-slot[data-equip-slot=giay],.paper-doll .gear-slot[data-equip-slot=dichuyen]{top:252px}
.paper-doll .gear-slot[data-equip-slot=gioi],.paper-doll .gear-slot[data-equip-slot=linhthu]{top:336px}
.paper-doll .gear-slot.occupied:hover{transform:translateY(-2px)}
@media(max-width:700px){.paper-doll{height:352px}
 .paper-doll .gear-slot[data-equip-slot=vukhi],.paper-doll .gear-slot[data-equip-slot=phapbao]{top:0px}
 .paper-doll .gear-slot[data-equip-slot=daobao],.paper-doll .gear-slot[data-equip-slot=ngoc]{top:70px}
 .paper-doll .gear-slot[data-equip-slot=chan],.paper-doll .gear-slot[data-equip-slot=phaptran]{top:140px}
 .paper-doll .gear-slot[data-equip-slot=giay],.paper-doll .gear-slot[data-equip-slot=dichuyen]{top:210px}
 .paper-doll .gear-slot[data-equip-slot=gioi],.paper-doll .gear-slot[data-equip-slot=linhthu]{top:280px}
}
.affix-list{display:grid;gap:9px;margin:14px 0;color:#a8e2d7}
.affix-row{display:grid;grid-template-columns:1fr auto;gap:4px 12px}
.affix-row small{color:#8c9fab;font-size:10px}
.affix-row progress{grid-column:1/-1;width:100%;height:4px;accent-color:#78d5bf}
#combat-wheel #shield-skill{position:absolute!important;left:5%;top:-31%;width:25%;height:25%;padding:4px;border-radius:50%;border:2px solid #80c6cf;background:radial-gradient(circle,#244b63,#0d1f31);overflow:hidden;pointer-events:auto;color:#e4fbff;touch-action:manipulation;min-height:0}
#shield-skill[hidden]{display:none!important}
#shield-skill img{width:100%;height:100%;object-fit:contain;pointer-events:none}
#shield-skill span{position:absolute;bottom:0;left:0;width:100%;font:bold 10px Arial;text-shadow:0 1px 3px #000}
#shield-skill.shield-active{box-shadow:0 0 14px #78d5bf}
#shield-skill:disabled{opacity:.7}
@media(max-width:700px){.gear-preview{height:352px!important}}
.gm-catalog-tools{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.gm-catalog-tools input,.gm-catalog-tools select{max-width:100%;box-sizing:border-box;padding:10px;border:1px solid #607c80;border-radius:6px;background:#102731;color:#d8e7dd}.gm-catalog-tools input{flex:1;min-width:150px}.gm-catalog .visual-action{min-height:34px}.gm-catalog .item-class-requirement{font-size:11px;color:#9de0bd}

#gm-equipment-button[hidden]{display:none!important}
.gm-realm-controls{border:1px solid #638c83;border-radius:10px;padding:14px;background:#19343b;margin:0 0 20px}.gm-realm-controls h3{margin:0 0 10px;color:#efd8a4}.gm-realm-controls label{display:grid;gap:5px;font-size:12px;color:#c4dcd4}.gm-realm-controls output{display:block;font-size:12px;color:#a5edc4;margin:10px 0}.gm-realm-controls .visual-action{min-height:40px}
.attribute-row{display:grid;grid-template-columns:minmax(100px,1fr) 80px auto;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #ffffff12}.attribute-row label{display:grid;gap:5px}.attribute-row label b{color:#e8d7ad;font-size:14px}.attribute-row small{font-size:11px;color:#a8bfbc}.attribute-row input{width:100%;min-height:40px;box-sizing:border-box;padding:8px;border:1px solid #688e88;background:#10262d;color:#ebefd7;border-radius:7px;font-size:16px}.attribute-row button{font-size:11px!important;min-height:40px;padding:6px 10px!important}#attribute-allocation .attribute-suggest button{width:100%;margin-top:12px;min-height:42px;text-align:center;background:linear-gradient(#a8773a,#6e4a20);color:#fff6dc;border:1px solid #e3b866;border-radius:7px;font-weight:700}#attribute-allocation output{display:block;font-size:12px;color:#b5d7c2;margin:14px 0}#attribute-allocation>button{width:100%;text-align:center;background:#315e53}#attribute-allocation>button:disabled{opacity:.45}@media(max-width:430px){.attribute-row{grid-template-columns:minmax(90px,1fr) 66px auto;gap:6px}.attribute-row small{font-size:10px}}

 /* ============ CHI TIẾT TRANG BỊ HIỆN ĐẠI (THEO MẪU MMORPG) ============ */
.item-detail-panel{display:flex;flex-direction:column;gap:12px;min-width:260px}
.item-detail-header{display:flex;gap:16px;align-items:flex-start;padding:12px;background:linear-gradient(135deg,#1f2a33,#141c23);border:1px solid #3d4a55;border-radius:12px}
.item-detail-icon{width:96px;height:96px;flex-shrink:0;border:2px solid #445560;border-radius:10px;background:#0b1218;display:grid;place-items:center;overflow:hidden}
.item-detail-icon img{width:78%;height:78%;object-fit:contain;filter:drop-shadow(0 0 8px rgba(0,0,0,.6))}
.item-detail-info{flex:1;min-width:0}
.item-detail-name{display:flex;align-items:center;gap:8px;font:bold 20px 'Noto Serif',Georgia,serif;color:#f0d9a5;margin:0 0 4px;text-shadow:0 1px 3px #000}
.item-detail-enhance{font:bold 14px sans-serif;color:#ffdc65;margin-left:auto}
.item-detail-rarity-stars{display:flex;gap:4px;margin:2px 0 0}
.item-detail-rarity-stars .star{width:12px;height:12px;flex-shrink:0;background:#33414c;border-radius:2px;box-shadow:inset 0 0 0 1px #556}
.item-detail-rarity-stars .star.filled{background:#f0d9a5;box-shadow:0 0 6px #f0d9a5}
.item-detail-meta{display:flex;gap:14px;font:12px sans-serif;color:#9fb0c0;margin:4px 0 8px}
.item-detail-meta span{padding:2px 8px;background:#1a242c;border-radius:6px;border:1px solid #33424d}
.item-detail-meta .meta-grade{color:#8fd8a0}
.item-detail-meta .meta-level{color:#a0b8d0}
.item-detail-divider{height:1px;background:linear-gradient(90deg,transparent,#3d4a55,transparent);margin:6px 0}
.item-detail-stats{display:flex;flex-direction:column;gap:6px}
.item-detail-stat{display:flex;justify-content:space-between;gap:10px;font:13px 'Noto Serif',Georgia,serif;color:#e8e2d0;padding:4px 0;border-bottom:1px solid #243038}
.item-detail-stat:last-child{border:none}
.item-detail-stat .stat-name{color:#b8c4d0;font-size:12px}
.item-detail-stat .stat-value{font-weight:bold;color:#f0d9a5;text-shadow:0 0 8px rgba(240,217,165,.3)}
.item-detail-stat .stat-refined{color:#7fd8a0;font-size:11px;margin-left:6px}
.item-detail-stat .stat-value.rarity-pham{color:#d4cbb6}
.item-detail-stat .stat-value.rarity-huyen{color:#70df9c}
.item-detail-stat .stat-value.rarity-linh{color:#6fc8ff}
.item-detail-stat .stat-value.rarity-tien{color:#cf9cff}
.item-detail-stat .stat-value.rarity-than{color:#ffcc70}
.item-detail-awaken{font:italic 11px sans-serif;color:#6fb0d8;margin:4px 0 0;padding:6px 10px;background:#131c24;border:1px dashed #3a5568;border-radius:6px;display:none}
.item-detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.item-detail-actions .visual-action{flex:1;min-width:110px;font-size:12px!important}
.item-detail-note{font:11px sans-serif;color:#8fa0b0;margin-top:6px;padding:6px 10px;background:#0f1720;border-radius:6px}
.rarity-label{font:bold 11px sans-serif;text-transform:uppercase;letter-spacing:.5px;padding:2px 8px;border-radius:10px;display:inline-block}
.rarity-pham-label{color:#d4cbb6;border:1px solid #d4cbb633;background:#d4cbb611}
.rarity-huyen-label{color:#70df9c;border:1px solid #70df9c33;background:#70df9c11}
.rarity-linh-label{color:#6fc8ff;border:1px solid #6fc8ff33;background:#6fc8ff11}
.rarity-tien-label{color:#cf9cff;border:1px solid #cf9cff33;background:#cf9cff11}
.rarity-than-label{color:#ffcc70;border:1px solid #ffcc7033;background:#ffcc7011}