#player-investment { scroll-margin-top:96px; }
.investment-cards { display:grid; grid-template-columns:1fr; gap:16px; margin:16px 0; }
.investment-card { min-width:0; padding:16px; border:1px solid var(--border, #31445e); border-radius:8px; background:var(--surface, #0d1b34); overflow-wrap:anywhere; }
.investment-card h3 { margin:0 0 12px; }
.investment-card h4 { margin:12px 0 4px; }
.investment-portraits { display:flex; align-items:center; justify-content:center; gap:16px; }
.investment-state { margin:0; text-align:center; min-width:0; }
.investment-state figcaption { margin-bottom:8px; }
.investment-portrait { position:relative; display:block; width:84px; height:84px; border:4px solid #4e8fea; border-radius:50%; background:#132544; margin:0 auto 12px; }
.investment-portrait img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; border-radius:50%; }
.investment-portrait-fallback { display:grid; place-items:center; height:100%; font-size:28px; }
.investment-purple-frame { border-color:#b78cf2; }
.investment-gold-frame { border-color:#eac46b; }
.investment-relic-frame { border-color:#ea796f; outline:2px solid #eac46b; outline-offset:2px; }
.investment-state-label { display:block; font-weight:700; }
.investment-totals, .investment-gains { display:grid; grid-template-columns:repeat(auto-fit,minmax(115px,1fr)); gap:12px; margin:16px 0; }
.investment-totals div { background:#132544; border-radius:8px; padding:12px; }
.investment-totals dt, .investment-gains dt, .investment-card-note, .investment-state figcaption { font-family:Verdana,Geneva,sans-serif; font-size:13px; color:#b6c4da; }
.investment-totals dd, .investment-gains dd { margin:4px 0 0; font-weight:700; font-family:var(--font-number,Consolas,monospace); font-variant-numeric:tabular-nums; }
.investment-totals dd { font-size:22px; }
.investment-totals small { font-size:12px; font-weight:400; }
.investment-card ul { padding-left:20px; }
@media(max-width:560px) { .investment-portraits { gap:12px; } .investment-portrait { width:72px; height:72px; } }
.investment-row { display:grid; grid-template-columns:minmax(150px,1fr) 250px minmax(180px,1fr); align-items:center; gap:24px; }
.investment-row h3 { font-size:18px; margin-bottom:8px; }
.investment-group { margin-top:28px; }
.investment-group-title { margin-bottom:12px; }
.investment-group-title small { display:block; margin-top:4px; font-family:Verdana,Geneva,sans-serif; font-size:13px; font-weight:400; color:#b6c4da; }
.investment-gain-chips { display:flex; flex-wrap:wrap; gap:6px; }
.investment-gain-chips span, .investment-first-label { display:inline-block; padding:4px 8px; border-radius:4px; background:#132544; color:#f3f6fb; font-size:13px; }
.investment-ability-column { min-width:0; }
.investment-abilities { list-style:none; margin:0; padding:0 !important; display:grid; gap:12px; }
.investment-abilities li { display:flex; align-items:center; gap:12px; min-width:0; }
.investment-ability-icon { display:block; position:relative; width:44px; height:44px; flex:0 0 44px; border:1px solid #8b9bb5; border-radius:4px; background:#132544; }
.investment-ability-icon > img:not(.investment-ability-badge) { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; border-radius:3px; }
.investment-ability-fallback { display:grid; place-items:center; height:100%; color:#b6c4da; }
.investment-ability-icon .investment-ability-badge { position:absolute; width:20px; height:20px; right:-5px; bottom:-5px; object-fit:contain; background:#071226; border-radius:50%; }
.investment-ability-kind { display:block; margin-top:4px; color:#b6c4da; font-family:Verdana,Geneva,sans-serif; font-size:12px; }
@media(max-width:900px) {
  .investment-row { grid-template-columns:minmax(0,1fr) 220px; gap:16px; }
  .investment-ability-column { grid-column:1 / -1; }
  .investment-ability-column:empty { display:none; }
}
@media(max-width:560px) {
  .investment-row { grid-template-columns:minmax(0,1fr); padding:12px; }
  .investment-identity, .investment-ability-column { grid-column:1; }
  .investment-portraits { gap:12px; }
  .investment-portrait { width:72px; height:72px; }
}