/* Approved PNGs are displayed intact: no crop, flip, recolor, or generated replacement. */
.character-table{position:absolute;bottom:0;width:72px;height:72px;object-fit:contain;pointer-events:none;user-select:none}
.character-table[hidden],.character-preview-image[hidden]{display:none}
.character-table-hero{right:0}.character-table-opponent{left:0}
.character-seat .seat-heading{position:relative;min-height:76px}
.character-seat.hero .seat-heading{padding-right:78px}
.character-seat.opponent .seat-heading{padding-left:78px}
.character-settings{border:1px solid var(--line);border-radius:9px;margin:18px 0;padding:10px 12px;min-width:0}
.character-settings legend{font-size:14px}
.character-settings label{display:block;font-size:13px;margin:8px 0 4px}
.character-settings select{width:100%;min-height:44px;min-width:0;padding:8px;border:1px solid var(--muted);border-radius:7px}
.character-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
.character-preview-grid figure{margin:0;min-width:0;text-align:center;border:1px solid var(--line);border-radius:8px;padding:8px}
.character-preview-grid figcaption{font-size:12px;color:var(--muted)}
.character-preview-image{display:block;width:100%;height:160px;object-fit:contain;margin:4px auto;pointer-events:none}
.character-preview-stage{height:168px;display:flex;align-items:center;justify-content:center}
.character-settings button{width:100%;min-height:44px;margin-top:10px}
.character-settings p{font-size:12px;line-height:1.5;margin:8px 0}
@media(max-width:600px){
 .online-active #online-character-open{display:none}
 #practice-main .character-seat .seat-heading,.online-active .character-seat .seat-heading{position:relative;min-height:48px}
 #practice-main .character-seat.hero .seat-heading,.online-active .character-seat.hero .seat-heading{padding-right:50px}
 #practice-main .character-seat.opponent .seat-heading,.online-active .character-seat.opponent .seat-heading{padding-left:50px}
 .character-table{width:46px;height:46px}
 .character-preview-image{height:132px}.character-preview-stage{height:140px}
}
@media(prefers-reduced-motion:reduce){.character-table,.character-preview-image{transition:none;animation:none}}