.detail-dialog .character-view-tabs { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:4px; width:100%; }
.detail-dialog .character-view-tabs button { min-width:0; min-height:48px; padding:8px 4px; font-size:max(13px,var(--oa-fs-caption)); line-height:1.2; white-space:normal; overflow-wrap:normal; word-break:keep-all; }
.detail-dialog .character-view-tabs button[aria-selected="true"] { border-color:var(--oa-line-brass); box-shadow:inset 0 -3px 0 var(--oa-line-brass); }
.detail-dialog .character-view-panel { display:grid; gap:8px; }
.detail-dialog .character-view-panel .mini-character { margin:0; padding:8px; gap:12px; }
.detail-dialog .character-view-panel .mini-character img { width:64px; height:112px; }
.detail-dialog .character-view-panel .mini-character h3 { margin:0 0 6px; font-size:var(--oa-fs-body); }
.detail-dialog .character-view-panel .character-facts { font-size:max(13px,var(--oa-fs-caption)); line-height:1.3; grid-template-columns:auto 1fr; gap:2px 8px; }
.detail-dialog .character-view-panel .detail-list { margin:0; }
.detail-dialog .character-look-preview { display:grid; grid-template-columns:96px minmax(0,1fr); align-items:center; gap:16px; padding:12px; border:1px solid var(--oa-line-control); background:var(--oa-surface-2); border-radius:var(--oa-r-2); }
.detail-dialog .character-look-preview img { width:96px; height:144px; object-fit:contain; }
.detail-dialog .character-look-preview h3 { font-size:var(--oa-fs-body); margin:0 0 8px; }
.detail-dialog .character-look-preview p { font-size:max(13px,var(--oa-fs-caption)); line-height:1.35; margin:0; }
.detail-dialog .appearance-selector-v13 { display:grid; gap:12px; min-width:0; }
.detail-dialog .appearance-options-v13 { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.detail-dialog .appearance-option-v13 { display:flex; align-items:center; justify-content:flex-start; gap:10px; min-width:0; min-height:64px; padding:8px; text-align:start; }
.detail-dialog .appearance-option-v13 picture,.detail-dialog .appearance-option-v13 img { flex:none; width:44px; height:52px; object-fit:contain; }
.detail-dialog .appearance-option-v13 picture img { width:100%; height:100%; }
.detail-dialog .appearance-option-v13 span { display:grid; gap:4px; min-width:0; }
.detail-dialog .appearance-option-v13 strong,.detail-dialog .appearance-option-v13 small { white-space:normal; overflow-wrap:normal; word-break:keep-all; }
.detail-dialog .appearance-option-v13 small { font-size:max(13px,var(--oa-fs-caption)); line-height:1.35; }
.detail-dialog .appearance-option-v13[aria-pressed="true"] { border-color:var(--oa-line-brass); box-shadow:inset 0 -3px 0 var(--oa-line-brass); }
.detail-dialog .appearance-status-v13 { color:var(--oa-text-gold,var(--oa-text)); font-weight:700; margin-bottom:6px; }
.detail-dialog .appearance-help-v13 { margin:0; line-height:1.45; }
.detail-dialog .appearance-fixed-actions-v13 .dialog-button { min-height:48px; }
@media (max-width:390px) { .detail-dialog .appearance-options-v13 { grid-template-columns:minmax(0,1fr); } }
.game-viewport .lobby-character[role="button"] { cursor:pointer; }
.game-viewport .lobby-character[role="button"]:focus-visible { outline:2px solid var(--oa-line-brass); outline-offset:-6px; }
.game-viewport .stage-reaction-ring { position:absolute; left:36%; bottom:calc(var(--oa-chip-h) + 8px); width:28%; height:14px; border:2px solid var(--oa-line-brass); border-radius:999px; background:rgba(199,154,82,.12); pointer-events:none; opacity:.6; z-index:1; }
.game-viewport .stage-reaction-ring[hidden] { display:none!important; }
@media (max-height:600px) {
  .detail-dialog .character-view-panel .mini-character img { width:52px; height:104px; }
  .detail-dialog .character-look-preview { grid-template-columns:64px minmax(0,1fr); padding:8px; gap:10px; }
  .detail-dialog .character-look-preview img { width:64px; height:104px; }
}