.cmp-slot{width:0;height:0;min-height:0;margin:0;padding:0;overflow:visible}
.cmp-slot[data-cmp-state="empty"],.cmp-slot[data-cmp-state="error"]{display:none}
.cmp-mini-profile{--cmp-pink:#f43f5e;--cmp-purple:#a855f7;--cmp-blue:#3b82f6;position:static;color:#0f172a;font-size:.75rem;line-height:1.25}
.cmp-avatar-trigger{position:relative;overflow:visible!important}
.cmp-avatar-level{position:absolute;z-index:8;right:-.3rem;bottom:-.3rem;min-width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;padding:0 .22rem;border:2px solid #fff;border-radius:999px;background:linear-gradient(135deg,var(--cmp-pink),var(--cmp-purple));color:#fff;font-size:.58rem;font-weight:900;line-height:1;box-shadow:0 4px 12px rgba(244,63,94,.35);pointer-events:none}
.dark .cmp-avatar-level{border-color:#18181b}
.cmp-steam-card{position:fixed;z-index:9999;left:var(--cmp-popover-left,8px);top:var(--cmp-popover-top,8px);width:min(21.5rem,calc(100vw - 1rem));border:1px solid rgba(226,232,240,.96);border-radius:1.25rem;background:rgba(255,255,255,.98);color:#0f172a;box-shadow:0 28px 80px rgba(15,23,42,.22),0 8px 24px rgba(15,23,42,.08);overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-5px) scale(.985);transform-origin:top left;transition:opacity .17s ease,transform .17s ease,visibility .17s ease;backdrop-filter:blur(20px)}
.cmp-steam-profile.is-open .cmp-steam-card{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}
.dark .cmp-steam-card{border-color:rgba(63,63,70,.96);background:rgba(24,24,27,.98);color:#f4f4f5;box-shadow:0 30px 90px rgba(0,0,0,.55)}
.cmp-steam-cover{position:absolute;inset:0 0 auto;height:7.2rem;overflow:hidden;background:linear-gradient(135deg,#fff1f5,#ede9fe)}
.cmp-steam-cover img{width:112%;height:125%;margin:-6%;object-fit:cover;filter:blur(20px) saturate(.72);opacity:.18}
.dark .cmp-steam-cover{background:linear-gradient(135deg,rgba(136,19,55,.62),rgba(76,29,149,.58))}
.dark .cmp-steam-cover img{opacity:.2;filter:blur(20px) saturate(.8) brightness(.6)}
.cmp-steam-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.06) 0,rgba(255,255,255,.8) 7.1rem,#fff 11rem);pointer-events:none}
.dark .cmp-steam-overlay{background:linear-gradient(180deg,rgba(24,24,27,.08) 0,rgba(24,24,27,.84) 7.1rem,#18181b 11rem)}
.cmp-steam-content{position:relative;z-index:2;padding:1rem}
.cmp-steam-head{display:grid;grid-template-columns:3.9rem minmax(0,1fr) 2.65rem;align-items:center;gap:.75rem;min-height:4rem}
.cmp-steam-avatar{position:relative;width:3.8rem;height:3.8rem;display:block;padding:2px;border-radius:1rem;background:linear-gradient(135deg,var(--cmp-pink),var(--cmp-purple));box-shadow:0 8px 22px rgba(168,85,247,.2)}
.cmp-steam-avatar:before{content:"";position:absolute;z-index:1;inset:2px;border-radius:.82rem;background:#fff}
.dark .cmp-steam-avatar:before{background:#27272a}
.cmp-steam-avatar-image{position:relative;z-index:2;width:100%;height:100%;display:block;border:2px solid transparent;border-radius:.82rem;object-fit:cover}
.cmp-steam-avatar-frame{position:absolute;z-index:3;inset:0;width:100%;height:100%;display:block;object-fit:fill;transform:scale(1.2);transform-origin:center;pointer-events:none}
.cmp-steam-identity{min-width:0;display:flex;flex-direction:column;gap:.27rem}
.cmp-steam-identity strong{overflow:hidden;text-overflow:ellipsis;color:#0f172a;font-size:1rem;font-weight:900;line-height:1.15;white-space:nowrap}
.cmp-steam-identity span{overflow:hidden;text-overflow:ellipsis;color:#64748b;font-size:.67rem;white-space:nowrap}
.dark .cmp-steam-identity strong{color:#fff}
.dark .cmp-steam-identity span{color:#a1a1aa}
.cmp-steam-level{width:2.55rem;height:2.55rem;display:flex;align-items:center;justify-content:center;position:relative;border:2px solid var(--cmp-pink);border-radius:50%;background:rgba(255,255,255,.74);box-shadow:0 7px 20px rgba(244,63,94,.16),inset 0 0 0 3px rgba(244,63,94,.06)}
.dark .cmp-steam-level{background:rgba(39,39,42,.78);box-shadow:0 7px 20px rgba(0,0,0,.28),inset 0 0 0 3px rgba(244,63,94,.1)}
.cmp-steam-level small{position:absolute;top:-.38rem;padding:0 .18rem;border-radius:.25rem;background:#fff;color:#94a3b8;font-size:.46rem;text-transform:uppercase}
.dark .cmp-steam-level small{background:#18181b;color:#71717a}
.cmp-steam-level b{color:#0f172a;font-size:.88rem;font-weight:900}
.dark .cmp-steam-level b{color:#fff}
.cmp-level-track{height:4px;margin:.8rem 0;border-radius:999px;background:#e2e8f0;overflow:hidden}
.dark .cmp-level-track{background:#3f3f46}
.cmp-level-track span{display:block;width:var(--cmp-level-progress);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cmp-pink),var(--cmp-purple));box-shadow:0 0 10px rgba(168,85,247,.35)}
.cmp-steam-stats{display:grid;grid-template-columns:.9fr 1.1fr;gap:.55rem}
.cmp-steam-stats>div{min-width:0;min-height:3.2rem;display:flex;align-items:center;gap:.55rem;padding:.62rem;border:1px solid #e2e8f0;border-radius:.8rem;background:rgba(248,250,252,.78)}
.dark .cmp-steam-stats>div{border-color:#3f3f46;background:rgba(39,39,42,.72)}
.cmp-steam-stats svg{width:1.15rem;height:1.15rem;flex:0 0 auto;fill:var(--cmp-blue)}
.cmp-steam-stats>div+div svg{fill:#ec4899}
.cmp-steam-stats span{min-width:0;display:flex;flex-direction:column;gap:.2rem}
.cmp-steam-stats b{overflow:hidden;text-overflow:ellipsis;color:#1e293b;font-size:.78rem;font-weight:850;line-height:1.15;white-space:nowrap}
.dark .cmp-steam-stats b{color:#f4f4f5}
.cmp-steam-stats small{color:#94a3b8;font-size:.58rem;white-space:nowrap}
.dark .cmp-steam-stats small{color:#71717a}
.cmp-steam-achievements{margin-top:.65rem;padding:.7rem;border:1px solid #e2e8f0;border-radius:.9rem;background:linear-gradient(135deg,rgba(255,241,245,.7),rgba(245,243,255,.64))}
.dark .cmp-steam-achievements{border-color:#3f3f46;background:linear-gradient(135deg,rgba(136,19,55,.14),rgba(76,29,149,.14))}
.cmp-steam-section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;color:#64748b;font-size:.66rem;font-weight:750}
.dark .cmp-steam-section-title{color:#a1a1aa}
.cmp-steam-section-title b{min-width:1.35rem;padding:.16rem .35rem;border-radius:999px;background:#fff;color:var(--cmp-pink);text-align:center;box-shadow:0 2px 8px rgba(15,23,42,.06)}
.dark .cmp-steam-section-title b{background:#27272a;color:#fb7185;box-shadow:none}
.cmp-steam-badges{display:flex;align-items:center;min-height:2.2rem;gap:.4rem}
.cmp-steam-badge{width:2.15rem;height:2.15rem;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.95);border-radius:.7rem;overflow:hidden;background:linear-gradient(135deg,#fb7185,#8b5cf6);box-shadow:0 6px 15px rgba(168,85,247,.16)}
.dark .cmp-steam-badge{border-color:#3f3f46}
.cmp-steam-badge img,.cmp-steam-badge svg{width:100%;height:100%;display:block;object-fit:cover}
.cmp-steam-badge svg{padding:.35rem;fill:#fff}
.cmp-steam-badge>span{color:#fff;font-size:.76rem;font-weight:900}
.cmp-steam-badge-more{height:1.6rem;min-width:2rem;display:flex;align-items:center;justify-content:center;padding:0 .4rem;border-radius:.55rem;background:#fff;color:#64748b;font-size:.64rem;font-weight:850;box-shadow:0 3px 10px rgba(15,23,42,.07)}
.dark .cmp-steam-badge-more{background:#3f3f46;color:#d4d4d8;box-shadow:none}
.cmp-steam-no-badges{color:#94a3b8;font-size:.66rem}
.cmp-steam-footer{display:flex;justify-content:space-between;gap:.65rem;margin-top:.75rem;padding-top:.68rem;border-top:1px solid #e2e8f0}
.dark .cmp-steam-footer{border-color:#3f3f46}
.cmp-steam-footer a{color:#64748b;font-size:.65rem;font-weight:700;text-decoration:none;transition:.15s ease}
.dark .cmp-steam-footer a{color:#a1a1aa}
.cmp-steam-footer a:hover{color:var(--cmp-pink)}
@media(max-width:640px){.cmp-steam-card{width:min(20.5rem,calc(100vw - 1rem))}.cmp-steam-stats{grid-template-columns:1fr}.cmp-steam-stats>div{min-height:2.75rem}.cmp-steam-footer{flex-wrap:wrap}}