force utc everywhere

src/routes/rnfgrertt/borgle.lazy.tsx

···
 import { QtContext } from "@/providers/qtprovider";
 import { Check, Loader2, Clipboard } from "lucide-react";
 import { generateTid, tidToTime } from "@/lib/tid";
+import { timeAgo } from "@/lib/utils";
 
 import { WORD_LIST, ACCEPTED_WORDS } from "@/lib/borgle-lists";
 import { StateUpdater } from "preact/hooks";
···
 
 // Get word and puzzle number based on the current date
 function getTodaysWordData(): WordData {
-  const today = new Date();
-  const startDate = new Date("2025-06-10"); // Reference start date
+  const now = new Date();
+  const today = new Date(
+    Date.UTC(now.getUTCFullYear(), now.getUTCMonth(), now.getUTCDate()),
+  );
+  const startDate = new Date("2025-06-10T00:00:00Z"); // Reference start date in UTC
   const daysSinceStart = Math.floor(
     (today.getTime() - startDate.getTime()) / (1000 * 60 * 60 * 24),
   );
···
   return {
     word: WORD_LIST[index],
     puzzleNumber: daysSinceStart + 1, // Start from puzzle #1
-    date: today.toLocaleDateString(),
+    date: today.toISOString().split("T")[0], // Use UTC date
   };
 }
 
···
   const [hasSubmittedToday, setHasSubmittedToday] = useState<boolean>(false);
   const [submissionRecord, setSubmissionRecord] = useState<string>("");
   const [submissionError, setSubmissionError] = useState<string>("");
+  const [nextPuzzleTime, setNextPuzzleTime] = useState<string>("");
 
   // Initialize game
   useEffect(() => {
···
     }
   }, [checkingSubmission, todaysSubmission]);
 
+  // Update countdown timer
+  useEffect(() => {
+    const updateCountdown = () => {
+      const now = new Date();
+      const nextMidnightUTC = new Date();
+      nextMidnightUTC.setUTCDate(nextMidnightUTC.getUTCDate() + 1);
+      nextMidnightUTC.setUTCHours(0, 0, 0, 0); // Set to UTC midnight
+
+      setNextPuzzleTime(
+        timeAgo(nextMidnightUTC, { future: true, useShortLabels: true }),
+      );
+    };
+
+    updateCountdown(); // Initial update
+    const interval = setInterval(updateCountdown, 60000); // Update every minute
+
+    return () => clearInterval(interval);
+  }, []);
+
   // Submit playthrough when game ends
   useEffect(() => {
     const submitPlaythrough = async () => {
···
 
       try {
         setHasSubmittedToday(true);
-        // Check if today's submission already exists
-        const today = new Date().toISOString().split("T")[0];
+        // Check if today's submission already exists (using UTC date)
+        const now = new Date();
+        const todayUTC = new Date(
+          Date.UTC(now.getUTCFullYear(), now.getUTCMonth(), now.getUTCDate()),
+        );
+        const today = todayUTC.toISOString().split("T")[0];
         const response = await qt.client.rpc.get(
           "com.atproto.repo.listRecords",
           {
···
     try {
       console.log("Checking submission");
       const wordData = getTodaysWordData();
-      const today = new Date().toISOString().split("T")[0]; // YYYY-MM-DD format
+      const now = new Date();
+      const todayUTC = new Date(
+        Date.UTC(now.getUTCFullYear(), now.getUTCMonth(), now.getUTCDate()),
+      );
+      const today = todayUTC.toISOString().split("T")[0]; // YYYY-MM-DD format in UTC
 
       const response = await qt.client.rpc.get("com.atproto.repo.listRecords", {
         params: {
···
   };
 
   const generateCurrentGameState = (): string => {
-    let state = `Borgle Puzzle #${puzzleNumber} (${todaysDate})\n`;
+    let state = `Borgle Puzzle #${puzzleNumber}\n`;
 
     for (let res in evaluations) {
       const evalRow = evaluations[res];
···
             <h1 className="text-4xl font-bold tracking-wide">BORGLE</h1>
             {puzzleNumber > 0 && (
               <div className="text-sm text-muted-foreground mt-1">
-                Puzzle #{puzzleNumber} • {todaysDate}
+                Puzzle #{puzzleNumber} • {todaysDate} Zulu time
               </div>
             )}
           </div>
···
 
           <div className="text-center">
             <div className="text-sm text-gray-500 mb-4">
-              Come back tomorrow for the next puzzle!
+              Come back after midnight UTC ({nextPuzzleTime}) for the next
+              puzzle!
             </div>
             <button
               onClick={() => {
···
               />
             </div>
             <div className="text-xs text-gray-500 mt-2">
-              Daily word changes at midnight
+              Daily puzzle changes at midnight UTC ({nextPuzzleTime})
             </div>
           </div>
         ) : (