/* ROCKY_OS v2.8.9 — Account overview */
.xp-hud-toggle{display:flex!important;align-items:center;gap:9px;max-width:240px}
.rocky-hud-mini-avatar{width:30px;height:30px;flex:0 0 30px;border-radius:50%;border:2px solid #a3ff5f;background:#170d2d;display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:18px}
.rocky-hud-mini-avatar img,.rocky-account-avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}
.rocky-account-overview{display:flex;gap:13px;align-items:center;margin:12px 0;padding:12px;border:1px solid #7c3aed;border-radius:10px;background:rgba(124,58,237,.12)}
.rocky-account-avatar{flex:0 0 66px;width:66px;height:66px;border-radius:50%;border:2px solid #a3ff5f;background:#160b2b;color:#a3ff5f;display:flex;align-items:center;justify-content:center;font-size:30px;cursor:pointer;overflow:hidden;padding:0}
.rocky-account-avatar:focus-visible,.xp-hud-toggle:focus-visible{outline:3px solid #a3ff5f;outline-offset:3px}
.rocky-account-copy{min-width:0;display:flex;flex-direction:column;gap:4px;overflow-wrap:anywhere}
.rocky-account-copy strong{color:#fff;font-size:14px}
.rocky-account-copy small{color:#a3ff5f;font-size:11px}
.rocky-account-copy span{font-size:11px;opacity:.85}
@media(max-width:540px){.rocky-account-overview{gap:9px;padding:9px}.rocky-account-avatar{width:54px;height:54px;flex-basis:54px}}

/* v2.8.9.1: whole account card is interactive */
.rocky-account-overview{cursor:pointer;transition:border-color .15s,background .15s}
.rocky-account-overview:hover,.rocky-account-overview:focus-visible{border-color:#a3ff5f;background:rgba(124,58,237,.25)}
.rocky-account-overview:focus-visible{outline:2px solid #a3ff5f;outline-offset:3px}