feat: přidání Bocchi the Rock! theme

client/src/components/WheelConfetti.scss

@@ -400,3 +400,76 @@
     }
   }
 }
+
+// ============================================
+// Konfety ve stylu Bocchi the Rock!
+// ============================================
+.confetti-bocchi {
+  filter: drop-shadow(3px 3px 0 rgb(29 26 34 / 0.85));
+}
+
+// Samolepky z flyeru live house — černá linka a tvrdý stín
+.confetti-bocchi-badge {
+  padding: 4px 14px;
+  border-radius: 6px;
+  border: 3px solid #1d1a22;
+  color: #fff;
+  font-family: 'Dela Gothic One', 'M PLUS Rounded 1c', sans-serif;
+  font-size: 1.05rem;
+  white-space: nowrap;
+}
+
+// Nápis „Kessoku Band" — žlutá samolepka s růžovým stínem, při dopadu se zachvěje jako Bocchi
+.confetti-bocchi-banner {
+  position: absolute;
+  top: 38%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  padding: 12px 40px;
+  font-family: 'Dela Gothic One', 'M PLUS Rounded 1c', sans-serif;
+  font-size: clamp(1.8rem, 7vw, 4rem);
+  white-space: nowrap;
+  color: #1d1a22;
+  background: #ffcf33;
+  border: 5px solid #1d1a22;
+  border-radius: 10px;
+  box-shadow: 10px 10px 0 #e0457b, 18px 18px 0 #1d1a22;
+  animation: bocchi-banner 2.4s ease both;
+}
+
+@keyframes bocchi-banner {
+  0% { transform: translate(-50%, -50%) scale(2.2) rotate(-8deg); opacity: 0; }
+  14% { transform: translate(-50%, -50%) scale(1) rotate(-3deg); opacity: 1; }
+  17% { transform: translate(calc(-50% - 6px), -50%) rotate(-3deg); }
+  20% { transform: translate(calc(-50% + 6px), -50%) rotate(-3deg); }
+  23% { transform: translate(calc(-50% - 3px), -50%) rotate(-3deg); }
+  26%, 80% { transform: translate(-50%, -50%) rotate(-3deg); opacity: 1; }
+  100% { transform: translate(-50%, 60%) rotate(4deg); opacity: 0; }
+}
+
+// Postava s hláškou — hranatý odznak a bublina jako z mangy s tvrdým stínem
+.confetti-bocchi-voice {
+  .confetti-mlp-avatar {
+    border-radius: 12px;
+    border: 3px solid #1d1a22;
+    background: #ffcf33;
+    box-shadow: 5px 5px 0 var(--mlp-speaker, #e0457b);
+  }
+
+  .confetti-mlp-bubble {
+    background: #fff;
+    color: #1d1a22;
+    border: 3px solid #1d1a22;
+    border-radius: 10px;
+    box-shadow: 5px 5px 0 var(--mlp-speaker, #e0457b);
+    font-family: 'M PLUS Rounded 1c', 'Nunito', sans-serif;
+
+    p {
+      font-weight: 800;
+    }
+
+    &::before {
+      border-right-color: #1d1a22;
+    }
+  }
+}