feat: glitter border on team/class cards, mobile-friendly class selector

- Animated gold border glitter effect on active team card and class image
- Classes selector: 2-column grid on mobile (no scroll), list on desktop
- Selector appears above detail on mobile (flex-col-reverse)
- Compact selector items on mobile (icon + name only)

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

src/app/styles/animations.css

@@ -283,6 +283,47 @@
   }
 }
 
+/* ===== Team Card Glitter ===== */
+
+@keyframes glitter-move {
+  0% {
+    background-position: 0% 0%;
+  }
+  100% {
+    background-position: 200% 200%;
+  }
+}
+
+.team-card-glitter {
+  position: relative;
+}
+
+/* Animated gold border glow */
+.team-card-glitter::before {
+  content: "";
+  position: absolute;
+  inset: -1px;
+  border-radius: inherit;
+  padding: 2px;
+  background: linear-gradient(
+    135deg,
+    transparent 20%,
+    rgba(201, 169, 110, 0.6) 30%,
+    rgba(212, 184, 122, 1) 35%,
+    transparent 45%,
+    transparent 55%,
+    rgba(201, 169, 110, 0.5) 65%,
+    rgba(212, 184, 122, 0.9) 70%,
+    transparent 80%
+  );
+  background-size: 200% 200%;
+  animation: glitter-move 3s linear infinite;
+  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
+  mask-composite: exclude;
+  pointer-events: none;
+  z-index: 1;
+}
+
 /* ===== Section Divider ===== */
 
 .section-divider {
@@ -331,4 +372,8 @@
   .glow-hover:hover {
     transform: none;
   }
+
+  .team-card-glitter::before {
+    animation: none !important;
+  }
 }