From a664d41e63983e449f0dceaa25e3e8c256b831e2 Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Tue, 2 Dec 2025 11:35:00 -0800
Subject: [PATCH] fix character card aspect ratio to match actual image
 dimensions

Character grid images are 280x160 (7:4 ratio, wider than tall).
The previous ratio was inverted. Now using 100px width with correct
aspect-ratio: 280/160.
---
 .../components/collection/SelectableCharacterCard.svelte    | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/lib/components/collection/SelectableCharacterCard.svelte b/src/lib/components/collection/SelectableCharacterCard.svelte
index 93648e8a..02decfed 100644
--- a/src/lib/components/collection/SelectableCharacterCard.svelte
+++ b/src/lib/components/collection/SelectableCharacterCard.svelte
@@ -53,12 +53,12 @@
 <style lang="scss">
 	@use '$src/themes/spacing' as *;
 	@use '$src/themes/effects' as *;
-	@use '$src/themes/rep' as rep;
 
 	.card {
 		position: relative;
-		width: 70px;
-		@include rep.aspect(rep.$char-cell-w, rep.$char-cell-h);
+		width: 100px;
+		// Character grid images are 280x160 (7:4 ratio)
+		aspect-ratio: 280 / 160;
 		padding: 0;
 		border: 2px solid transparent;
 		border-radius: 8px;