[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_330":331,"_332":333},"routes/_app.x.$handle.$name",{"_100":99,"_32":45,"_109":86,"_27":110,"_13":14,"_111":-5,"_11":112,"_113":114,"_115":116,"_117":118,"_119":120,"_20":-5,"_121":122,"_123":124,"_125":25,"_126":127,"_128":58,"_129":-5,"_130":-5,"_131":132},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":-5,"_53":-5,"_18":54,"_55":56,"_57":58,"_59":58,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":79,"_80":81,"_82":83,"_84":25},"version",72,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":20,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":33,"_34":20,"_35":36},"deleted",false,"deletedHere","path","frontend/style.css","latestPath","fileId","731e6046-02d8-42cd-bc36-7d32279fa2cf","name","style.css","fileType","content","* {\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}\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}","* {\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}","createdAt",["D",1751324514874],"branchVersion","branchId","804d3f02-5130-11f0-b402-f69ea79377d9","id","8049b33c-5130-11f0-b402-f69ea79377d9","IsItTwoWords",["D",1750792920080],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","b85dcfbf-50f1-466c-9e2b-28ac90e0dd23","pinnedFileId","28015561-01b3-426c-9a3e-35cb76970cae","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","875ed3cd-ae4b-40bb-a45f-6a1970e11689","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_100":99,"_108":104},"org",{"_100":99,"_101":102,"_103":104,"_18":54,"_105":106,"_107":25},"branch",{"_13":85,"_32":86,"_43":42,"_87":44,"_88":89,"_90":91,"_92":50,"_93":94,"_95":96,"_97":45,"_98":99},"isOwned",76,"main","projectId","forkedBranchId","961078ea-f528-11ef-aa68-569c3dd06744","forkedBranchVersion",67,"forkedProjectPrivacy","forkedProjectId","96102714-f528-11ef-aa68-569c3dd06744","forkedProjectOrgId","019aa807-52c2-709c-928b-2029bae9a558","projectName","userHandle","alexwein","handle","displayName","Alex Wein","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ycjh6emNHdk9mMnY5djU3OFZBbEdleGhQZFAifQ","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":326,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":-5,"_53":-5,"_18":54,"_55":56,"_57":58,"_59":58,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":327,"_80":328,"_82":329,"_84":25},"tree",[182,185,199],"files",[182,183,184,185,186,187,188,189,190,191,192,193,194,195,196,197,198,199],"counts",{"_171":62,"_172":173,"_174":62,"_175":176,"_177":178},"contents",[145,146,147],"upstreamProject",{"_43":94,"_32":140,"_52":141,"_53":142,"_49":50,"_78":143},"upstreamBranch",{"_43":89,"_38":133,"_134":135,"_32":86,"_87":94,"_13":136,"_88":-5,"_90":-5,"_137":138,"_47":-5,"_84":25,"_49":50,"_98":139,"_63":96,"_97":140},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1740674013689],"updatedAt",["D",1785420707976],91,"lockfileKey","1785420708123-esm.town_v_templates_react-hono-starter@91-main","templates","react-hono-starter","Starter template with client-side React & Hono server","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/64dc00cc-94d9-47dd-81b1-dde02610d900/square512?exp=1789574399&sig=a8d51a028376b0f18dea863670f2a5f39dc2eca62054b0c7661bee5c0457fba4",{"_100":139,"_108":144},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789574399&sig=3d6a0be010e77940e58f104bd06b986c1fe4f3a57bc9d85e134d5d62fe89a483",{"_43":166,"_32":167,"_30":168,"_151":-5,"_41":42,"_40":162,"_153":58,"_38":169,"_13":62,"_34":164,"_35":-5,"_24":25,"_157":-5,"_27":170},{"_43":159,"_32":160,"_30":161,"_151":-5,"_41":42,"_40":162,"_153":58,"_38":163,"_13":62,"_34":164,"_35":-5,"_24":25,"_157":-5,"_27":165},{"_43":148,"_32":149,"_30":150,"_151":-5,"_41":42,"_40":152,"_153":25,"_38":154,"_13":155,"_34":20,"_35":156,"_24":25,"_157":-5,"_27":158},"fd166674-5605-11f0-a375-f69ea79377d9","README.md","29ee1cf0-abef-4cb8-9e22-49d1fbb5cdbf","parentId",70,"latest",["D",1751324416930],19,"## 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","label",[149],"805313b4-5130-11f0-b402-f69ea79377d9","frontend","0c79d68b-9b8e-46ee-b6e5-d021138429db",1,["D",1750792920080],"directory",[160],"80530662-5130-11f0-b402-f69ea79377d9","backend","a573a2a2-3bfd-4c81-b9ce-1b41cc01ce78",["D",1750792920080],[167],"pulls","branches",3,"forks","envVars",{"_179":62,"_181":62},"connections",{"_179":62,"_180":62},"count","unfilledCount","emptyCount",{"_43":166,"_32":167,"_30":168,"_151":-5,"_41":42,"_40":162,"_153":58,"_38":323,"_13":62,"_34":164,"_35":-5,"_24":25,"_157":-5,"_201":324,"_27":325},{"_43":314,"_32":315,"_30":56,"_151":168,"_41":42,"_40":316,"_153":58,"_38":317,"_13":257,"_34":318,"_35":319,"_24":25,"_157":320,"_201":321,"_27":322},{"_43":306,"_32":307,"_30":308,"_151":168,"_41":42,"_40":238,"_153":58,"_38":309,"_13":310,"_34":213,"_35":311,"_24":25,"_157":-5,"_201":312,"_27":313},{"_43":159,"_32":160,"_30":161,"_151":-5,"_41":42,"_40":162,"_153":58,"_38":303,"_13":62,"_34":164,"_35":-5,"_24":25,"_157":-5,"_201":304,"_27":305},{"_43":299,"_32":243,"_30":237,"_151":161,"_41":42,"_40":162,"_153":58,"_38":300,"_13":62,"_34":164,"_35":-5,"_24":25,"_157":-5,"_201":301,"_27":302},{"_43":292,"_32":293,"_30":294,"_151":237,"_41":42,"_40":238,"_153":58,"_38":295,"_13":272,"_34":213,"_35":296,"_24":25,"_157":-5,"_201":297,"_27":298},{"_43":284,"_32":285,"_30":286,"_151":237,"_41":42,"_40":247,"_153":58,"_38":287,"_13":288,"_34":213,"_35":289,"_24":25,"_157":-5,"_201":290,"_27":291},{"_43":277,"_32":278,"_30":279,"_151":237,"_41":42,"_40":238,"_153":58,"_38":280,"_13":62,"_34":213,"_35":281,"_24":25,"_157":-5,"_201":282,"_27":283},{"_43":269,"_32":270,"_30":271,"_151":237,"_41":42,"_40":272,"_153":58,"_38":273,"_13":62,"_34":213,"_35":274,"_24":25,"_157":-5,"_201":275,"_27":276},{"_43":261,"_32":262,"_30":263,"_151":237,"_41":42,"_40":238,"_153":58,"_38":264,"_13":265,"_34":213,"_35":266,"_24":25,"_157":-5,"_201":267,"_27":268},{"_43":252,"_32":253,"_30":254,"_151":237,"_41":42,"_40":255,"_153":58,"_38":256,"_13":257,"_34":213,"_35":258,"_24":25,"_157":-5,"_201":259,"_27":260},{"_43":244,"_32":245,"_30":246,"_151":237,"_41":42,"_40":247,"_153":58,"_38":248,"_13":162,"_34":213,"_35":249,"_24":25,"_157":-5,"_201":250,"_27":251},{"_43":234,"_32":235,"_30":236,"_151":237,"_41":42,"_40":238,"_153":58,"_38":239,"_13":230,"_34":213,"_35":240,"_24":25,"_157":-5,"_201":241,"_27":242},{"_43":225,"_32":226,"_30":227,"_151":161,"_41":42,"_40":228,"_153":25,"_38":229,"_13":230,"_34":20,"_35":231,"_24":25,"_157":-5,"_201":232,"_27":233},{"_43":217,"_32":218,"_30":219,"_151":161,"_41":42,"_40":220,"_153":25,"_38":221,"_13":162,"_34":20,"_35":222,"_24":25,"_157":-5,"_201":223,"_27":224},{"_43":209,"_32":210,"_30":211,"_151":161,"_41":42,"_40":162,"_153":58,"_38":212,"_13":62,"_34":213,"_35":214,"_24":25,"_157":-5,"_201":215,"_27":216},{"_43":204,"_32":33,"_30":31,"_151":161,"_41":42,"_40":14,"_153":58,"_38":205,"_13":206,"_34":20,"_35":37,"_24":25,"_157":-5,"_201":207,"_27":208},{"_43":148,"_32":149,"_30":150,"_151":-5,"_41":42,"_40":152,"_153":25,"_38":200,"_13":155,"_34":20,"_35":156,"_24":25,"_157":-5,"_201":202,"_27":203},["D",1751324416930],"children",[],[149],"377772fe-5606-11f0-9da1-f69ea79377d9",["D",1751324514874],13,[],[160,33],"80530f7c-5130-11f0-b402-f69ea79377d9","index.tsx","69904acc-e989-49ee-8628-4bff2b45ddb0",["D",1750792920080],"script","/** @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();",[],[160,210],"cbd795e8-55c3-11f0-bad6-f69ea79377d9","index.html","895eb8ac-7e2c-4406-a11e-437689cf4352",60,["D",1751295987520],"\n\n \n \n \n Is It TWO Words? - Word Game\n \n \n \n \n

\n \n \n \n",[],[160,218],"656e26b6-52b0-11f0-860a-f69ea79377d9","favicon.svg","266ef955-f81b-4a2b-b528-117a49775db9",6,["D",1750957801781],2,"\n",[],[160,226],"f9c57dd0-5604-11f0-b52a-f69ea79377d9","ScoreBoard.tsx","08ae265a-54e6-11f0-9ba8-f69ea79377d9","8c2398a1-6a4d-42b0-814f-1cd6d4944e5f",69,["D",1751323981861],"/** @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}",[],[160,243,235],"components","efed3f56-55ef-11f0-8ded-f69ea79377d9","NextWord.tsx","cbd7888c-55c3-11f0-bad6-f69ea79377d9",64,["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}",[],[160,243,245],"14e1a67e-5606-11f0-add7-f69ea79377d9","Menu.tsx","08ae2092-54e6-11f0-9ba8-f69ea79377d9",71,["D",1751324456852],4,"/** @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}",[],[160,243,253],"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}",[],[160,243,262],"0f9f1890-5377-11f0-b09d-f69ea79377d9","History.tsx","0f9f1958-5377-11f0-b09d-f69ea79377d9",25,["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}",[],[160,243,270],"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}",[],[160,243,278],"efed3844-55ef-11f0-8ded-f69ea79377d9","CurrentWord.tsx","f773731a-5376-11f0-bebf-f69ea79377d9",["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}",[],[160,243,285],"f9c56bf6-5604-11f0-b52a-f69ea79377d9","App.tsx","5d72fcff-d180-4e46-8e1d-da8e75754a5c",["D",1751323981861],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { CurrentWord } from \"/frontend/components/CurrentWord.tsx\";\nimport { GameOver } from \"/frontend/components/GameOver.tsx\";\nimport { LastWord } from \"/frontend/components/LastWord.tsx\";\nimport { Menu } from \"/frontend/components/Menu.tsx\";\nimport { NextWord } from \"/frontend/components/NextWord.tsx\";\nimport { ScoreBoard } from \"/frontend/components/ScoreBoard.tsx\";\nimport { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\n\nexport function App() {\n type View = \"newGame\" | \"gameplay\" | \"gameOver\";\n\n const [gameStarted, setGameStarted] = useState(false);\n const [wordlist, setWordlist] = useState([]);\n const [fullWordlist, setFullWordlist] = useState([]); // Store the complete wordlist\n const [selectedSet, setSelectedSet] = useState(null);\n const [loading, setLoading] = useState(true);\n const [path, setPath] = useState([]);\n const [currentWordIndex, setCurrentWordIndex] = useState(0);\n const [history, setHistory] = useState([]);\n const [timer, setTimer] = useState(0);\n const [lastWord, setLastWord] = useState({ word: \"\", path: \"\", timeBonus: null });\n const [gameStartTime, setGameStartTime] = useState(null);\n const [gameEndTime, setGameEndTime] = useState(null);\n const [timeAdjustment, setTimeAdjustment] = useState(0); // Track bonus/penalty seconds\n const [lastTimeBonus, setLastTimeBonus] = useState(null); // Track last bonus for display (temporary for scoreboard)\n const [currentView, setCurrentView] = useState(\"newGame\");\n\n // Fetch wordlist from backend\n useEffect(() => {\n const fetchWordlist = async () => {\n try {\n const response = await fetch(\"/api/wordlist\");\n const data = await response.json();\n setFullWordlist(data);\n } catch (error) {\n console.error(\"Failed to fetch wordlist:\", error);\n // Fallback to simple word objects if fetch fails\n setFullWordlist([\n { text: \"elpmaxe\", ltr: false, rtl: true, palindrome: false },\n { text: \"string\", ltr: true, rtl: false, palindrome: false },\n { text: \"radar\", ltr: true, rtl: true, palindrome: true },\n { text: \"dessert\", ltr: true, rtl: true, palindrome: false },\n ]);\n } finally {\n setLoading(false);\n }\n };\n\n fetchWordlist();\n }, []);\n\n const getWordSet = (setNumber: number) => {\n if (setNumber === 1) {\n return fullWordlist.slice(0, 25); // First 25 words\n } else if (setNumber === 2) {\n return fullWordlist.slice(25, 50); // Next 25 words (indices 25-49)\n } else {\n return fullWordlist.slice(50); // Remaining words (from index 50 onwards)\n }\n };\n\n const handleStartGame = (setNumber: number) => {\n const selectedWordSet = getWordSet(setNumber);\n setWordlist(selectedWordSet);\n setSelectedSet(setNumber);\n setCurrentWordIndex(0); // Reset to first word of the set\n setHistory([]); // Clear history\n setTimeAdjustment(0); // Reset time adjustment\n setLastWord({ word: \"\", path: \"\", timeBonus: null }); // Reset last word\n setCurrentView(\"gameplay\");\n setGameStartTime(Date.now());\n };\n\n const handleBackToMenu = () => {\n setCurrentView(\"newGame\");\n setSelectedSet(null);\n setWordlist([]);\n setCurrentWordIndex(0);\n setHistory([]);\n setTimeAdjustment(0);\n setLastWord({ word: \"\", path: \"\", timeBonus: null });\n setGameStartTime(null);\n setGameEndTime(null);\n };\n\n const handlePathUpdate = (newPath) => {\n setPath(newPath);\n };\n\n const validateWord = (word, path) => {\n // only consider the first 3 hits of the path\n switch (path.slice(0, 3)) {\n case \"LR\":\n if (word.ltr === true) return { valid: true, bonus: 0 };\n return { valid: false, bonus: 4 };\n case \"RL\":\n if (word.rtl === true) return { valid: true, bonus: 0 };\n return { valid: false, bonus: 4 };\n case \"RLR\":\n if (word.ltr === true && word.rtl === true) return { valid: true, bonus: -2 }; // +2 seconds\n return { valid: false, bonus: 4 };\n case \"LRL\":\n if (word.ltr === true && word.rtl === true) return { valid: true, bonus: -2 }; // +2 seconds\n return { valid: false, bonus: 4 };\n default:\n return { valid: false, bonus: 4 }; // -4 seconds\n }\n };\n\n const handleWordComplete = () => {\n if (path.length === 1) {\n setPath([]);\n return;\n }\n // When word is completed, log current word and path to history, then move to next word\n const currentWord = wordlist[currentWordIndex];\n const pathString = path.join(\"\");\n const validation = validateWord(currentWord, pathString);\n\n // Apply time adjustment\n setTimeAdjustment(prev => prev + validation.bonus);\n\n // Only set lastTimeBonus if it's not zero\n if (validation.bonus !== 0) {\n setLastTimeBonus(validation.bonus);\n // Clear the bonus display after 2 seconds\n setTimeout(() => setLastTimeBonus(null), 2000);\n }\n\n setHistory(prev => [...prev, { word: currentWord.text, path: pathString, validation: validation }]);\n setLastWord({ word: currentWord, path: pathString, timeBonus: validation.bonus });\n setPath([]); // Reset path\n\n if (currentWordIndex === wordlist.length - 1) {\n setCurrentView(\"gameOver\");\n setGameEndTime(Date.now());\n }\n setCurrentWordIndex(prev => (prev + 1)); // Move to next word, wrap around\n };\n\n // Show menu if game hasn't started\n if (currentView === \"newGame\") {\n return ;\n }\n\n if (currentView === \"gameOver\") {\n return (\n \n );\n }\n\n // Show loading state while fetching wordlist\n if (loading) {\n return (\n

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}",[],[160,243,293],"80530a7c-5130-11f0-b402-f69ea79377d9",["D",1750792920080],[187,188,189,190,191,192,193,194],[160,243],["D",1750792920080],[186,195,196,197,198],[160],"f9c565c0-5604-11f0-b52a-f69ea79377d9","wordlist.tsx","91626a82-54e7-11f0-87de-f69ea79377d9",["D",1751323981861],8,"export default [\n { \"text\": \"example\", \"ltr\": true, \"rtl\": false, \"palindrome\": false },\n { \"text\": \"elpmaxe\", \"ltr\": false, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"wow\", \"ltr\": true, \"rtl\": true, \"palindrome\": true },\n { \"text\": \"tuba\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"pool\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"stun\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"tned\", \"ltr\": false, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"omega\", \"ltr\": true, \"rtl\": false, \"palindrome\": false },\n { \"text\": \"raps\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"peek\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"level\", \"ltr\": true, \"rtl\": true, \"palindrome\": true },\n { \"text\": \"deer\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"beet\", \"ltr\": true, \"rtl\": false, \"palindrome\": false },\n { \"text\": \"step\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"strap\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"hated\", \"ltr\": true, \"rtl\": false, \"palindrome\": false },\n { \"text\": \"elbat\", \"ltr\": false, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"synonym\", \"ltr\": true, \"rtl\": false, \"palindrome\": false },\n { \"text\": \"devil\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"sees\", \"ltr\": true, \"rtl\": true, \"palindrome\": true },\n { \"text\": \"rewol\", \"ltr\": false, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"serif\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"drawer\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"naeb\", \"ltr\": false, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"standard\", \"ltr\": true, \"rtl\": false, \"palindrome\": false },\n { \"text\": \"refer\", \"ltr\": true, \"rtl\": true, \"palindrome\": true },\n { \"text\": \"stressed\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"rumel\", \"ltr\": false, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"reviver\", \"ltr\": true, \"rtl\": true, \"palindrome\": true },\n { \"text\": \"part\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"layout\", \"ltr\": true, \"rtl\": false, \"palindrome\": false },\n { \"text\": \"deeps\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"tropria\", \"ltr\": false, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"boost\", \"ltr\": true, \"rtl\": false, \"palindrome\": false },\n { \"text\": \"tide\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"noitareti\", \"ltr\": false, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"karet\", \"ltr\": true, \"rtl\": false, \"palindrome\": false },\n { \"text\": \"kayak\", \"ltr\": true, \"rtl\": true, \"palindrome\": true },\n { \"text\": \"lewov\", \"ltr\": false, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"denim\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"redder\", \"ltr\": true, \"rtl\": true, \"palindrome\": true },\n { \"text\": \"trapdoor\", \"ltr\": true, \"rtl\": false, \"palindrome\": false },\n { \"text\": \"hood\", \"ltr\": false, \"rtl\": false, \"palindrome\": false },\n { \"text\": \"stew\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"star\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"netae\", \"ltr\": false, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"ylrae\", \"ltr\": false, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"rebut\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"buts\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"krow\", \"ltr\": false, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"laets\", \"ltr\": false, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"redden\", \"ltr\": true, \"rtl\": false, \"palindrome\": false },\n { \"text\": \"ticker\", \"ltr\": true, \"rtl\": false, \"palindrome\": false },\n { \"text\": \"typo\", \"ltr\": true, \"rtl\": false, \"palindrome\": false },\n { \"text\": \"flesym\", \"ltr\": false, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"deke\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"radar\", \"ltr\": true, \"rtl\": true, \"palindrome\": true },\n { \"text\": \"deified\", \"ltr\": true, \"rtl\": true, \"palindrome\": true },\n { \"text\": \"tram\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"pacer\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"rotator\", \"ltr\": true, \"rtl\": true, \"palindrome\": true },\n { \"text\": \"warp\", \"ltr\": true, \"rtl\": false, \"palindrome\": false },\n { \"text\": \"repair\", \"ltr\": true, \"rtl\": false, \"palindrome\": false },\n { \"text\": \"yaltuo\", \"ltr\": false, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"straw\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"steels\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"decal\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"sloops\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"repus\", \"ltr\": false, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"decaf\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"civic\", \"ltr\": true, \"rtl\": true, \"palindrome\": true },\n { \"text\": \"alibi\", \"ltr\": true, \"rtl\": false, \"palindrome\": false },\n { \"text\": \"track\", \"ltr\": true, \"rtl\": false, \"palindrome\": false },\n { \"text\": \"layer\", \"ltr\": true, \"rtl\": false, \"palindrome\": false },\n { \"text\": \"suruaseht\", \"ltr\": false, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"cafes\", \"ltr\": true, \"rtl\": false, \"palindrome\": false },\n { \"text\": \"gator\", \"ltr\": true, \"rtl\": false, \"palindrome\": false },\n { \"text\": \"spoons\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"snips\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"community\", \"ltr\": true, \"rtl\": false, \"palindrome\": false },\n { \"text\": \"deed\", \"ltr\": true, \"rtl\": true, \"palindrome\": true },\n { \"text\": \"reknits\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n { \"text\": \"regal\", \"ltr\": true, \"rtl\": true, \"palindrome\": false },\n];",[],[167,307],"5fcde5c4-55b3-11f0-8b4e-f69ea79377d9","index.ts",54,["D",1751288934313],"http","import { serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { Hono } from \"npm:hono\";\nimport wordlist from \"./wordlist.tsx\";\n\nconst app = new Hono();\n\n// Serve index.html at the root /\napp.get(\"/\", async c => {\n return serveFile(\"/frontend/index.html\", import.meta.url);\n});\n\n// Serve all /frontend files\napp.get(\"/frontend/**/*\", c => serveFile(c.req.path, import.meta.url));\n\n// Add your API routes here\napp.get(\"/api/wordlist\", c => c.json(wordlist));\n\n// Unwrap and rethrow Hono errors as the original error\n// If you delete this, all errors will be \"Internal Server Error\"\napp.onError((err, c) => {\n throw err;\n});\n\n// HTTP vals expect an exported \"fetch handler\"\n// This is how you \"run the server\" in Val Town with Hono\nexport default app.fetch;","twowords",[],[167,315],["D",1750792920080],[183,184],[167],["D",1750792920080],{"_100":99,"_108":104},{"_100":99,"_101":102,"_103":104,"_18":54,"_105":106,"_107":25},{"_13":85,"_32":86,"_43":42,"_87":44,"_88":89,"_90":91,"_92":50,"_93":94,"_95":96,"_97":45,"_98":99},"ctx",{"_78":-5,"_130":363,"_364":365,"_366":367,"_368":25,"_369":25,"_370":25,"_371":58,"_372":-5,"_373":-7,"_374":-7,"_375":62,"_376":25,"_377":25,"_378":-5,"_379":25,"_380":25,"_381":25,"_382":-5},"ENV",{"_334":335,"_336":337,"_338":86,"_339":340,"_341":342,"_343":344,"_345":346,"_347":348,"_349":350,"_351":352,"_353":354,"_355":356,"_357":358,"_359":360,"_361":362},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v72