Loading words...

\n );\n }\n\n // Don't render if wordlist is empty\n if (wordlist.length === 0) {\n return (\n

No words available

\n );\n }\n\n if (currentView === \"gameplay\") {\n return (\n

\n Is It Two Words?\n

a word game by Alex Wein

\n \n \n \n\n {/*

Current Path: {path.join(\"\")}

*/}\n\n \n

\n );\n }\n}",[],[196,202,208],{"_107":216,"_100":217,"_154":218,"_156":203,"_157":138,"_158":219,"_160":161,"_109":220,"_104":221,"_163":189,"_165":222,"_166":27,"_167":-5,"_168":223,"_103":224},"efed3844-55ef-11f0-8ded-f69ea79377d9","CurrentWord.tsx","f773731a-5376-11f0-bebf-f69ea79377d9",64,["D",1751314945920],24,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useRef, useState } from \"https://esm.sh/react@18.2.0\";\n\ninterface CurrentWordProps {\n word: string;\n path: string[];\n onPathUpdate: (path: string[]) => void;\n onWordComplete: () => void;\n}\n\nexport function CurrentWord({ word, path, onPathUpdate, onWordComplete }: CurrentWordProps) {\n const containerRef = useRef(null);\n const isDragging = useRef(false);\n const lastHitbox = useRef(null);\n const [activeHitbox, setActiveHitbox] = useState(null);\n\n const getHitboxFromPoint = (x, y) => {\n const container = containerRef.current;\n if (!container) return null;\n\n const rect = container.getBoundingClientRect();\n const relativeX = x - rect.left;\n const relativeY = y - rect.top;\n\n // Check if point is within container bounds\n if (relativeX < 0 || relativeX > rect.width || relativeY < 0 || relativeY > rect.height) {\n return null;\n }\n\n // Determine which hitbox based on x position (left or right half)\n return relativeX < rect.width / 2 ? \"L\" : \"R\";\n };\n\n const handlePointerDown = (e) => {\n isDragging.current = true;\n const hitbox = getHitboxFromPoint(e.clientX, e.clientY);\n\n if (hitbox) {\n onPathUpdate([...path, hitbox]);\n lastHitbox.current = hitbox;\n setActiveHitbox(hitbox);\n }\n\n // Capture pointer to continue receiving events even if pointer moves outside element\n e.currentTarget.setPointerCapture(e.pointerId);\n };\n\n const handlePointerMove = (e) => {\n if (!isDragging.current) return;\n\n const currentHitbox = getHitboxFromPoint(e.clientX, e.clientY);\n\n // Update active hitbox based on current position\n setActiveHitbox(currentHitbox);\n\n // Only add to path if we're still inside the container and moved to a different hitbox\n if (currentHitbox && currentHitbox !== lastHitbox.current) {\n onPathUpdate([...path, currentHitbox]);\n lastHitbox.current = currentHitbox;\n }\n };\n\n const handlePointerUp = (e) => {\n isDragging.current = false;\n lastHitbox.current = null;\n setActiveHitbox(null);\n e.currentTarget.releasePointerCapture(e.pointerId);\n\n // When dragging ends, trigger word completion if there's a path\n if (path.length > 0) {\n onWordComplete();\n }\n };\n\n return (\n \n

{word}

\n \n );\n}",[],[196,202,217],{"_107":226,"_100":227,"_154":228,"_156":203,"_157":138,"_158":186,"_160":161,"_109":229,"_104":31,"_163":189,"_165":230,"_166":27,"_167":-5,"_168":231,"_103":232},"f9c55738-5604-11f0-b52a-f69ea79377d9","GameOver.tsx","f9c557e2-5604-11f0-b52a-f69ea79377d9",["D",1751323981861],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\ninterface MenuProps {\n onStartGame: (setNumber: number) => void;\n onBackToMenu: () => void;\n gameStartTime: number;\n gameEndTime: number;\n timeAdjustment: number;\n history: any[];\n selectedSet: number;\n}\n\nexport function GameOver(\n { onStartGame, onBackToMenu, gameStartTime, gameEndTime, timeAdjustment, history, selectedSet }: MenuProps,\n) {\n const elapsed = Math.floor((gameEndTime - gameStartTime) / 1000) + timeAdjustment;\n\n const shareText = `I finished Is It Two Words? Set ${selectedSet} in ${elapsed} seconds. https://twowords.val.run/`;\n return (\n

\n Is It Two Words?\n

a word game by Alex Wein

\n\n

\n Nice Job! You completed Set {selectedSet} in {elapsed} seconds!\n

\n {\n navigator.clipboard.writeText(shareText);\n }}\n >\n Copy results to clipboard!\n \n\n

\n onStartGame(1)}\n >\n Play Set 1\n \n onStartGame(2)}\n >\n Play Set 2\n \n onStartGame(3)}\n >\n Play Set 3\n \n

\n );\n}",[],[196,202,227],{"_107":234,"_100":235,"_154":236,"_156":203,"_157":138,"_158":211,"_160":161,"_109":237,"_104":31,"_163":189,"_165":238,"_166":27,"_167":-5,"_168":239,"_103":240},"0f9f1890-5377-11f0-b09d-f69ea79377d9","History.tsx","0f9f1958-5377-11f0-b09d-f69ea79377d9",["D",1751043127672],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\ninterface HistoryEntry {\n word: string;\n path: string;\n}\n\ninterface HistoryProps {\n history: HistoryEntry[];\n}\n\nexport function History({ history }: HistoryProps) {\n if (history.length === 0) {\n return null;\n }\n\n return (\n

History

\n \n \n \n \n \n \n \n \n {history.map((entry, index) => (\n \n \n \n \n ))}\n \n

Word	Path
{entry.word}	{entry.path}

\n );\n}",[],[196,202,235],{"_107":242,"_100":243,"_154":244,"_156":203,"_157":138,"_158":186,"_160":161,"_109":245,"_104":246,"_163":189,"_165":247,"_166":27,"_167":-5,"_168":248,"_103":249},"f9c57812-5604-11f0-b52a-f69ea79377d9","LastWord.tsx","cbd77db0-55c3-11f0-bad6-f69ea79377d9",["D",1751323981861],5,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\ninterface LastWordProps {\n word: any;\n path: string;\n lastTimeBonus: number | null;\n}\n\nexport function LastWord({ word, path, lastTimeBonus }: LastWordProps) {\n const validateLeft = (word, path) => {\n if (path.includes(\"LR\") && word.ltr === true) return \" ✅\";\n if (path.includes(\"LR\") && word.ltr === false) return \" ❌\";\n };\n\n const validateRight = (word, path) => {\n if (path.includes(\"RL\") && word.rtl === true) return \" ✅\";\n if (path.includes(\"RL\") && word.rtl === false) return \" ❌\";\n };\n\n return (\n

\n Last Word:\n \n {word?.text}\n {word ? validateLeft(word, path) : \"\"}\n \n \n {word ? word.text.split(\"\").reverse().join(\"\") : \"\"}\n {word ? validateRight(word, path) : \"\"}\n \n {lastTimeBonus !== null && lastTimeBonus !== 0 && (\n \n {lastTimeBonus > 0 ? `+${lastTimeBonus}s` : `${lastTimeBonus}s`}\n \n )}\n {lastTimeBonus === 0 && }\n

\n );\n}",[],[196,202,243],{"_107":251,"_100":252,"_154":253,"_156":203,"_157":138,"_158":254,"_160":161,"_109":255,"_104":176,"_163":189,"_165":256,"_166":27,"_167":-5,"_168":257,"_103":258},"14e1a67e-5606-11f0-add7-f69ea79377d9","Menu.tsx","08ae2092-54e6-11f0-9ba8-f69ea79377d9",71,["D",1751324456852],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\ninterface MenuProps {\n onStartGame: (setNumber: number) => void;\n}\n\nexport function Menu({ onStartGame }: MenuProps) {\n return (\n

\n Is It Two Words?\n

a word game by Alex Wein

\n\n

\n If you see a word: swipe left to right.\n
\n If you see a word backwards: swipe right to left.\n
\n If it's a word and a backwards word: swipe back and forth.\n
\n There's a time bonus if you correctly swipe both ways. And a penalty if you swipe something that isn't a\n word.\n

\n\n

\n onStartGame(1)}\n >\n Play Set 1\n \n onStartGame(2)}\n >\n Play Set 2\n \n onStartGame(3)}\n >\n Play Set 3\n \n

\n );\n}",[],[196,202,252],{"_107":260,"_100":261,"_154":262,"_156":203,"_157":138,"_158":219,"_160":161,"_109":263,"_104":159,"_163":189,"_165":264,"_166":27,"_167":-5,"_168":265,"_103":266},"efed3f56-55ef-11f0-8ded-f69ea79377d9","NextWord.tsx","cbd7888c-55c3-11f0-bad6-f69ea79377d9",["D",1751314945920],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\nexport function NextWord({ word }: { word: string }) {\n return (\n

\n Next Word: {word}\n

\n );\n}",[],[196,202,261],{"_107":268,"_100":269,"_154":270,"_156":203,"_157":138,"_158":186,"_160":161,"_109":271,"_104":272,"_163":189,"_165":273,"_166":27,"_167":-5,"_168":274,"_103":275},"f9c57dd0-5604-11f0-b52a-f69ea79377d9","ScoreBoard.tsx","08ae265a-54e6-11f0-9ba8-f69ea79377d9",["D",1751323981861],2,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\n\ninterface ScoreBoardProps {\n currentWordIndex: number;\n totalWords: number;\n gameStartTime: number | null;\n timeAdjustment: number;\n lastTimeBonus: number | null;\n}\n\nexport function ScoreBoard(\n { currentWordIndex, totalWords, gameStartTime, timeAdjustment, lastTimeBonus }: ScoreBoardProps,\n) {\n const [elapsedTime, setElapsedTime] = useState(0);\n\n useEffect(() => {\n if (!gameStartTime) {\n setElapsedTime(0);\n return;\n }\n\n const interval = setInterval(() => {\n const now = Date.now();\n const elapsed = Math.floor((now - gameStartTime) / 1000);\n // Apply time adjustment (subtract because bonuses reduce displayed time, penalties increase it)\n setElapsedTime(elapsed + timeAdjustment);\n }, 1000);\n\n return () => clearInterval(interval);\n }, [gameStartTime, timeAdjustment]);\n\n const formatTime = (seconds: number) => {\n const mins = Math.floor(seconds / 60);\n const secs = seconds % 60;\n return `${mins}:${secs.toString().padStart(2, \"0\")}`;\n };\n\n return (\n

\n {currentWordIndex}/{totalWords}\n

\n \n {lastTimeBonus !== null && lastTimeBonus !== 0\n ? (lastTimeBonus > 0 ? `+${lastTimeBonus}s` : `${lastTimeBonus}s`)\n : \"+0s\"}\n \n {formatTime(elapsedTime)}\n

\n );\n}",[],[196,202,269],[196,202],{"_107":278,"_100":279,"_154":280,"_156":197,"_157":138,"_158":137,"_160":161,"_109":281,"_104":176,"_163":282,"_165":283,"_166":27,"_167":-5,"_168":284,"_103":285},"bf7962fa-5743-11f0-bd32-f69ea79377d9","favicon.svg","266ef955-f81b-4a2b-b528-117a49775db9",["D",1751460893520],"file","\n",[],[196,279],{"_107":287,"_100":288,"_154":289,"_156":197,"_157":138,"_158":290,"_160":161,"_109":291,"_104":272,"_163":282,"_165":292,"_166":27,"_167":-5,"_168":293,"_103":294},"b281807c-5677-11f0-b900-f69ea79377d9","index.html","895eb8ac-7e2c-4406-a11e-437689cf4352",73,["D",1751373254428],"\n\n \n \n \n Is It <em>Two</em> Words?\n \n \n \n \n

\n \n \n \n",[],[196,288],{"_107":296,"_100":297,"_154":298,"_156":197,"_157":138,"_158":159,"_160":161,"_109":299,"_104":31,"_163":189,"_165":300,"_166":27,"_167":-5,"_168":301,"_103":302},"80530f7c-5130-11f0-b402-f69ea79377d9","index.tsx","69904acc-e989-49ee-8628-4bff2b45ddb0",["D",1750792920080],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { App } from \"./components/App.tsx\";\n\nconst root = document.getElementById(\"root\");\nif (!root) {\n throw new Error(\"No root element found\");\n}\n\ncreateRoot(root).render();",[],[196,297],{"_107":304,"_100":305,"_154":306,"_156":197,"_157":138,"_158":307,"_160":161,"_109":308,"_104":309,"_163":282,"_165":310,"_166":27,"_167":-5,"_168":311,"_103":312},"377772fe-5606-11f0-9da1-f69ea79377d9","style.css","731e6046-02d8-42cd-bc36-7d32279fa2cf",72,["D",1751324514874],13,"* {\n box-sizing: border-box;\n}\n\nbody {\n font-family:\n -apple-system,\n BlinkMacSystemFont,\n \"Segoe UI\",\n Roboto,\n Oxygen,\n Ubuntu,\n Cantarell,\n sans-serif;\n color: #333;\n margin: 0;\n padding: 0;\n min-height: 100vh;\n background-color: #f8f8f5;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n /* Safe area padding for devices with notches */\n padding-left: env(safe-area-inset-left);\n padding-right: env(safe-area-inset-right);\n align-items: center;\n justify-content: center;\n}\n\n#root {\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n}\n\nbutton {\n background-color: #4a90e2;\n color: white;\n border: none;\n padding: 12px 20px;\n border-radius: 8px;\n cursor: pointer;\n font-size: 16px;\n font-weight: 500;\n transition: all 0.2s ease;\n -webkit-tap-highlight-color: transparent;\n touch-action: manipulation;\n}\n\nbutton:hover {\n background-color: #357ae8;\n transform: translateY(-1px);\n}\n\nbutton:active {\n transform: translateY(0);\n}\n\n.container {\n position: relative;\n width: 100%;\n max-width: min(98vw, 500px);\n height: 180px;\n margin: 20px auto;\n background-color: #f8f8f5;\n display: flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n user-select: none;\n border-radius: 12px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n}\n\n@media (min-width: 480px) {\n .container {\n height: 200px;\n }\n}\n\n@media (min-width: 768px) {\n .container {\n max-width: 600px;\n margin: 20px auto;\n height: 220px;\n }\n}\n\n/* Prevent text selection during drag */\n* {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n.center-text {\n position: relative;\n z-index: 2;\n color: #333;\n background-color: #f8f8f5;\n padding: 0.5em 1em;\n font-size: clamp(1.2rem, 4vw, 1.8rem);\n text-align: center;\n font-weight: 500;\n border-radius: 8px;\n width: 75%;\n height: 75%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.hitbox {\n position: absolute;\n top: 0;\n height: 100%;\n width: 50%;\n z-index: 3;\n touch-action: none;\n cursor: pointer;\n}\n\n/* Improve touch targets for mobile */\n@media (max-width: 767px) {\n .hitbox {\n min-height: 44px; /* iOS recommended minimum touch target */\n }\n}\n\n.hitbox.left {\n left: 0;\n}\n\n.hitbox.right {\n right: 0;\n}\n\n.back {\n position: absolute;\n top: 0;\n height: 100%;\n width: 50%;\n z-index: 1;\n}\n\n.back.left {\n left: 0;\n background-color: #add8e6; /* light blue */\n transition: background-color 0.2s ease;\n}\n\n.back.left.active {\n background-color: #87ceeb; /* darker blue when active */\n}\n\n.back.right {\n right: 0;\n background-color: #e6ccff; /* light purple */\n transition: background-color 0.2s ease;\n}\n\n.back.right.active {\n background-color: #d8b3ff; /* darker purple when active */\n}\n\n.game-header {\n width: 100%;\n background: linear-gradient(135deg, #333 0%, #444 100%);\n color: white;\n text-align: center;\n padding: 16px 20px;\n margin: 0;\n flex-shrink: 0;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n /* Safe area padding for devices with notches */\n padding-top: max(16px, env(safe-area-inset-top));\n}\n\n.game-header h1 {\n margin: 0 0 4px 0;\n font-size: clamp(20px, 5vw, 28px);\n font-weight: 600;\n letter-spacing: -0.5px;\n}\n\n.game-header div {\n font-size: clamp(12px, 3vw, 14px);\n opacity: 0.9;\n font-weight: 400;\n}\n\n.game-header .nav-link {\n color: #ffd700;\n text-decoration: none;\n margin: 0 10px;\n}\n\n.game-header .nav-link:hover {\n text-decoration: underline;\n}\n\n.menu-container {\n display: flex;\n flex-direction: column;\n min-height: 100vh;\n background: linear-gradient(135deg, #f8f8f5 0%, #e8e8e5 100%);\n}\n\n.menu-content {\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: 40px 20px;\n text-align: center;\n max-width: 500px;\n margin: 0 auto;\n width: 100%;\n}\n\n.game-description {\n font-size: clamp(16px, 4vw, 20px);\n line-height: 1.6;\n margin-bottom: 40px;\n color: #555;\n font-weight: 400;\n max-width: 400px;\n text-align: left;\n}\n\n.start-game-button {\n font-size: clamp(18px, 4vw, 22px);\n padding: 18px 36px;\n background: linear-gradient(135deg, #4a90e2 0%, #357ae8 100%);\n color: white;\n border: none;\n border-radius: 12px;\n cursor: pointer;\n font-weight: 600;\n letter-spacing: 0.5px;\n transition: all 0.3s ease;\n box-shadow: 0 4px 12px rgba(74, 144, 226, 0.3);\n -webkit-tap-highlight-color: transparent;\n touch-action: manipulation;\n min-width: 200px;\n}\n\n.button-group {\n display: flex;\n flex-direction: column;\n gap: 16px;\n align-items: center;\n}\n\n@media (min-width: 480px) {\n .button-group {\n flex-direction: row;\n justify-content: center;\n flex-wrap: wrap;\n }\n\n .start-game-button {\n min-width: 160px;\n }\n}\n\n.start-game-button:hover {\n background: linear-gradient(135deg, #357ae8 0%, #2968d4 100%);\n transform: translateY(-2px);\n box-shadow: 0 6px 16px rgba(74, 144, 226, 0.4);\n}\n\n.start-game-button:active {\n transform: translateY(0);\n box-shadow: 0 2px 8px rgba(74, 144, 226, 0.3);\n}\n\n.game-container {\n display: flex;\n flex-direction: column;\n min-height: 100vh;\n background: linear-gradient(135deg, #f8f8f5 0%, #e8e8e5 100%);\n}\n\n.game-content {\n flex: 1;\n padding: 16px;\n display: flex;\n flex-direction: column;\n gap: 16px;\n width: 100vw;\n max-width: 650px;\n margin: 0 auto;\n align-items: center;\n}\n\n@media (min-width: 480px) {\n .game-content {\n padding: 20px;\n gap: 20px;\n }\n}\n\n@media (min-width: 768px) {\n .game-content {\n padding: 30px 20px;\n gap: 24px;\n }\n}\n\n/* Loading and error states */\n.loading-container,\n.error-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n min-height: 100vh;\n padding: 20px;\n text-align: center;\n background: linear-gradient(135deg, #f8f8f5 0%, #e8e8e5 100%);\n}\n\n.loading-container div,\n.error-container div {\n font-size: clamp(16px, 4vw, 20px);\n color: #555;\n font-weight: 500;\n}\n\n/* LastWord component styles */\n.last-word-container {\n width: 100%;\n max-width: min(98vw, 500px);\n padding: 16px;\n border: 1px solid #ddd;\n border-radius: 12px;\n background-color: #fff;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n margin: 0 auto;\n text-align: center;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 12px;\n}\n\n/* Time bonus display in LastWord component (no fade animation) */\n.last-word-time-bonus {\n font-size: clamp(14px, 3.5vw, 16px);\n font-weight: 700;\n padding: 4px 8px;\n border-radius: 6px;\n flex-shrink: 0;\n}\n\n.last-word-time-bonus.positive {\n background-color: #d4edda;\n color: #155724;\n border: 1px solid #c3e6cb;\n}\n\n.last-word-time-bonus.negative {\n background-color: #f8d7da;\n color: #721c24;\n border: 1px solid #f5c6cb;\n}\n\n/* Text color utilities for LastWord component */\n.text-green {\n color: #28a745;\n font-weight: 600;\n}\n\n.text-gray {\n color: #6c757d;\n}\n\n.last-word-container h3 {\n margin: 0 0 12px 0;\n font-size: clamp(16px, 4vw, 18px);\n font-weight: 600;\n color: #333;\n}\n\n.last-word-content {\n display: flex;\n flex-direction: column;\n gap: 12px;\n}\n\n@media (min-width: 480px) {\n .last-word-content {\n flex-direction: row;\n gap: 20px;\n align-items: center;\n }\n}\n\n.last-word-item {\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n@media (min-width: 480px) {\n .last-word-item {\n flex-direction: row;\n gap: 8px;\n align-items: center;\n }\n}\n\n.last-word-label {\n font-weight: 600;\n color: #555;\n font-size: clamp(14px, 3.5vw, 16px);\n}\n\n.last-word-value {\n font-size: clamp(14px, 3.5vw, 16px);\n color: #333;\n}\n\n.last-word-path {\n font-family:\n \"SF Mono\",\n Monaco,\n \"Cascadia Code\",\n \"Roboto Mono\",\n Consolas,\n \"Courier New\",\n monospace;\n font-size: clamp(14px, 3.5vw, 16px);\n background-color: #f0f0f0;\n padding: 4px 8px;\n border-radius: 6px;\n border: 1px solid #e0e0e0;\n}\n\n.last-word-validation {\n font-weight: 600;\n margin-left: 8px;\n padding: 2px 6px;\n border-radius: 4px;\n font-size: clamp(12px, 3vw, 14px);\n}\n\n.last-word-validation.correct {\n background-color: #d4edda;\n color: #155724;\n}\n\n.last-word-validation.incorrect {\n background-color: #f8d7da;\n color: #721c24;\n}\n\n/* NextWord component styles */\n.next-word-container {\n width: 100%;\n max-width: min(98vw, 500px);\n text-align: center;\n padding: 16px;\n background-color: #fff;\n border-radius: 12px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n border: 1px solid #ddd;\n margin: 0 auto;\n}\n\n.next-word-label {\n font-size: clamp(14px, 3.5vw, 16px);\n color: #666;\n margin-bottom: 8px;\n font-weight: 500;\n}\n\n.next-word-text {\n font-size: clamp(16px, 4vw, 20px);\n color: #333;\n font-weight: 600;\n}\n\n/* ScoreBoard component styles */\n.scoreboard-container {\n width: 100%;\n max-width: min(98vw, 500px);\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 12px 16px;\n background-color: #fff;\n border-radius: 12px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n border: 1px solid #ddd;\n margin: 0 auto;\n}\n\n.scoreboard-left {\n display: flex;\n align-items: center;\n flex: 1;\n}\n\n.scoreboard-center {\n display: flex;\n align-items: center;\n justify-content: center;\n flex: 1;\n}\n\n.scoreboard-right {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n flex: 1;\n}\n\n.word-progress {\n font-size: clamp(16px, 4vw, 18px);\n font-weight: 600;\n color: #333;\n}\n\n.timer {\n font-size: clamp(16px, 4vw, 18px);\n font-weight: 600;\n color: #4a90e2;\n font-family:\n \"SF Mono\",\n Monaco,\n \"Cascadia Code\",\n \"Roboto Mono\",\n Consolas,\n \"Courier New\",\n monospace;\n}\n\n/* Time bonus/penalty display in scoreboard */\n.time-bonus-display {\n font-size: clamp(14px, 3.5vw, 16px);\n font-weight: 700;\n padding: 4px 8px;\n border-radius: 6px;\n animation: bonusFlash 2s ease-out forwards;\n}\n\n.time-bonus-display.positive {\n background-color: #d4edda;\n color: #155724;\n border: 1px solid #c3e6cb;\n}\n\n.time-bonus-display.negative {\n background-color: #f8d7da;\n color: #721c24;\n border: 1px solid #f5c6cb;\n}\n\n.time-bonus-display.hidden {\n opacity: 0;\n background-color: transparent;\n color: transparent;\n border: 1px solid transparent;\n animation: none;\n}\n\n@keyframes bonusFlash {\n 0% {\n opacity: 0;\n transform: scale(0.8);\n }\n 20% {\n opacity: 1;\n transform: scale(1.05);\n }\n 40% {\n transform: scale(1);\n }\n 100% {\n opacity: 0;\n transform: scale(0.95);\n }\n}\n\n/* Copy button styles */\n.copy-button {\n font-size: clamp(14px, 3.5vw, 16px);\n padding: 12px 24px;\n background: linear-gradient(135deg, #6c757d 0%, #5a6268 100%);\n color: white;\n border: none;\n border-radius: 8px;\n cursor: pointer;\n font-weight: 500;\n transition: all 0.3s ease;\n box-shadow: 0 2px 8px rgba(108, 117, 125, 0.3);\n -webkit-tap-highlight-color: transparent;\n touch-action: manipulation;\n margin-bottom: 20px;\n}\n\n.copy-button:hover {\n background: linear-gradient(135deg, #5a6268 0%, #495057 100%);\n transform: translateY(-1px);\n box-shadow: 0 4px 12px rgba(108, 117, 125, 0.4);\n}\n\n.copy-button:active {\n transform: translateY(0);\n box-shadow: 0 2px 6px rgba(108, 117, 125, 0.3);\n}",[],[196,305],[196],{"_107":315,"_100":316,"_154":317,"_156":-5,"_157":138,"_158":318,"_160":161,"_109":319,"_104":320,"_163":282,"_165":321,"_166":27,"_167":-5,"_168":322,"_103":323},"9819bc16-5679-11f0-836e-f69ea79377d9","README.md","29ee1cf0-abef-4cb8-9e22-49d1fbb5cdbf",74,["D",1751374069120],20,"## Is It *Two* Words\n\nHere's another little word game.\nIdentify whether the letters in the middle box spell a word going forwards, backwards or both.\n\n### How to Play\n\n1. Choose a word set from the main menu\n2. For each word displayed:\n - If it's a word reading left-to-right: **swipe left to right**\n - If it's a word reading right-to-left: **swipe right to left** \n - If it's both: **swipe back and forth**\n3. There's a time bonus if you correctly swipe both ways. And a penalty if you swipe something that isn't a word.\n\n### todos:\n\n- think through colors\n- capitalize words?\n- pick an okay font\n- display a little more info in LastWord ✅\n- split wordlist into chunks? ✅\n- add game over state ✅\n - count number of incorrect guesses\n - count number of bonuses\n - share link ✅\n - record plays in db\n- should I name it \"Stressed Desserts\"?\n - is it two words?\n - stressed desserts\n - this might have too much search volume already\n - emagdrow",[],[316],"files",[151,170,182,194,200,206,215,225,233,241,250,259,267,277,286,295,303,314],"counts",{"_328":31,"_329":330,"_331":31,"_332":31},"pulls","branches",3,"forks","envVars","contents",[335,338,341],{"_107":152,"_100":153,"_154":155,"_156":-5,"_157":138,"_158":159,"_160":161,"_109":336,"_104":31,"_163":164,"_165":-5,"_166":27,"_167":-5,"_103":337},["D",1750792920080],[153],{"_107":195,"_100":196,"_154":197,"_156":-5,"_157":138,"_158":159,"_160":161,"_109":339,"_104":31,"_163":164,"_165":-5,"_166":27,"_167":-5,"_103":340},["D",1750792920080],[196],{"_107":315,"_100":316,"_154":317,"_156":-5,"_157":138,"_158":318,"_160":161,"_109":342,"_104":320,"_163":282,"_165":321,"_166":27,"_167":-5,"_103":343},["D",1751374069120],[316],"upstreamProject",{"_107":346,"_100":347,"_115":348,"_116":-5,"_113":114,"_21":349},"96102714-f528-11ef-aa68-569c3dd06744","reactHonoStarter","Starter template with client-side React & Hono server",{"_98":350,"_133":351},"std","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJVaVhpQ1BId3dscVpBbkdZVWlMNjJtcjkxWS5wbmcifQ","upstreamBranch",{"_107":141,"_109":354,"_355":356,"_100":42,"_139":346,"_104":143,"_140":-5,"_142":-5,"_357":358,"_111":-5,"_131":27,"_113":114,"_148":350,"_147":347},["D",1740674013689],"updatedAt",["D",1748439933668],"lockfileKey","1748439933889-esm.town_v_std_reactHonoStarter@67-main","emptyEnvVars","isNew","routes/_app.x.$handle.$name.environment-variables",{"_98":99,"_100":101,"_105":363,"_332":367},{"_107":108,"_100":101,"_109":364,"_111":-5,"_112":27,"_113":114,"_115":-5,"_116":-5,"_12":117,"_118":-5,"_119":27,"_120":-5,"_121":31,"_122":123,"_124":123,"_125":126,"_127":126,"_128":126,"_129":123,"_130":123,"_131":27,"_21":365,"_135":366},["D",1750792920080],{"_98":99,"_133":134},{"_104":137,"_100":42,"_107":138,"_139":108,"_140":141,"_142":143,"_144":114,"_145":146,"_147":101,"_148":99},[],"routes/_app","actionData","errors"]

Environment variables