/* Keep a large opponent hand within its seat instead of widening the fan. */
html.flat-table .game:not(.club-table) .mini-back{--fan-index:calc((var(--i) - (var(--count) - 1)/2)*min(1,4/max(1,var(--count) - 1)))}
html.flat-table body.in-game #app .game:not(.club-table) .opponent.active .portrait{scale:1.05}
html.flat-table body #app .game:not(.club-table) .opponent .name .opponent-renown,
html.flat-table body #app .game:not(.club-table) .self-renown{display:inline-flex!important;flex-direction:row;align-items:center;justify-content:flex-start;vertical-align:middle;gap:5px;line-height:1!important;white-space:nowrap;margin:0;padding:0}
html.flat-table body #app .game:not(.club-table) .opponent-renown .rank-emblem{display:block;flex:none;object-fit:contain;margin:0;padding:0;vertical-align:middle}
html.flat-table body #app .game:not(.club-table) .opponent-renown .rank-name{align-self:center;margin:0;padding:0;line-height:1.2!important;vertical-align:middle}
html.flat-table body #app .game:not(.club-table) .self-renown .rank-emblem{width:28px;height:28px}
html.flat-table body #app .game:not(.club-table) .self-renown .rank-name{display:block!important;font-size:15px!important;line-height:1.2!important}
@media(max-width:650px){html.flat-table body #app .game:not(.club-table) .self-renown .rank-emblem{width:24px;height:24px}html.flat-table body #app .game:not(.club-table) .self-renown .rank-name{font-size:13px!important}}

html.flat-table body #app .game:not(.club-table) .opponent .opponent-renown .rank-name{font-size:15px!important}
html.flat-table body #app .game:not(.club-table) .opponent .status{font-size:clamp(12px,1cqw,18px)!important;line-height:1.25!important}
@media(max-width:650px){html.flat-table body #app .game:not(.club-table) .opponent .status{font-size:10px!important}}

/* One flex row and identical line metrics for nickname and rank at every viewport. */
html.flat-table body #app .game:not(.club-table) .opponent .name{display:flex!important;flex-direction:row;flex-wrap:nowrap;align-items:center!important;justify-content:center;gap:7px;min-height:28px;box-sizing:content-box;line-height:1.3!important;overflow:hidden!important}
html.flat-table body #app .game:not(.club-table) .opponent .name>.opponent-nickname{display:block;flex:0 1 auto;min-width:0;line-height:1.3!important;margin:0;padding:0 0 .08em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.flat-table body #app .game:not(.club-table) .opponent .name>.opponent-renown{display:inline-flex!important;align-items:center!important;align-self:center;flex:0 0 auto;min-height:24px;line-height:1!important;margin:0;padding:0}
html.flat-table body #app .game:not(.club-table) .opponent .name .rank-name{font-family:inherit;line-height:1!important;margin:0;padding:0}
@media(max-width:650px){html.flat-table body #app .game:not(.club-table) .opponent .name{gap:3px;min-height:24px}}

/* Optical alignment with the visible letterforms below opponent portraits. */
html.flat-table body #app .game:not(.club-table) .opponent .name .rank-emblem{align-self:center;transform:translateY(2px)}