.hero-top .hero-avatar{display:block;flex:0 0 72px;width:72px;height:72px;padding:0;overflow:hidden;border:1px solid #b59b6670;border-radius:9px;background:#26322f;cursor:zoom-in}
.hero-avatar img{display:block;width:100%;height:100%;object-fit:contain}
.hero-top>div{min-width:0}
#hero-portrait-dialog{width:312px;max-width:calc(100vw - 32px);padding:24px;text-align:center}
#hero-portrait-dialog h2{margin:0 0 16px}
#hero-portrait-image img{display:block;width:256px;max-width:100%;height:auto;aspect-ratio:1;margin:0 auto;border-radius:10px;image-rendering:auto}
#hero-portrait-copy{margin-top:12px}
#hero-portrait-dialog .dialog-actions{justify-content:center;margin-top:18px}
#hero-chest-dialog{width:360px;max-width:calc(100vw - 32px);padding:24px;text-align:center}
#hero-chest-dialog h2{margin:0 0 16px}
#hero-chest-dialog .hero-chest-item{font-size:18px;margin:8px 0}
#hero-chest-dialog .dialog-actions{justify-content:center;margin-top:18px}
.gear-chest{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#ffffff08;border-radius:7px}
.gear-chest>div{flex:1;min-width:0}
.gear-chest b{display:block;font-size:var(--fs12);white-space:nowrap}
.gear-chest small{display:block;font-size:var(--fs9);margin-top:4px}
.gear-chest button{flex:0 1 auto;padding:10px 12px}
.gear-heroes{display:flex;gap:6px;overflow-x:auto;margin:14px 0 12px;padding-bottom:4px}
.gear-heroes button{flex:0 0 64px;padding:5px 3px;display:flex;flex-direction:column;align-items:center;gap:3px;position:relative}
.gear-heroes button[aria-pressed="true"]{border-color:#d4b87b;background:#d4b87b1c}
.gear-heroes small{font-size:var(--fs9);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gear-heroes i{position:absolute;top:3px;right:3px;font-style:normal;font-size:var(--fs8);color:#c9d3bd;background:#15231ccc;border-radius:3px;padding:1px 3px}
.gear-hero-face{width:44px;height:44px;border-radius:6px;overflow:hidden;background:#26322f}
.gear-hero-face img,.gear-face img{display:block;width:100%;height:100%;object-fit:contain}
.gear-doll{display:grid;grid-template-columns:104px minmax(0,1fr);gap:10px;align-items:start}
.gear-face{text-align:center}
.gear-face img{width:104px;height:104px;border:1px solid #b59b6670;border-radius:9px;background:#26322f}
.gear-face b{display:block;font-size:var(--fs12);margin-top:6px}
.gear-face small{display:block;font-size:var(--fs9);margin-top:2px}
.gear-slots{display:grid;gap:8px}
.gear-slot{display:flex;align-items:center;gap:10px;text-align:left;padding:9px 10px;min-height:62px;border-color:#76876566}
.gear-slot.empty{border-style:dashed}
.gear-slot[aria-pressed="true"]{border-color:#d4b87b;background:#d4b87b1c;box-shadow:inset 3px 0 #d4b87b}
.gear-slot-icon{flex:0 0 34px;height:34px;display:grid;place-items:center;border-radius:7px;background:#ffffff0a;color:#c9b27b}
.gear-slot-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}
.gear-slot small{display:block;font-size:var(--fs9)}
.gear-slot b{display:block;font-size:var(--fs12);margin:2px 0}
.gear-slot .gear-empty{color:#98a99b;font-weight:400}
.gear-detail .metric-row{padding-top:0}
.gear-sub{font-size:var(--fs11);font-weight:500;color:#b5c0aa;margin:14px 0 4px}
.gear-detail>.gear-sub:first-child{margin-top:0}
.gear-list{list-style:none;margin:0;padding:0}
.gear-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #ffffff09}
.gear-row>span{flex:1;min-width:0}
.gear-row b{display:block;font-size:var(--fs11);font-weight:500}
.gear-row small{display:block;font-size:var(--fs9);margin-top:3px}
.gear-row button{flex:0 0 auto;padding:7px 14px;font-size:var(--fs10)}
.gear-unequip{margin-top:12px}
.gear-rules{margin-top:16px;font-size:var(--fs10);color:#aebba1}
.gear-rules summary{cursor:pointer;padding:6px 0}
.gear-mat-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-top:4px}
.gear-mat-head .text-button{font-size:var(--fs10);color:#d4b87b;white-space:nowrap}
.gear-mats{max-height:260px;overflow-y:auto;border:1px solid #ffffff0d;border-radius:6px;padding:0 10px}
.gear-mat{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #ffffff09;cursor:pointer}
.gear-mats li:last-child .gear-mat{border-bottom:0}
.gear-mat input{width:18px;height:18px;margin:0;accent-color:#d4b87b;flex:0 0 auto}
.gear-mat>span{flex:1;min-width:0}
.gear-mat b{font-size:var(--fs11);font-weight:500}
.gear-mat small{font-size:var(--fs10);color:#c9b27b;white-space:nowrap}
.gear-mat:has(input:checked){background:#d4b87b0d}
.gear-mat-sum{margin:8px 0}