.gear-enhancement-art{position:relative;display:inline-grid;place-items:center;isolation:isolate;max-width:100%;vertical-align:middle}
.gear-enhancement-art .gear-art{position:relative;z-index:1;max-width:100%}
.gear-detail-stage>.gear-enhancement-art{width:100%;height:100%}
.gear-detail-stage .enhancement-level{right:16%;bottom:4%}
.gear-dismantle-preview>.gear-enhancement-art{width:88px;height:88px;flex:none}
.gear-dismantle-preview .gear-art{width:88px;height:88px}
.gear-result>.gear-enhancement-art{width:75px;height:75px;flex:none}
.gear-result .gear-art{width:75px;height:75px}
.enhancement-level{position:absolute;right:3%;bottom:4%;z-index:3;padding:1px 8px;border:1px solid #eed59b88;border-radius:8px;background:#13212ee8;color:#fff0c5;font-size:12px;line-height:1.7;box-shadow:0 3px 12px #0005}
.enhancement-particles{position:absolute;inset:7%;z-index:2;pointer-events:none;background:radial-gradient(circle at 16% 29%,#fff6ce 0 1.5px,transparent 3px),radial-gradient(circle at 78% 20%,#ffe7ab 0 1px,transparent 3px),radial-gradient(circle at 81% 77%,#fff7d1 0 1.5px,transparent 3px),radial-gradient(circle at 27% 83%,#efcf87 0 1px,transparent 2px);animation:enhancement-shimmer 2.8s ease-in-out infinite}
.enhancement-spark .gear-art{filter:drop-shadow(0 0 3px #e9c97055)}
.enhancement-glow:before,.enhancement-aura:before{content:"";position:absolute;inset:9%;z-index:0;border-radius:50%;background:radial-gradient(ellipse,#68dfe34d,transparent 67%);box-shadow:0 0 24px #72e9de35;pointer-events:none}
.enhancement-glow .gear-art{filter:drop-shadow(0 0 8px #6cddeaa8)}
.enhancement-glow .enhancement-level{color:#bafff8;border-color:#79dfd29c}
.enhancement-aura:before{inset:1%;background:radial-gradient(ellipse,#e6c97866,#ad83f43d 42%,transparent 68%);box-shadow:0 0 30px #c89cfa55;animation:enhancement-aura-pulse 3.8s ease-in-out infinite}
.enhancement-aura:after{content:"";position:absolute;inset:9%;border:1px solid #edd09e70;outline:1px solid #b58bec3d;outline-offset:5px;border-radius:50%;z-index:0;box-shadow:0 0 15px #ead49a30;pointer-events:none}
.enhancement-aura .gear-art{filter:drop-shadow(0 0 7px #f5db9ea0) drop-shadow(0 0 13px #ae75ed80)}
.enhancement-aura .enhancement-level{color:#191b31;background:linear-gradient(125deg,#f2dba6,#d5b3f5);font-weight:800}
.enhancement-bag-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 24px 18px}
.enhancement-bag-tools .outline-button{font-size:11px;padding:8px 12px}
.stone-wallet{display:inline-flex;align-items:center;gap:7px;color:#a4ddd9;font-size:12px}.stone-wallet .icon{width:19px;height:19px}.stone-wallet strong{color:#daf9f3}
.batch-dismantle-toolbar{padding:16px;margin:0 24px 18px;border:1px solid #e4c7813d;background:#d0a9660b;border-radius:12px}
.batch-dismantle-toolbar p{font-size:12px;color:#e8d6af}.batch-dismantle-toolbar p small{display:block;color:#e9b095;margin-top:3px}
.batch-dismantle-toolbar>div{display:flex;gap:8px;flex-wrap:wrap;margin-top:11px}.batch-dismantle-toolbar button{font-size:11px;padding:8px 12px}.batch-dismantle-toolbar>small{display:block;color:var(--muted);font-size:10px;margin-top:9px}
.gear-card.is-selected{outline:2px solid #e4c887;outline-offset:-2px;background:radial-gradient(ellipse at 50% 20%,#b2986740,transparent 70%),#263641;box-shadow:0 0 20px #f0c26c17}.gear-card.is-selected .gear-card-top>span:last-child{color:#f4dda1}
.enhancement-detail-panel{margin:15px 0;padding:15px;border:1px solid #76d0bf39;border-radius:13px;background:linear-gradient(140deg,#2645496e,#152636)}
.enhancement-detail-panel>div{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:12px}.enhancement-detail-panel p{color:#c1d2d7;font-size:12px;margin:7px 0 11px}.enhancement-detail-panel small,.gear-detail>small{display:block;color:var(--muted);font-size:10px;margin-top:9px}
.enhancement-button{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:1px solid #eed38b6b;border-radius:9px;padding:10px 17px;background:linear-gradient(135deg,#e6cc8b,#c2aa71);color:#162d33;font-size:12px;font-weight:700;box-shadow:0 4px 13px #0002}.enhancement-button:hover:not(:disabled){filter:brightness(1.08)}
.enhancement-detail-panel .enhancement-button{width:100%}
.enhancement-preview{text-align:center}.enhancement-preview>.gear-enhancement-art{width:155px;height:155px;margin:3px auto 14px}.enhancement-preview .gear-art{width:155px;height:155px;object-fit:contain}.enhancement-preview h3{font-size:17px;color:#eedebd}
.enhancement-stat-comparison{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0}.enhancement-stat-comparison p{padding:12px 8px;border:1px solid #ffffff10;border-radius:10px;background:#ffffff04}.enhancement-stat-comparison span{display:block;font-size:10px;color:var(--muted);margin-bottom:5px}.enhancement-stat-comparison strong{font-size:12px;color:#e8d5ad}.enhancement-stat-comparison p:last-child strong{color:#9de0ce}
.enhancement-odds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:17px 0}.enhancement-odds>div{padding:11px 5px;border:1px solid #ffffff0f;border-radius:10px;text-align:center;background:#ffffff04}.enhancement-odds span{display:block;font-size:10px;color:var(--muted)}.enhancement-odds b{display:block;font-size:21px;color:#a3dbc3}.enhancement-odds>div:last-child b{color:#e1a79b}.enhancement-cost{text-align:center;color:#e9d7a6;font-size:13px}.enhancement-cost small{color:var(--muted);font-size:10px}
.enhancement-result{text-align:center}.enhancement-result>.gear-enhancement-art{width:190px;height:190px;margin:8px auto 20px}.enhancement-result .gear-art{width:190px;height:190px;object-fit:contain}.enhancement-result h3{font-size:20px;color:#b3dbd4;margin-bottom:9px}.enhancement-result>strong{color:#e9d8b6;font-size:15px}.enhancement-result p{margin:8px 0;color:#b4c9cc;font-size:12px}.enhancement-result small{color:var(--muted);font-size:10px}.result-downgrade h3{color:#e6ac9e}.result-unchanged h3{color:#e9ca8e}.stone-reward{color:#a8ded1;font-size:16px;text-align:center}
.batch-dismantle-list{max-height:310px;overflow-y:auto;margin:16px 0;border:1px solid #ffffff12;border-radius:12px}.batch-dismantle-list>div{display:flex;align-items:center;gap:12px;padding:8px 12px;border-bottom:1px solid #ffffff09}.batch-dismantle-list .gear-enhancement-art{width:65px;height:65px;flex:none}.batch-dismantle-list .gear-art{width:65px;height:65px;object-fit:contain}.batch-dismantle-list strong{display:block;color:#e3d5b5;font-size:12px}.batch-dismantle-list small{display:block;color:#a4dace;font-size:10px}.batch-dismantle-list .enhancement-level{font-size:8px;padding:0 4px;right:-2px;bottom:0}
.enhancement-table-scroll{overflow-x:auto;margin:16px 0}.enhancement-rates-table{border-collapse:collapse;width:100%;min-width:385px;font-size:11px;text-align:center}.enhancement-rates-table th{padding:10px 8px;background:#263b48;color:#c8d0c6;font-weight:500}.enhancement-rates-table td{padding:9px 8px;border-bottom:1px solid #ffffff0b;color:#b5c7ce}.enhancement-rates-table td:first-child{color:#eed5a0;font-weight:700}.enhancement-rates-table tr:nth-child(even){background:#ffffff03}
@keyframes enhancement-shimmer{0%,100%{opacity:.35}50%{opacity:1}}
@keyframes enhancement-aura-pulse{0%,100%{opacity:.7;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}
@media(max-width:600px){.enhancement-bag-tools{margin:0 17px 15px;gap:8px}.stone-wallet{font-size:11px}.batch-dismantle-toolbar{margin:0 17px 16px;padding:13px}.enhancement-stat-comparison{grid-template-columns:1fr;gap:7px}.enhancement-preview h3{font-size:15px}.enhancement-bag-tools .outline-button{font-size:10px}.enhancement-detail-panel{padding:13px}.enhancement-odds b{font-size:19px}.gear-dismantle-preview>.gear-enhancement-art,.gear-dismantle-preview .gear-art{width:70px;height:70px}.gear-result>.gear-enhancement-art,.gear-result .gear-art{width:65px;height:65px}}
@media(prefers-reduced-motion:reduce){.enhancement-particles,.enhancement-aura:before{animation:none}}
.reduced .enhancement-particles,.reduced .enhancement-aura:before{animation:none}

/* Give every equipment illustration a definite square before sizing its image.
   Absolute images cannot enlarge a grid's intrinsic track and cover the stats. */
.gear-enhancement-art{
 --gear-art-size:128px;
 display:block;width:min(var(--gear-art-size),100%);height:auto;
 aspect-ratio:1;max-height:100%;min-width:0;min-height:0;
 flex:0 0 auto;overflow:hidden;contain:paint;
}
.gear-enhancement-art>.gear-art{
 position:absolute;inset:0;width:100%;height:100%;max-width:100%;max-height:100%;
 object-fit:contain;object-position:center;
}
.gear-stage{overflow:hidden;min-width:0;min-height:0}
.gear-slot .gear-enhancement-art{--gear-art-size:148px}
.gear-card .gear-enhancement-art{--gear-art-size:112px}
.gear-detail-stage{display:flex;align-items:center;justify-content:center;overflow:hidden}
.gear-detail-stage>.gear-enhancement-art{--gear-art-size:184px;width:min(var(--gear-art-size),100%);height:auto;max-height:100%}
.gear-detail-stage .enhancement-level{right:3%;bottom:4%}
.gear-dismantle-preview>.gear-enhancement-art{--gear-art-size:80px;width:min(var(--gear-art-size),100%);height:auto}
.gear-result>.gear-enhancement-art{--gear-art-size:68px;width:min(var(--gear-art-size),100%);height:auto}
.enhancement-preview>.gear-enhancement-art{--gear-art-size:140px;width:min(var(--gear-art-size),100%);height:auto}
.enhancement-result>.gear-enhancement-art{--gear-art-size:160px;width:min(var(--gear-art-size),100%);height:auto}
.batch-dismantle-list .gear-enhancement-art{--gear-art-size:60px;width:min(var(--gear-art-size),100%);height:auto}
.gift-code-loot>div>.gear-enhancement-art{--gear-art-size:68px}
.gift-code-loot>.gear-enhancement-art{margin:auto}
.gear-result>div,.gear-dismantle-preview>div,.batch-dismantle-list>div>span,.gift-code-loot>div>span:last-child{min-width:0;overflow-wrap:anywhere}
.gear-slot>strong,.gear-slot>small,.gear-card>strong,.gear-card>small,.gear-detail h3,.gear-detail-bonus{max-width:100%;overflow-wrap:anywhere}
.gift-code-loot .gear-enhancement-art .enhancement-level{font-size:10px;padding:1px 5px}
@media(max-width:700px){.gear-slot .gear-enhancement-art{--gear-art-size:96px}}
@media(max-width:600px){
 .gear-slot .gear-enhancement-art{--gear-art-size:84px}
 .gear-card .gear-enhancement-art{--gear-art-size:104px}
 .gear-detail-stage>.gear-enhancement-art{--gear-art-size:154px}
 .gear-dismantle-preview>.gear-enhancement-art{--gear-art-size:64px}
 .gear-result>.gear-enhancement-art,.gift-code-loot>div>.gear-enhancement-art{--gear-art-size:60px}
 .enhancement-result>.gear-enhancement-art{--gear-art-size:140px}
}