Restrict native share dialog to mobile devices, use clipboard copy on desktop

app/special/[name]/page.tsx

@@ -62,6 +62,7 @@ export default async function SpecialPage({ params }: PageProps) {
             <Game
                 dailyPuzzle={dailyPuzzle}
                 genre={decodedName}
+                isSpecial={true}
                 maxAttempts={dailyPuzzle?.maxAttempts}
                 unlockSteps={dailyPuzzle?.unlockSteps}
             />

components/Game.tsx

@@ -17,18 +17,20 @@ interface GameProps {
         coverImage: string | null;
     } | null;
     genre?: string | null;
+    isSpecial?: boolean;
     maxAttempts?: number;
     unlockSteps?: number[];
 }
 
 const DEFAULT_UNLOCK_STEPS = [2, 4, 7, 11, 16, 30, 60];
 
-export default function Game({ dailyPuzzle, genre = null, maxAttempts = 7, unlockSteps = DEFAULT_UNLOCK_STEPS }: GameProps) {
+export default function Game({ dailyPuzzle, genre = null, isSpecial = false, maxAttempts = 7, unlockSteps = DEFAULT_UNLOCK_STEPS }: GameProps) {
     const { gameState, statistics, addGuess } = useGameState(genre, maxAttempts);
     const [hasWon, setHasWon] = useState(false);
     const [hasLost, setHasLost] = useState(false);
-    const [shareText, setShareText] = useState('Share Result');
+    const [shareText, setShareText] = useState('🔗 Share');
     const [lastAction, setLastAction] = useState<'GUESS' | 'SKIP' | null>(null);
+    const [isProcessingGuess, setIsProcessingGuess] = useState(false);
 
     useEffect(() => {
         if (gameState && dailyPuzzle) {
@@ -52,6 +54,9 @@ export default function Game({ dailyPuzzle, genre = null, maxAttempts = 7, unloc
     if (!gameState) return <div>Loading state...</div>;
 
     const handleGuess = (song: any) => {
+        if (isProcessingGuess) return; // Prevent multiple guesses
+
+        setIsProcessingGuess(true);
         setLastAction('GUESS');
         if (song.id === dailyPuzzle.songId) {
             addGuess(song.title, true);
@@ -65,6 +70,8 @@ export default function Game({ dailyPuzzle, genre = null, maxAttempts = 7, unloc
                 sendGotifyNotification(maxAttempts, 'lost', dailyPuzzle.id, genre);
             }
         }
+        // Reset after a short delay to allow UI update
+        setTimeout(() => setIsProcessingGuess(false), 500);
     };
 
     const handleSkip = () => {
@@ -82,7 +89,7 @@ export default function Game({ dailyPuzzle, genre = null, maxAttempts = 7, unloc
 
     const unlockedSeconds = unlockSteps[Math.min(gameState.guesses.length, unlockSteps.length - 1)];
 
-    const handleShare = () => {
+    const handleShare = async () => {
         let emojiGrid = '';
         const totalGuesses = maxAttempts;
 
@@ -104,26 +111,48 @@ export default function Game({ dailyPuzzle, genre = null, maxAttempts = 7, unloc
 
         const speaker = hasWon ? '🔉' : '🔇';
         const genreText = genre ? `Genre: ${genre}\n` : '';
-        const text = `Hördle #${dailyPuzzle.id}\n${genreText}\n${speaker}${emojiGrid}\n\n#Hördle #Music\n\nhttps://hoerdle.elpatron.me`;
 
-        // Fallback method for copying to clipboard
-        const textarea = document.createElement('textarea');
-        textarea.value = text;
-        textarea.style.position = 'fixed';
-        textarea.style.opacity = '0';
-        document.body.appendChild(textarea);
-        textarea.select();
+        // Generate URL with genre/special path
+        let shareUrl = 'https://hoerdle.elpatron.me';
+        if (genre) {
+            if (isSpecial) {
+                shareUrl += `/special/${encodeURIComponent(genre)}`;
+            } else {
+                shareUrl += `/${encodeURIComponent(genre)}`;
+            }
+        }
 
+        const text = `Hördle #${dailyPuzzle.id}\n${genreText}\n${speaker}${emojiGrid}\n\n#Hördle #Music\n\n${shareUrl}`;
+
+        // Try native Web Share API only on mobile devices
+        const isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);
+
+        if (isMobile && navigator.share) {
+            try {
+                await navigator.share({
+                    title: `Hördle #${dailyPuzzle.id}`,
+                    text: text,
+                });
+                setShareText('✓ Shared!');
+                setTimeout(() => setShareText('🔗 Share'), 2000);
+                return;
+            } catch (err) {
+                // User cancelled or error - fall through to clipboard
+                if ((err as Error).name !== 'AbortError') {
+                    console.error('Share failed:', err);
+                }
+            }
+        }
+
+        // Fallback: Copy to clipboard
         try {
-            document.execCommand('copy');
-            setShareText('Copied!');
-            setTimeout(() => setShareText('Share Result'), 2000);
+            await navigator.clipboard.writeText(text);
+            setShareText('✓ Copied!');
+            setTimeout(() => setShareText('🔗 Share'), 2000);
         } catch (err) {
-            console.error('Failed to copy:', err);
-            setShareText('Copy failed');
-            setTimeout(() => setShareText('Share Result'), 2000);
-        } finally {
-            document.body.removeChild(textarea);
+            console.error('Clipboard failed:', err);
+            setShareText('✗ Failed');
+            setTimeout(() => setShareText('🔗 Share'), 2000);
         }
     };
 
@@ -163,7 +192,7 @@ export default function Game({ dailyPuzzle, genre = null, maxAttempts = 7, unloc
 
                 {!hasWon && !hasLost && (
                     <>
-                        <GuessInput onGuess={handleGuess} disabled={false} />
+                        <GuessInput onGuess={handleGuess} disabled={isProcessingGuess} />
                         {gameState.guesses.length < 6 ? (
                             <button
                                 onClick={handleSkip}