Initial system import

2025-12-25 23:08:06 +01:00
commit 4beb5806eb
4623 changed files with 682363 additions and 0 deletions
@@ -0,0 +1,218 @@
+.tarot-deck-manager {
+  .tarot-deck-manager-content {
+    padding: 1rem;
+    display: flex;
+    flex-direction: column;
+    gap: 1.5rem;
+  }
+
+  .deck-header {
+    h2 {
+      margin: 0 0 1rem 0;
+      font-size: 1.5rem;
+      color: var(--color-text-dark-primary);
+      text-align: center;
+      border-bottom: 2px solid var(--color-border-dark);
+      padding-bottom: 0.5rem;
+    }
+
+    .deck-stats {
+      display: grid;
+      grid-template-columns: repeat(3, 1fr);
+      gap: 1rem;
+      margin-top: 1rem;
+
+      .stat-item {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        gap: 0.25rem;
+        padding: 0.75rem;
+        background: rgba(0, 0, 0, 0.2);
+        border-radius: 0.25rem;
+        border: 1px solid var(--color-border-dark);
+
+        i {
+          font-size: 1.5rem;
+          color: var(--color-text-light-heading);
+          margin-bottom: 0.25rem;
+        }
+
+        .stat-label {
+          font-size: 0.75rem;
+          color: var(--color-text-dark-secondary);
+          text-transform: uppercase;
+        }
+
+        .stat-value {
+          font-size: 1.25rem;
+          font-weight: bold;
+          color: var(--color-text-light-heading);
+        }
+      }
+    }
+  }
+
+  .deck-actions {
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+
+    .action-button {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      gap: 0.5rem;
+      padding: 0.75rem 1rem;
+      font-size: 1rem;
+      font-weight: bold;
+      border: none;
+      border-radius: 0.25rem;
+      cursor: pointer;
+      transition: all 0.2s ease;
+
+      i {
+        font-size: 1.25rem;
+      }
+
+      &:disabled {
+        opacity: 0.5;
+        cursor: not-allowed;
+      }
+    }
+
+    .reset-button {
+      background: var(--color-border-dark);
+      color: var(--color-text-light-heading);
+
+      &:hover:not(:disabled) {
+        background: var(--color-border-dark-tertiary);
+        transform: translateY(-2px);
+        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
+      }
+    }
+
+    .draw-actions {
+      display: grid;
+      grid-template-columns: repeat(3, 1fr);
+      gap: 0.5rem;
+
+      .draw-button {
+        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+        color: white;
+
+        &:hover:not(:disabled) {
+          background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
+          transform: translateY(-2px);
+          box-shadow: 0 4px 8px rgba(102, 126, 234, 0.4);
+        }
+      }
+    }
+  }
+
+  .recent-draws {
+    h3 {
+      margin: 0 0 1rem 0;
+      font-size: 1.25rem;
+      color: var(--color-text-dark-primary);
+      padding-bottom: 0.5rem;
+      border-bottom: 1px solid var(--color-border-dark);
+    }
+
+    .drawn-cards-list {
+      display: flex;
+      flex-direction: column;
+      gap: 0.75rem;
+      max-height: 300px;
+      overflow-y: auto;
+
+      .drawn-card {
+        display: flex;
+        gap: 1rem;
+        padding: 0.75rem;
+        background: rgba(0, 0, 0, 0.2);
+        border-radius: 0.25rem;
+        border: 1px solid var(--color-border-dark);
+        transition: all 0.2s ease;
+
+        &:hover {
+          background: rgba(0, 0, 0, 0.3);
+          border-color: var(--color-border-dark-tertiary);
+        }
+
+        .card-image {
+          width: 60px;
+          height: 60px;
+          object-fit: cover;
+          border-radius: 0.25rem;
+          border: 1px solid var(--color-border-dark);
+        }
+
+        .card-info {
+          flex: 1;
+          display: flex;
+          flex-direction: column;
+          justify-content: center;
+          gap: 0.25rem;
+
+          .card-name {
+            margin: 0;
+            font-size: 1rem;
+            color: var(--color-text-light-heading);
+          }
+
+          .card-details {
+            display: flex;
+            gap: 1rem;
+            font-size: 0.875rem;
+
+            .card-symbole,
+            .card-valeur {
+              color: var(--color-text-dark-secondary);
+            }
+          }
+        }
+      }
+    }
+  }
+
+  .no-draws {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    gap: 1rem;
+    padding: 3rem 1rem;
+    color: var(--color-text-dark-secondary);
+    text-align: center;
+
+    i {
+      opacity: 0.3;
+    }
+
+    p {
+      margin: 0;
+      font-style: italic;
+    }
+  }
+
+  .deck-empty-warning {
+    display: flex;
+    align-items: center;
+    gap: 0.75rem;
+    padding: 1rem;
+    background: rgba(255, 165, 0, 0.1);
+    border: 1px solid rgba(255, 165, 0, 0.3);
+    border-radius: 0.25rem;
+    color: #ffa500;
+
+    i {
+      font-size: 1.5rem;
+    }
+
+    p {
+      margin: 0;
+      flex: 1;
+    }
+  }
+}