feat: nový vzhled Spy x Family

client/src/components/WheelConfetti.scss

@@ -638,3 +638,81 @@
     }
   }
 }
+
+// ============================================
+// Konfety ve stylu Spy × Family
+// ============================================
+.confetti-sxf {
+  filter: drop-shadow(0 3px 3px rgb(34 48 60 / 0.25));
+}
+
+// Štítky jako výstřižky z novin a razítka na spisech — psací stroj, tenký vnitřní lem
+.confetti-sxf-badge {
+  padding: 4px 14px;
+  border-radius: 4px;
+  color: #fffcf5;
+  box-shadow: inset 0 0 0 2px rgb(255 252 245 / 0.35);
+  font-family: 'Courier Prime', 'Courier New', monospace;
+  font-weight: 700;
+  font-size: 1.1rem;
+  white-space: nowrap;
+}
+
+// Nápis „わくわく!" — retro titulek s dvojitou linkou, poskočí radostí jako Anya
+.confetti-sxf-banner {
+  position: absolute;
+  top: 38%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  padding: 12px 44px 16px;
+  font-family: 'Playfair Display', Georgia, serif;
+  font-weight: 800;
+  font-size: clamp(2rem, 7vw, 4.2rem);
+  white-space: nowrap;
+  color: #fffcf5;
+  background:
+    linear-gradient(#d9483b, #d9483b) left bottom / 100% 5px no-repeat,
+    linear-gradient(#f7f0e1, #f7f0e1) left bottom 8px / 100% 3px no-repeat,
+    #1e6f6c;
+  border: 3px solid #f7f0e1;
+  border-radius: 12px;
+  box-shadow: 0 0 0 4px #1e6f6c, 0 14px 30px rgb(34 48 60 / 0.35);
+  animation: sxf-banner 2.6s ease both;
+}
+
+@keyframes sxf-banner {
+  0% { transform: translate(-50%, -50%) scale(0.3); opacity: 0; }
+  12% { transform: translate(-50%, -50%) scale(1.08); opacity: 1; }
+  18% { transform: translate(-50%, -58%) scale(1); }
+  24% { transform: translate(-50%, -50%) scale(1); }
+  30% { transform: translate(-50%, -55%) scale(1); }
+  36%, 80% { transform: translate(-50%, -50%) scale(1); opacity: 1; }
+  100% { transform: translate(-50%, -50%) scale(0.9); opacity: 0; }
+}
+
+// Postava s hláškou — zlatá medaile Eden a bublina jako kartička s dvojitou linkou
+.confetti-spyfamily-voice {
+  .confetti-mlp-avatar {
+    border: 4px solid #e8cc82;
+    background: radial-gradient(circle at 40% 35%, #fffcf5, #f2e2b9);
+    box-shadow: 0 0 0 3px var(--mlp-speaker, #1e6f6c), 0 4px 10px rgb(0 0 0 / 0.3);
+  }
+
+  .confetti-mlp-bubble {
+    background: #fffcf5;
+    color: #2b2620;
+    border: 2px solid var(--mlp-speaker, #1e6f6c);
+    border-radius: 8px;
+    box-shadow: 0 0 0 3px #fffcf5, 0 0 0 5px var(--mlp-speaker, #1e6f6c), 0 6px 14px rgb(0 0 0 / 0.25);
+    font-family: 'Nunito', sans-serif;
+
+    p {
+      font-weight: 800;
+    }
+
+    small {
+      font-family: 'Playfair Display', Georgia, serif;
+      font-style: italic;
+    }
+  }
+}