/* Character cards: collapse long casts without removing their editable fields. */
.character-card{gap:7px}
.character-card-actions{display:flex;align-items:center;gap:5px}
.character-card-actions .character-move-up,.character-card-actions .character-move-down{min-width:29px;font-size:14px}
.character-card-details{min-width:0}
.character-summary{display:flex;align-items:center;gap:9px;cursor:pointer;list-style:none;min-height:32px;border-radius:6px}
.character-summary::-webkit-details-marker{display:none}
.character-summary::before{content:'▸';color:var(--muted);font-size:12px;flex:none}
.character-card-details[open]>.character-summary::before{content:'▾'}
.character-summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.character-summary-name{font-size:13px;font-weight:650;max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.character-summary-preview{flex:1;min-width:0;color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.character-summary-toggle{color:var(--muted);font-size:11px;white-space:nowrap}
.character-summary-toggle::after{content:'開く'}
.character-card-details[open]>.character-summary .character-summary-toggle::after{content:'閉じる'}
.character-card-details[open]>.character-summary .character-summary-preview{visibility:hidden}
.character-card-body{display:flex;flex-direction:column;gap:9px;padding-top:8px}
.character-is-disabled>.character-card-head h4,.character-is-disabled .character-summary-name{color:var(--muted)}
.character-is-disabled{border-style:dashed}
.character-position-controls{display:flex;align-items:center;gap:12px;margin:0 0 3px}
.character-position-grid{display:grid;grid-template-columns:repeat(3,minmax(42px,1fr));gap:4px;max-width:240px}
.character-position-grid .character-position{padding:3px 10px;background:var(--panel)}
.character-position-grid .character-position:hover{border-color:var(--accent);color:var(--accent)}
.character-list.coords-disabled .character-position-controls{display:none}
@media(max-width:620px){
  .character-card-head{gap:6px}
  .character-card-actions{margin-left:auto}
  .character-card-head h4{font-size:13px}
  .character-card-actions .mini{padding:3px 7px}
  .character-summary{gap:6px}
  .character-summary-name{max-width:55%}
}