/* Avatar Market: INFO button and the avatar details dialog */
.hero-info-btn{padding:6px 18px;border:0;border-radius:999px;background:linear-gradient(180deg,#2f8cff,#1c5fd1);color:#fff;font:800 12px 'Segoe UI',sans-serif;letter-spacing:.06em;cursor:pointer;box-shadow:0 2px 8px #1c5fd155}
.hero-info-btn:hover{filter:brightness(1.15)}
.hero-foot .mk-actions{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap}

.mk-dialog.hero-info-dialog{width:min(1120px,96vw);max-width:none;max-height:92vh;overflow:auto;padding:22px 24px}
.hero-info-head{display:flex;align-items:center;gap:18px;margin:0 36px 16px 0;padding-bottom:14px;border-bottom:1px solid #ffffff14}
.hero-info-head>.hero-art{position:static;transform:none;width:74px;height:94px;flex:none;filter:drop-shadow(0 6px 8px #000a)}
.hero-info-who h2{margin:0;font-size:22px;color:#fff}
.hero-info-who small{color:#8fa3b2;font-size:13px}
.hero-info-head .hero-stats{margin-left:auto;flex:0 1 460px}
.hero-info-body{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:18px;align-items:start}
.hero-info-body .hero-empty{grid-column:1/-1}
.hero-info-body .hero-equipment-column,.hero-info-body .hero-detail-column{min-width:0}

.hero-info-score>header{display:flex;align-items:center;gap:8px}
.hero-info-score>header>b{color:#ff9a3c;font-size:22px}
.hero-sum-toggle{margin-left:auto;display:flex;align-items:center;gap:8px;cursor:pointer;color:#dfe7ee;font:600 13px 'Segoe UI',sans-serif;user-select:none}
.hero-sum-toggle input{position:absolute;opacity:0;pointer-events:none}
.hero-sum-toggle i{width:40px;height:20px;border-radius:999px;background:#2a3645;position:relative;transition:background .15s}
.hero-sum-toggle i::after{content:'';position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#c9d4de;transition:left .15s}
.hero-sum-toggle input:checked+i{background:#e8641f}
.hero-sum-toggle input:checked+i::after{left:22px;background:#fff}
.hero-sum-toggle input:focus-visible+i{outline:2px solid #ff9a3c;outline-offset:2px}
.hero-score-item{margin-top:10px;padding:8px 10px;border-radius:8px;background:#0b1a26;border:1px solid #1f3446}
.hero-score-item>header{display:flex;justify-content:space-between;color:#9fd0ff;font:700 13px 'Segoe UI',sans-serif}
.hero-score-item>header b{color:#b98cff}
.hero-info-score h4{margin:14px 0 6px;color:#ff9a3c;font-size:13px;letter-spacing:.04em}

@media (max-width:820px){
 .hero-info-body{grid-template-columns:1fr}
 .hero-info-head{flex-wrap:wrap}
 .hero-info-head .hero-stats{margin-left:0;flex-basis:100%}
}
.hero-line .hero-tip{display:inline-grid;place-items:center;width:13px;height:13px;margin-left:6px;border:1px solid #8fa3b2;border-radius:50%;font:700 9px/1 'Segoe UI',sans-serif;font-style:normal;color:#8fa3b2;cursor:help;vertical-align:middle}
.hero-line b{color:#ff9a3c}