.avatar{--size:36px;width:var(--size);height:var(--size);border-radius:50%;flex:none;place-items:center;display:inline-grid;position:relative}.avatar[data-framed]{--ring:max(2px, calc(var(--size) * .085));box-shadow:var(--frame-shadow)}.avatar[data-framed]:before{content:"";background:var(--frame-bg);-webkit-mask:radial-gradient(closest-side, transparent calc(100% - var(--ring) - .5px), #000 calc(100% - var(--ring)));-webkit-mask:radial-gradient(closest-side, transparent calc(100% - var(--ring) - .5px), #000 calc(100% - var(--ring)));mask:radial-gradient(closest-side, transparent calc(100% - var(--ring) - .5px), #000 calc(100% - var(--ring)));border-radius:50%;position:absolute;inset:0}.avatar-face{background:var(--raised-2);width:100%;height:100%;box-shadow:inset 0 0 0 1px var(--hairline-strong);color:var(--muted);font-size:calc(var(--size) * .42);border-radius:50%;place-items:center;font-weight:700;line-height:1;display:grid;overflow:hidden}.avatar[data-framed] .avatar-face{box-shadow:none;-webkit-mask:radial-gradient(closest-side, #000 calc(100% - var(--ring) - 1.5px), transparent calc(100% - var(--ring) - 1px));-webkit-mask:radial-gradient(closest-side, #000 calc(100% - var(--ring) - 1.5px), transparent calc(100% - var(--ring) - 1px));mask:radial-gradient(closest-side, #000 calc(100% - var(--ring) - 1.5px), transparent calc(100% - var(--ring) - 1px))}.avatar-glyph{width:62%;height:62%}.avatar[data-framed] .avatar-glyph{width:52%;height:52%}.avatar-dot{width:calc(var(--size) * .32);height:calc(var(--size) * .32);border:2px solid var(--rail);background:var(--online);border-radius:50%;min-width:8px;min-height:8px;position:absolute;bottom:-1px;right:-1px}.chip-pile{--chip-w:max(20px, calc(var(--card-w,56px) * .44));white-space:nowrap;align-items:flex-end;gap:7px;display:inline-flex}.chip-pile[data-flip]{flex-direction:row-reverse}.chip-stacks{align-items:flex-end;gap:2px;display:inline-flex}.chip-col{width:var(--chip-w);display:block;position:relative}.chip{width:var(--chip-w);height:var(--chip-w);border-radius:50%;position:absolute;left:0;box-shadow:inset 0 0 0 1px #0e0f124d,0 2px #0a0c0e8c,0 3px 4px #04050859}.chip-amount{color:var(--card);font-size:max(13px, calc(var(--card-w,56px) * .24));background:#0e0f129e;border-radius:999px;align-items:baseline;gap:5px;margin-bottom:1px;padding:2px 8px;line-height:1.3;display:inline-flex}.chip-label{color:var(--muted);font-weight:500}