.character-picker{margin:14px 0;padding:14px;border:1px solid rgba(0,255,255,.35);border-radius:16px;background:rgba(0,255,255,.04)}.character-picker-head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.character-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px;margin-top:12px;max-height:310px;overflow:auto}.character-card{display:grid;gap:5px;min-height:130px;padding:10px;text-align:left;border:1px solid rgba(255,255,255,.16);border-radius:13px;background:#090d1c;color:#fff;cursor:pointer}.character-card:hover,.character-card.selected{border-color:#00ffff;box-shadow:0 0 16px rgba(0,255,255,.25)}.character-avatar{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:linear-gradient(145deg,#ff40d6,#29c9ff);font-weight:900}.character-card small,.character-selection{color:#b9dfe8}.character-editor[hidden],.character-grid[hidden]{display:none}.character-editor{display:grid;grid-template-columns:180px 1fr;gap:16px;margin-top:14px}.character-preview{width:180px;height:210px;border:1px solid #ff40d6;border-radius:16px;background:#070a16}.character-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.character-actions{display:flex;gap:8px;flex-wrap:wrap;grid-column:1/-1}.character-actions button,.character-picker-head button{padding:8px 11px;border:1px solid #00ffff;border-radius:9px;background:transparent;color:#dfffff}.character-description{grid-column:1/-1;padding:10px;border-left:3px solid #ffcc00;overflow-wrap:anywhere}@media(max-width:650px){.character-editor{grid-template-columns:1fr}.character-preview{width:100%;max-width:240px;margin:auto}.character-fields{grid-template-columns:1fr}}