.

2025-12-04 22:49:16 +00:00
parent 23f7caa937
commit be1fea5fd4
16 changed files with 240 additions and 52 deletions
@@ -31,6 +31,16 @@

      /* Theme toggle */
      #theme-toggle{margin-left:0.5rem}
+      /* Top Trumps card styles */
+      .toptrump-card{max-width:320px;border-radius:10px;overflow:hidden;background:var(--card-bg);color:var(--text);box-shadow:0 6px 18px rgba(0,0,0,0.12);border:1px solid rgba(0,0,0,0.06)}
+      .toptrump-card .hero-image{height:180px;background-size:cover;background-position:center}
+      .toptrump-card .title-band{background:var(--accent);color:#072027;padding:0.6rem 0.75rem;text-align:center;font-weight:700;font-size:1.05rem}
+      .toptrump-card .card-body{padding:0.75rem}
+      .toptrump-card .stat-row{display:flex;align-items:center;gap:0.75rem;padding:0.25rem 0}
+      .toptrump-card .stat-label{width:90px;font-weight:600}
+      .toptrump-card .stat-bar{flex:1;height:12px;background:rgba(255,255,255,0.06);border-radius:8px;overflow:hidden}
+      .toptrump-card .stat-fill{height:100%;background:linear-gradient(90deg,var(--accent),#ffdd57);}
+      .toptrump-card .fact-list{margin-top:0.5rem;padding-left:1rem}
    </style>
  </head>
  <body>
@@ -48,6 +58,7 @@
        </div>
        <div id="messages"></div>
        {% block content %}{% endblock %}
+        <div id="modal-root"></div>
      </div>
    </section>
  </body>