Fix: reload login state from superbase

CSS/styles.css

@@ -114,8 +114,7 @@ a {
 .brand small,
 .deck,
 .status-row,
-.alert,
-.definition-alert {
+.alert {
   color: var(--muted);
 }
 
@@ -360,29 +359,6 @@ h2 {
   transform: translateY(-6px);
 }
 
-.definition-alert {
-  pointer-events: auto;
-  width: min(440px, calc(100vw - 32px));
-  text-align: start;
-}
-
-.definition-alert strong {
-  display: block;
-  margin-bottom: 6px;
-  color: var(--fg);
-  font-family: var(--font-display);
-  font-size: 1.2rem;
-  font-weight: 500;
-}
-
-.definition-alert::after {
-  display: block;
-  margin-top: 10px;
-  color: var(--muted);
-  content: "Click to dismiss";
-  font-size: 0.8rem;
-}
-
 .stats-modal {
   width: min(520px, calc(100vw - 32px));
   padding: 0;
@@ -462,6 +438,59 @@ h2 {
   line-height: 1.5;
 }
 
+.leaderboard-result {
+  display: grid;
+  gap: 12px;
+  padding: 14px;
+  border: 1px solid color-mix(in oklch, var(--accent), var(--border) 45%);
+  border-radius: 16px;
+  background: color-mix(in oklch, var(--accent), var(--surface) 88%);
+  color: var(--fg);
+  line-height: 1.55;
+}
+
+.leaderboard-result[hidden] {
+  display: none;
+}
+
+.leaderboard-result-summary {
+  display: flex;
+  align-items: baseline;
+  justify-content: space-between;
+  gap: 12px;
+  border-bottom: 1px solid color-mix(in oklch, var(--accent), var(--border) 62%);
+  padding-bottom: 10px;
+}
+
+.leaderboard-result strong {
+  display: block;
+  font-family: var(--font-display);
+  font-size: 1.35rem;
+  font-weight: 500;
+}
+
+.leaderboard-result span {
+  color: var(--muted);
+}
+
+.leaderboard-result-summary span {
+  flex: 0 0 auto;
+  font-size: 0.9rem;
+  font-weight: 900;
+}
+
+.leaderboard-definition {
+  display: grid;
+  gap: 6px;
+}
+
+.leaderboard-result em {
+  display: block;
+  margin-top: 10px;
+  color: var(--muted);
+  font-style: normal;
+}
+
 .definition-panel {
   display: grid;
   gap: 10px;