/* Character Panel and Guild Panel share the same character cards. */
.cp-picker{margin:16px 0 20px;min-width:0}
.cp-picker .cp-section-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 11px;color:var(--gb-muted);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.cp-picker .cp-section-heading small{color:var(--gb-cyan);font-size:10px}
.cp-character-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
.cp-character-grid form{margin:0;min-width:0}
.cp-character-grid .cp-character{display:grid;grid-template-columns:58px minmax(0,1fr) 11px;gap:10px;align-items:center;width:100%;min-height:92px;margin:0;padding:10px;border:1px solid var(--gb-line);border-radius:7px;background:linear-gradient(145deg,var(--gb-panel-2),var(--gb-panel));color:var(--gb-muted);text-align:left;cursor:pointer;font:inherit;transition:border-color .18s,transform .18s,background .18s}
.cp-character-grid .cp-character:hover{border-color:var(--gb-cyan);background:var(--gb-panel-2);transform:translateY(-2px)}
.cp-character-grid .cp-character.active{border-color:var(--gb-blue);background:var(--gb-panel-2);box-shadow:0 7px 20px var(--theme-color-168cff2e,rgba(22,140,255,.18))}
.cp-character-grid .cp-character:focus-visible{outline:2px solid var(--gb-cyan);outline-offset:3px}
.cp-character-grid .cp-character:disabled{opacity:.55;cursor:wait;transform:none}
.cp-character-grid .cp-character img{width:58px;height:66px;object-fit:cover;object-position:top;border:1px solid var(--gb-line);border-radius:5px;background:var(--gb-bg)}
.cp-character-grid .cp-character span,.cp-character-grid .cp-character strong,.cp-character-grid .cp-character small,.cp-character-grid .cp-character em{display:block;min-width:0}
.cp-character-grid .cp-character strong{overflow:hidden;color:var(--gb-text);font:800 13px var(--font-display);text-overflow:ellipsis}
.cp-character-grid .cp-character small{overflow:hidden;margin-top:4px;color:var(--gb-cyan);font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.cp-character-grid .cp-character em{margin-top:5px;color:var(--gb-muted);font-size:9px;font-style:normal;overflow-wrap:anywhere}
.cp-character-grid .cp-character>i{color:var(--gb-muted);font-size:10px}.cp-character-grid .cp-character.active>i{color:var(--gb-cyan)}
/* Override the Guild module's generic action-button treatment for picker cards. */
#wg-panel .cp-character-grid .cp-character{display:grid!important;width:100%!important;height:auto!important;margin:0!important;padding:10px!important;border:1px solid var(--gb-line)!important;background:linear-gradient(145deg,var(--gb-panel-2),var(--gb-panel))!important;color:var(--gb-muted)!important;-webkit-text-fill-color:inherit!important;font:inherit!important;letter-spacing:normal!important;text-shadow:none!important;text-transform:none!important;justify-content:normal;box-shadow:none}
#wg-panel .cp-character-grid .cp-character.active{border-color:var(--gb-blue)!important;background:var(--gb-panel-2)!important;box-shadow:0 7px 20px var(--theme-color-168cff2e,rgba(22,140,255,.18))}
#wg-panel .cp-character-grid .cp-character:hover{border-color:var(--gb-cyan)!important;background:var(--gb-panel-2)!important}
@media(max-width:1050px){.cp-character-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.cp-character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:430px){.cp-character-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.cp-character-grid .cp-character{transition:none;transform:none}}