.personajes-cabecera{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:20px 0 30px}.personajes-cabecera h1{margin:5px 0}.personajes-filtro{max-width:340px;margin-bottom:24px}.personajes-galeria{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:24px}.personaje-tarjeta{overflow:hidden;border:1px solid #e6b45533;border-radius:18px;background:linear-gradient(145deg,#251c30,#100e18);transition:border-color .2s,box-shadow .2s}.personaje-tarjeta.equipada{border-color:var(--oro);box-shadow:0 0 30px #e6b45513}.personaje-imagen{display:block;position:relative;width:100%;height:260px;border:0;padding:0;background:radial-gradient(ellipse at 50% 35%,#65507b55,#16111c);cursor:pointer;overflow:hidden}.retrato-personaje{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:100%;color:#e6b455aa;font:65px 'Grenze Gotisch',serif}.retrato-personaje .opcion-icono{width:55px;height:55px;flex-basis:55px;opacity:.5}.retrato-personaje img{display:block;width:100%;height:100%;object-fit:cover}.personaje-marca{position:absolute;inset:auto 12px 12px;text-align:center;font:10px Inter,sans-serif;letter-spacing:1px;color:#f8e5c6;background:#100c18bb;border:1px solid #e6b45544;border-radius:20px;padding:8px;backdrop-filter:blur(8px)}.personaje-cuerpo{padding:22px}.personaje-cuerpo h2{margin:6px 0;font:30px 'Grenze Gotisch',serif}.personaje-acciones{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.personaje-acciones>.btn:last-child{width:100%;margin-top:4px}.galeria-vacia{grid-column:1/-1;text-align:center;padding:65px 20px;border:1px dashed #e6b45544;border-radius:18px}.galeria-vacia>.opcion-icono{width:60px;height:60px}.retrato-preview{width:200px;height:220px;overflow:hidden;border-radius:16px;margin:0 auto 22px;border:1px solid var(--oro);background:radial-gradient(ellipse,#62477855,#17121d)}.editor-retrato textarea{width:100%;margin:8px 0 16px}.campo-retrato{display:grid;gap:8px;margin:20px 0}.editor-retrato .fila{margin-top:24px}.retratos-mesa{display:flex;gap:16px;padding:9px 0;overflow-x:auto;max-width:100%;scrollbar-width:thin}.compañero-mesa{display:flex;flex:0 0 68px;flex-direction:column;align-items:center;gap:6px;filter:grayscale(1);opacity:.48;transition:filter .3s,opacity .3s}.compañero-mesa strong{font:10px Inter,sans-serif;text-align:center;color:var(--tenue);max-width:90px;overflow-wrap:break-word}.retrato-mini{display:flex;align-items:center;justify-content:center;width:48px;height:48px;overflow:hidden;border-radius:50%;border:1px solid #716479;background:#21192e;font-size:22px}.retrato-mini .opcion-icono{display:none}.retrato-mini img{width:100%;height:100%;object-fit:cover}.compañero-mesa.en-turno{filter:none;opacity:1}.compañero-mesa.en-turno .retrato-mini{border-color:var(--oro);box-shadow:0 0 13px #e6b45588}.compañero-mesa.en-turno strong{color:var(--oro);text-shadow:0 0 10px #e6b45566}.carga-magica{display:flex;gap:10px;align-items:center;margin:5px 0 8px;font:10px Inter,sans-serif;color:#c7b3e7}.carga-magica[hidden]{display:none}.carga-magica .estela{position:relative;width:100px;height:3px;overflow:hidden;border-radius:6px;background:#69507844}.carga-magica .estela:after{content:'';position:absolute;inset:0;width:38%;background:linear-gradient(90deg,transparent,#e6b455,#d0a1ff);box-shadow:0 0 9px #d0a1ff;animation:estela-magica 1.7s ease-in-out infinite}@keyframes estela-magica{from{transform:translateX(-110%)}to{transform:translateX(280%)}}.pastilla img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.lobby-charla .chat-retrato{float:left;margin:2px 9px 4px 0;width:28px;height:28px}.ficha>.retrato-mini{margin:0 auto 8px}@media(max-width:600px){.personajes-cabecera{align-items:flex-start;flex-direction:column}.personajes-galeria{grid-template-columns:1fr}.personaje-imagen{height:270px}.dialogo-cabecera{padding:14px 16px}.dialogo-cabecera h2{font-size:21px}.dialogo-contenido{padding:16px}.personaje-cuerpo{padding:18px}}@media(prefers-reduced-motion:reduce){.carga-magica .estela:after{animation:none;width:100%;opacity:.6}}
.avance-dialogo{max-width:820px}.avance-nivel{text-align:center;font:32px 'Grenze Gotisch',serif;color:var(--oro);margin:0 0 20px!important}.avance-pie{justify-content:space-between;margin-top:22px}.avance-dialogo summary{display:flex;gap:10px;align-items:center}.avance-dialogo .creador-pasos{overflow-x:auto}
.mesa-cabecera-magica{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0;margin-bottom:10px}.mesa-cabecera-magica .retratos-mesa{flex:1;min-width:0}.carga-magica[hidden]{display:none!important}.mesa-cabecera-magica .carga-magica{flex:0 1 180px;font-size:10px;line-height:1.5}.mesa-cabecera-magica .carga-magica>span:first-child{display:block;max-height:3em;overflow:hidden}.mesa-cabecera-magica .estela{display:block;margin-top:6px}@media(max-width:600px){.mesa-cabecera-magica{align-items:flex-start}.mesa-cabecera-magica .carga-magica{flex-basis:110px}}