/* Player KB pages. Builds on smui.css. */
.player-banner {
    display: flow-root;
    border-left: 5px solid var(--player-accent, hsl(var(--smui-frost-2)));
    padding: .75rem 1rem;
    border-radius: 6px;
    background: hsl(var(--smui-surface-2) / 0.4);
    margin-bottom: 1rem;
}
.player-banner .pb-faction { font-family: monospace; opacity: .8; margin-left: .5rem; }
.player-banner .pb-id { font-family: monospace; font-size: 12px; opacity: .55; word-break: break-all; margin-top: .25rem; }
.player-banner .pb-status { font-style: italic; opacity: .8; margin-top: .35rem; }
.player-banner .pb-clan { opacity: .6; font-size: .85rem; }
.combat-flag { color: hsl(0 70% 55%); }
.muted { opacity: .6; }

/* stat-strip is shared with faction pages; player detail loads only players.css. */
.stat-strip { display: flex; flex-wrap: wrap; gap: 1.25rem; margin: .75rem 0; font-size: .9rem; }
.stat-strip .ss-item strong { display: block; font-size: 1.1rem; }

/* Detail pages: bump the readable text up from the 13px UI base. */
.detail-page { font-size: 15px; }
.detail-page h2 { font-size: 26px; }
.detail-page h3 { font-size: 28px; }
.detail-page .stat-strip { font-size: 1rem; }
.detail-page .pb-status { font-size: 1rem; }

/* faction-stats used in overlay Profile table on player pages. */
.faction-stats {
    display: grid;
    grid-template-columns: max-content max-content;
    width: max-content;
    margin: .85rem 0;
}
.faction-stats dt { padding: .25rem 1.5rem .25rem 0; opacity: .65; font-weight: 600; }
.faction-stats dd {
    margin: 0;
    padding: .25rem 0 .25rem 1.5rem;
    text-align: right;
    font-weight: 600;
    border-left: 1px solid hsl(var(--border));
}

/* Contributor overlay content. */
.overlay-portrait { float: right; max-width: 120px; max-height: 120px; margin: 0 0 .5rem 1rem; border-radius: 8px; }
.overlay-stats { margin-top: .35rem; }
.overlay-credit { font-size: 12px; font-style: italic; margin: 0 0 .4rem; }
.overlay-body { max-width: 70ch; line-height: 1.65; }
.overlay-body h1, .overlay-body h2, .overlay-body h3, .overlay-body h4 { font-size: 1.15rem; margin: 1rem 0 .35rem; }
.overlay-body p { margin: .5rem 0; }
.overlay-body ul, .overlay-body ol { margin: .5rem 0 .5rem 1.25rem; }

/* Generated placeholder silhouette (shown when no overlay/AI portrait). */
.infobox-silhouette {
    display: block;
    max-width: calc(100% - 1.5rem);
    margin: .85rem auto .4rem;
    border-radius: 6px;
    overflow: hidden;
    line-height: 0;
}
.infobox-silhouette .silhouette { width: 100%; height: auto; display: block; }