/* Portraits and fallback tokens are rendered from the same four 3D models. */
.character-portrait{display:block;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}
.character-token{display:block;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}
.board-pawn .pawn-face{position:absolute;left:50%;bottom:3px;width:var(--character-width,28px);height:var(--character-height,42px);transform:translateX(-50%);border:0;border-radius:0;overflow:visible;background:transparent;box-shadow:none;outline:none;transition:none}
.board-pawn .pawn-face:after{content:'';position:absolute;left:21%;right:21%;height:4px;bottom:0;border-radius:50%;background:#38513724;z-index:-1}
.board-pawn.current .pawn-face,.board-pawn.acting .pawn-face{outline:none;box-shadow:none}
.board-pawn.current:after{content:'';position:absolute;left:7px;right:7px;bottom:1px;height:6px;border:1.5px solid var(--pawn-color);background:color-mix(in srgb,var(--pawn-color) 12%,transparent);border-radius:50%;z-index:-1}
.character-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3;display:block}
.characters-ready .board-pawn .pawn-face{visibility:hidden}
.room-seat .avatar{width:88px;height:94px;border-radius:20px;background:#f3f1e8;box-shadow:0 3px 9px #34472b0c}
.room-seat.empty .avatar{opacity:.46;filter:saturate(.4)}
.mini-avatar.character-avatar{display:inline-block;vertical-align:middle;width:40px;height:40px;line-height:1;border-radius:11px;overflow:hidden}
.mini-lanes .mini-avatar.character-avatar{width:34px;height:34px}
.mini-match-person .mini-avatar.character-avatar{width:40px;height:40px}
.tile-owner .character-portrait{border-radius:3px}
@media(max-width:550px){.room-seat .avatar{width:64px;height:68px}.mini-lanes .mini-avatar.character-avatar{width:30px;height:30px}}
@media(max-width:380px){.room-seat .avatar{width:54px;height:58px}.mini-dialog[data-kind="5"] .mini-lanes .mini-avatar.character-avatar{width:24px;height:24px}}