/* Community RPG – Hover-Karte (Steam-Dark) */
.crpg-hovercard {
    position: absolute;
    z-index: 100000;
    width: 300px;
    background: linear-gradient(180deg, var(--steam-dark, #1b2838), var(--steam-deep, #171a21));
    border: 1px solid var(--steam-border, #2a475e);
    border-top: 2px solid #1a9fff;
    border-radius: 4px;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.7);
    color: var(--steam-text, #c7d5e0);
    font-size: 13px;
    opacity: 0;
    transform: translateY(6px);
    pointer-events: none;
    transition: opacity .15s, transform .15s;
}
.crpg-hovercard.is-visible { opacity: 1; transform: translateY(0); pointer-events: auto; }
.crpg-hc-loading { padding: 20px; text-align: center; color: #8f98a0; }
.crpg-hc-inner { padding: 14px; }
.crpg-hc-top { display: flex; gap: 12px; align-items: center; }
.crpg-hc-avatar { position: relative; flex-shrink: 0; width: 64px; height: 64px; border-radius: 3px; padding: 2px; background: #2a475e; }
.crpg-hc-avatar img { width: 100%; height: 100%; object-fit: cover; border-radius: 2px; display: block; }
.crpg-hc-avatar.hc-status-online { background: #57cbde; }
.crpg-hc-avatar.hc-frame-blue { background: #1a9fff; box-shadow: 0 0 10px rgba(26,159,255,.6); }
.crpg-hc-avatar.hc-frame-gold { background: #ffd700; box-shadow: 0 0 10px rgba(255,215,0,.6); }
.crpg-hc-avatar.hc-frame-animated { background: #66c0f4; animation: crpg-hc-pulse 2s ease-in-out infinite alternate; }
.crpg-hc-avatar.hc-frame-rainbow { background: linear-gradient(135deg,#ff0000,#ff7700,#ffff00,#00ff00,#0000ff,#8b00ff); background-size: 200% 200%; animation: crpg-hc-rainbow 3s linear infinite; }
@keyframes crpg-hc-pulse { from { box-shadow: 0 0 4px rgba(102,192,244,.4); } to { box-shadow: 0 0 14px rgba(102,192,244,.9); } }
@keyframes crpg-hc-rainbow { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }
.crpg-hc-id { min-width: 0; }
.crpg-hc-name { font-size: 16px; font-weight: 800; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.crpg-hc-tag { color: #66c0f4; margin-right: 4px; font-weight: 700; }
.crpg-hc-vip { margin-left: 4px; }
.crpg-hc-title { color: #c084fc; font-size: 12px; font-weight: 700; margin-top: 2px; }
.crpg-hc-status { font-size: 11px; text-transform: uppercase; color: #676c73; margin-top: 3px; }
.crpg-hc-status.hc-status-text-online { color: #57cbde; }
.crpg-hc-status.hc-status-text-away { color: #e1ca28; }
.crpg-hc-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 4px; margin-top: 12px; text-align: center; }
.crpg-hc-stats div { background: rgba(0,0,0,.3); border-radius: 3px; padding: 6px 2px; }
.crpg-hc-stats strong { display: block; color: #fff; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.crpg-hc-stats span { font-size: 10px; color: #8f98a0; text-transform: uppercase; }
.crpg-hc-team { margin-top: 10px; color: #66c0f4; font-size: 12px; }
.crpg-hc-since { margin-top: 6px; color: #556772; font-size: 11px; }