Adding an image library because i apparently need TGAs

assets/styles/main.rcss

@@ -272,7 +272,92 @@ progress-value {
     Specific app stuff 
     =================================== */
 
-/* Critter cards */
+/* Critter Cards Container */
+.critter-list {
+    display: flex;
+    flex-wrap: wrap;
+    padding: 10px;
+}
+
+/* Interactive Card Base */
+.critter-card {
+    display: block;
+    width: 220px;
+    margin: 10px;
+    padding: 10px;
+    background-color: #2b2b2b;
+    color: #ffffff;
+    border: 1px #444444;
+    border-radius: 6px;
+    text-align: left;
+}
+
+.critter-card:hover {
+    background-color: #383838;
+    border: 1px #005aff;
+}
+
+.critter-card:active {
+    background-color: #222222;
+}
+
+/* Header with Small ID & Delete Button */
+.critter-card-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    border-bottom: 1px #444444;
+    padding-bottom: 4px;
+    margin-bottom: 8px;
+}
+
+.critter-id {
+    font-size: 11px;
+    color: #aaaaaa;
+}
+
+.btn-delete {
+    padding: 2px 6px;
+    min-width: 0px;
+    font-size: 10px;
+    background-color: #aa2222;
+    color: #ffffff;
+    border: 0px;
+}
+
+.btn-delete:hover {
+    background-color: #ff3333;
+}
+
+/* Body & Thumbnail */
+.critter-card-body {
+    display: flex;
+    align-items: center;
+}
+
+.critter-thumb {
+    width: 48px;
+    height: 48px;
+    margin-right: 10px;
+    background-color: #1a1a1a;
+    border: 1px #555555;
+}
+
+.critter-info {
+    flex: 1;
+}
+
+.critter-name {
+    margin: 0px 0px 4px 0px;
+    font-size: 16px;
+    color: #ffffff;
+}
+
+.critter-info p {
+    margin: 2px 0px;
+    font-size: 12px;
+    color: #dddddd;
+}
 
 /* Modals */
 .modal-overlay {