/* =========================================================
   COLLECTION — Dragon Ball World Collision
   Griglia del roster e scheda del personaggio.
   ========================================================= */

/* Ritratto nella griglia */
.char-img {
	width: 64px;
	height: 64px;
	background-size: cover;
	background-position: center;
	border: 3px solid #fff;
	box-shadow: 3px 3px 0 #000;
	cursor: pointer;
	image-rendering: pixelated;
	transition: transform 0.1s ease, border-color 0.1s ease;
}

.char-img:hover {
	transform: scale(1.1);
	border-color: var(--ui-accent) !important;
	z-index: 2;
}

/*
   Grado di sblocco: la colonna Status dei costumi.
   Piu il valore e basso, piu il personaggio resta in ombra.
*/
.unlocked-0  { filter: grayscale(100%) opacity(0.5); }
.unlocked-1  { filter: none; }
.unlocked-25 { filter: grayscale(90%); }
.unlocked-50 { filter: grayscale(80%); }
.unlocked-70 { filter: grayscale(70%); }
.unlocked-80 { filter: grayscale(50%); }
.unlocked-90 { filter: grayscale(30%); }
.unlocked-99 { filter: grayscale(10%); }
.unlocked-OK { filter: none; }

/* Anteprima composta da Character.js */
.characters-preview {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 200px;
	background-color: #fff;
	image-rendering: pixelated;
}

.characters-preview svg {
	width: 100%;
	height: 100%;
	image-rendering: pixelated;
}