Добавление рулетки в 3ю часть игры + теперь работает гифка в лоре Адептов 400

Author: GGLast

artifacts/game-client/public/lor-400-question.gif

@@ -265,6 +265,8 @@ export function QuestionModal({
   const [showFireworks, setShowFireworks] = useState(false);
   const [splashDismissed, setSplashDismissed] = useState(false);
   const intervalRef = useRef<ReturnType<typeof setInterval> | null>(null);
+  /** Содержание «Ящика Пандоры» (adepts-game-2 Треш 500) перенесено в Пасхалки 200 */
+  const isPandora = themeName === "Пасхалки" && points === 200;
   const isCelebration = (themeName === "Зацени Look" && points === 500) || (themeName === "Боссы" && points === 200);
 
   const stopTimer = () => {
@@ -367,18 +369,37 @@ export function QuestionModal({
           <div className="fixed inset-0 pointer-events-none z-50 flex items-center justify-center p-3 lg:p-6">
             <motion.div
               initial={{ scale: 0.92, opacity: 0, y: 24 }}
-              animate={{ scale: 1, opacity: 1, y: 0 }}
+              animate={isPandora
+                ? { scale: 1, opacity: 1, y: 0, x: [0, -12, 12, -9, 9, -5, 5, -2, 2, 0] }
+                : { scale: 1, opacity: 1, y: 0 }}
               exit={{ scale: 0.92, opacity: 0, y: 24 }}
-              transition={{ type: "spring", damping: 26, stiffness: 320 }}
-              className="w-full max-w-5xl bg-card border-2 border-accent/40 rounded-2xl shadow-[0_0_80px_hsla(280,65%,50%,0.2)] pointer-events-auto overflow-hidden flex flex-col"
+              transition={isPandora
+                ? { duration: 0.55, times: [0, 0.1, 0.2, 0.3, 0.4, 0.55, 0.7, 0.82, 0.92, 1] }
+                : { type: "spring", damping: 26, stiffness: 320 }}
+              className="relative w-full max-w-5xl bg-card border-2 border-accent/40 rounded-2xl shadow-[0_0_80px_hsla(280,65%,50%,0.2)] pointer-events-auto overflow-hidden flex flex-col"
               style={{ maxHeight: "94vh" }}
             >
+              {isPandora && stage === "question" && (
+                <motion.div
+                  className="absolute inset-0 rounded-2xl pointer-events-none z-20"
+                  animate={{
+                    boxShadow: [
+                      "inset 0 0 0px 0px rgba(147,51,234,0), 0 0 0px 0px rgba(147,51,234,0)",
+                      "inset 0 0 55px 12px rgba(147,51,234,0.55), 0 0 60px 12px rgba(147,51,234,0.35)",
+                      "inset 0 0 0px 0px rgba(147,51,234,0), 0 0 0px 0px rgba(147,51,234,0)",
+                    ],
+                  }}
+                  transition={{ duration: 1.5, repeat: Infinity, ease: "easeInOut" }}
+                />
+              )}
               {/* Header */}
               <div className="flex-shrink-0 flex items-center justify-between px-5 lg:px-8 py-3 lg:py-4 border-b border-border/60 bg-muted/20">
                 <div className="flex items-center gap-4 lg:gap-6">
                   <div className="flex items-center gap-2 lg:gap-3">
                     <div>
-                      <div className="text-xs font-bold text-accent uppercase tracking-[0.2em] mb-0.5">
+                      <div className={`text-xs font-bold uppercase tracking-[0.2em] mb-0.5 ${isPandora ? "text-purple-400" : "text-accent"}`}
+                        style={isPandora ? { textShadow: "0 0 10px hsla(280,70%,60%,0.7)" } : undefined}
+                      >
                         {themeName}
                       </div>
                       <div className="font-display text-3xl lg:text-5xl text-primary glow-text leading-none">
@@ -652,7 +673,32 @@ export function QuestionModal({
               <div className="flex-shrink-0 px-5 lg:px-8 py-3 lg:py-4 border-t border-border/60 bg-muted/20 grid grid-cols-3 items-center gap-4">
                 {/* Left */}
                 <div className="flex justify-start">
-                  {isCelebration && stage === "answer" ? (
+                  {isPandora ? (
+                    <div className="flex items-center gap-2 flex-wrap">
+                      <a
+                        href="https://node-script--gg22last.replit.app/spectate"
+                        target="_blank"
+                        rel="noopener noreferrer"
+                        className="inline-flex items-center gap-2 px-4 py-2 rounded-lg text-sm font-bold uppercase tracking-wider border border-purple-500/60 bg-purple-950/50 text-purple-300 hover:bg-purple-900/60 hover:text-purple-200 transition-colors shadow-[0_0_12px_hsla(280,70%,50%,0.35)]"
+                      >
+                        <ExternalLink className="w-4 h-4" />
+                        Ящик пандоры
+                      </a>
+                      {question.used && (
+                        <Button
+                          variant="outline"
+                          size="sm"
+                          onClick={() => {
+                            onUpdate({ text, answerText, answerUrl, used: false });
+                            onClose();
+                          }}
+                          className="font-bold tracking-wide text-muted-foreground hover:text-foreground"
+                        >
+                          Сделать карточку активной
+                        </Button>
+                      )}
+                    </div>
+                  ) : isCelebration && stage === "answer" ? (
                     <Button
                       size="lg"
                       onClick={() => window.open(window.location.origin + "/adepts", "_blank")}
@@ -677,7 +723,7 @@ export function QuestionModal({
 
                 {/* Center — timer (only on question stage, not for celebration) */}
                 <div className="flex justify-center">
-                  {stage === "question" && !isCelebration && !question.splashUrl && (
+                  {stage === "question" && !isCelebration && !isPandora && !question.splashUrl && (
                     <motion.div
                       initial={{ opacity: 0, scale: 0.7 }}
                       animate={{ opacity: 1, scale: 1 }}
@@ -703,7 +749,7 @@ export function QuestionModal({
 
                 {/* Right */}
                 <div className="flex justify-end">
-                  {stage === "question" ? (
+                  {stage === "question" && !isPandora ? (
                     <Button
                       size="lg"
                       onClick={handleShowAnswer}
@@ -712,7 +758,7 @@ export function QuestionModal({
                       <Eye className="w-5 h-5" />
                       Показать ответ
                     </Button>
-                  ) : isCelebration ? (
+                  ) : isPandora || isCelebration ? (
                     <Button
                       variant="secondary"
                       size="lg"

artifacts/game-client/src/apps/adepts-game-3/components/QuestionModal.tsx

@@ -165,14 +165,15 @@ const DEFAULT_STATE: GameState = {
         text: "В канализации Даларана вы можете найти пасхалку к известному мульт-сериалу. Какому?",
         questionUrl: "",
         answerText: "Черепашки-ниндзя",
-        answerUrl: "https://images.cybersport.ru/images/as-is/plain/8e/8ea3f54ef99a2e90ed1ef1f34bcc085f.gif@jpg",
+        // Без @jpg: иначе CDN отдаёт image/jpeg — один кадр, «гифка не играет»
+        answerUrl: "https://images.cybersport.ru/images/as-is/plain/8e/8ea3f54ef99a2e90ed1ef1f34bcc085f.gif",
         used: false,
       },
       {
-        text: "В Зангартопи на одном из грибов можно найти интересное место. К какому произведению может быть эта пасхалка?",
-        questionUrl: "/easter-200-question.png",
-        answerText: "Алиса в стране чудес",
-        answerUrl: gd("1w5McZ0KJAVkchXb5dCLikxLQ_FsjvzEX"),
+        text: "Ящик Пандоры",
+        questionUrl: "/halyava-500-question.mp4",
+        answerText: "нужно сделать либо отдельный таймер на сайте, специально для таких евентов, либо как-то по другому.",
+        answerUrl: "",
         used: false,
       },
       {
@@ -357,7 +358,7 @@ const DEFAULT_STATE: GameState = {
 
 const STORAGE_KEY = "adepts-game-3-state";
 const PLAYERS_KEY = "adepts-shared-players";
-const DATA_VERSION = 12;
+const DATA_VERSION = 14;
 const DATA_VERSION_KEY = "adepts-game-3-data-version";
 const ROOM = "adepts-game-3";
 
@@ -380,6 +381,32 @@ function restoreRaccoonCards(state: GameState): GameState {
     }
   }
 
+  if (nextQuestions[3]?.[1]) {
+    nextQuestions[3][1] = {
+      ...nextQuestions[3][1],
+      text: "Ящик Пандоры",
+      questionUrl: "/halyava-500-question.mp4",
+    };
+  }
+
+  // Лор Адептов 400 — канонический медиа-файл в public (локальные .png/.jpg → .gif)
+  if (nextQuestions[0]?.[3]) {
+    const q = nextQuestions[0][3];
+    const u = (q.questionUrl || "").toLowerCase();
+    if (/lor-400-question\.(png|jpg|gif)$/i.test(u) && !u.startsWith("http")) {
+      nextQuestions[0][3] = { ...q, questionUrl: "/lor-400-question.gif" };
+    }
+  }
+
+  // Пасхалки 100 — старый URL с @jpg = статичный JPEG
+  if (nextQuestions[3]?.[0]?.answerUrl?.includes("8ea3f54ef99a2e90ed1ef1f34bcc085f.gif@jpg")) {
+    const q = nextQuestions[3][0];
+    nextQuestions[3][0] = {
+      ...q,
+      answerUrl: "https://images.cybersport.ru/images/as-is/plain/8e/8ea3f54ef99a2e90ed1ef1f34bcc085f.gif",
+    };
+  }
+
   return { ...state, questions: nextQuestions };
 }