
.profile-summary{margin-top:14px;padding:14px;border:1px solid rgba(135,171,207,.14);border-left:3px solid var(--mis-gold);border-radius:8px;background:rgba(2,10,18,.22)}
.profile-summary>div:first-child span{display:block;color:var(--mis-muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:3px}
.profile-summary-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.profile-summary-grid span{padding:6px 9px;border:1px solid rgba(135,171,207,.12);border-radius:999px;color:var(--mis-muted);font-size:10px}
.profile-summary-grid b{color:var(--mis-text)}
details>summary{cursor:pointer;display:flex;justify-content:space-between;gap:10px;align-items:center}
details>summary small{display:block;color:var(--mis-muted);margin-top:3px}
.profile-edit-wrap{margin-top:16px;padding-top:16px;border-top:1px solid rgba(135,171,207,.12)}
.profile-field-block{margin-bottom:18px}
.profile-field-title{margin-bottom:8px;color:#fff;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.troop-choice-block{display:grid;grid-template-columns:130px 1fr 1fr;gap:12px;align-items:start}
.chip-row{display:flex;flex-wrap:wrap;gap:7px}
.select-chip input{position:absolute;opacity:0;pointer-events:none}
.select-chip span{display:inline-flex;align-items:center;justify-content:center;min-width:52px;min-height:40px;padding:7px 10px;border:1px solid rgba(135,171,207,.18);border-radius:7px;background:rgba(2,10,18,.20);color:#aabbd0;cursor:pointer;font-size:12px;font-weight:700}
.select-chip input:checked+span{color:#171207;background:linear-gradient(180deg,var(--mis-gold2),var(--mis-gold));border-color:var(--mis-gold)}
.hero-v2-grid{display:grid;grid-template-columns:repeat(5,minmax(110px,1fr));gap:8px}
.hero-v2-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;padding:10px 12px;border:1px solid rgba(135,171,207,.14);border-radius:7px;background:rgba(2,10,18,.20)}
.hero-v2-toggle input{width:20px!important;height:20px!important;min-height:0!important;margin:0!important}
@media(max-width:820px){
  .profile-summary-grid{display:grid;grid-template-columns:1fr 1fr}
  .profile-summary-grid span{border-radius:6px;text-align:center}
  .troop-choice-block{grid-template-columns:1fr}
  .chip-row{display:grid;grid-template-columns:repeat(4,1fr)}
  .select-chip span{width:100%;min-width:0;min-height:44px}
  .hero-v2-grid{grid-template-columns:1fr}
}
