.navbar{justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:4px}.acct,.navbar{display:flex;align-items:center}.acct{gap:8px;min-height:40px;margin-top:14px}.acct-hint{font-family:Handjet,monospace;font-size:13px;font-weight:700;color:#fffaef;text-shadow:1px 1px 0 rgba(34,40,20,.85)}.tg-login{display:inline-flex}.acct-av{width:34px;height:34px;border-radius:5px;object-fit:cover;box-shadow:0 0 0 2px var(--wood-dark,#3a2410);image-rendering:auto}.acct-av.ph{display:inline-flex;align-items:center;justify-content:center;background:var(--parch2,#eedcb4);color:#5a3e1c;font-family:Handjet,monospace;font-weight:800;font-size:16px;text-transform:uppercase}.acct-meta{display:flex;flex-direction:column;line-height:1.15}.acct-name{font-weight:800;font-size:14px;color:#fffaef;text-shadow:1px 1px 0 rgba(34,40,20,.85);max-width:16ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.acct-name,.acct-role{font-family:Handjet,monospace}.acct-role{font-size:11px;font-weight:700;padding:1px 6px;border-radius:3px;width:-moz-fit-content;width:fit-content}.role-admin{background:var(--poppy,#d6552f);color:#fff;box-shadow:0 0 0 1.5px #7c2c12}.role-guest{background:var(--leaf,#5f8a3a);color:#fff;box-shadow:0 0 0 1.5px #34501f}.role-pending{background:#e0d3b0;color:#6b552c;box-shadow:0 0 0 1.5px var(--wood-dark,#3a2410)}.acct-ghost{font-size:16px}.acct-out{font-family:Handjet,monospace;font-size:12px;font-weight:700;cursor:pointer;color:#5a3e1c;background:var(--parch2,#eedcb4);border:0;padding:5px 10px;border-radius:5px;box-shadow:0 0 0 2px var(--wood-dark,#3a2410)}.acct-out:active{transform:translateY(1px)}