/* =========================================================
   DECK — Dragon Ball World Collision
   Lista dei mazzi (deck.html) ed editor (edit-deck.html).
   ========================================================= */

/* ---------------------------------------------------------
   Lista dei mazzi
   --------------------------------------------------------- */

.deck-item {
	border: 3px solid #000;
	box-shadow: var(--ui-shadow);
	transition: border-color 0.1s ease-in-out, background-color 0.1s ease-in-out;
}

.deck-item.active-deck {
	border-color: var(--ui-accent) !important;
	background-color: rgba(255, 193, 7, 0.15) !important;
}


/* ---------------------------------------------------------
   Carta nell editor
   --------------------------------------------------------- */

.game-card {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	padding: 4px;
	background-color: #1a1a1a;
	border: 3px solid #000;
	box-shadow: var(--ui-shadow);
	text-align: center;
	cursor: pointer;
	user-select: none;
	transition: transform 0.1s ease-in-out, border-color 0.1s ease-in-out;
}

.game-card:hover {
	transform: scale(1.03);
	border-color: var(--ui-accent);
}

.card-img-top {
	height: 140px;
	object-fit: cover;
	border-bottom: 2px solid #000;
	image-rendering: pixelated;
}

.card-name {
	font-size: 0.55rem;
	color: var(--ui-accent);
}

.card-stats {
	margin-top: 4px;
	font-size: 0.48rem;
	opacity: 0.75;
}

/* Quante copie della carta sono gia nel mazzo */
.copy-badge {
	position: absolute;
	top: 4px;
	right: 4px;
	padding: 2px 4px;
	background-color: #000;
	color: var(--ui-accent);
	border: 2px solid var(--ui-accent);
	font-size: 0.55rem;
}

.empty-slot {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 180px;
	border: 3px dashed #555;
	color: #555;
	font-size: 0.7rem;
}

.cards-scroll-container {
	max-height: 520px;
	padding-right: 5px;
}