Find A Big Word Bot

@findabigword.bsky.social

There's a big word in the grid below that uses every letter. Can you find it?

\n \n

\n ${svg}\n

\n \n

\n \n \n

\n \n ${(() => {\n // Group words by length\n const wordsByLength = sortedSolutions.reduce((acc, word) => {\n if (!acc[word.length]) acc[word.length] = [];\n acc[word.length].push(word);\n return acc;\n }, {} as Record);\n \n // Sort lengths in descending order and generate HTML\n return Object.entries(wordsByLength)\n .sort(([a], [b]) => parseInt(b) - parseInt(a))\n .map(([length, words]) => {\n const lengthNum = parseInt(length);\n const isLongest = lengthNum === maxLength;\n return `\n

${length} Letter${length === '1' ? '' : 's'}

\n ${words.map(word => {\n const className = isLongest ? 'word longest' : 'word';\n return `${word.toUpperCase()}`;\n }).join('')}\n

\n `;\n }).join('');\n })()}\n

\n \n \n

Made by Alex Wein. View Source

\n\n`;\n\n return new Response(html, { \n headers: { \"Content-Type\": \"text/html\" } \n });\n}\n\nexport default async function(request: Request) {\n const url = new URL(request.url);\n const pathname = url.pathname;\n \n // Serve CSS file\n if (pathname === \"/styles.css\") {\n const css = await readFile(\"/styles.css\", import.meta.url);\n return new Response(css, {\n headers: { \"Content-Type\": \"text/css\" }\n });\n }\n \n if (pathname === \"/\") {\n return await fabw();\n }\n \n const boardString = pathname.slice(1, 17);\n \n return await fabw(boardString);\n}",[],[275],"files",[153,174,185,195,206,216,226,236,245,253,262,273],"counts",{"_284":32,"_285":191,"_286":32,"_287":288},"pulls","branches","forks","envVars",{"_289":191,"_290":32},"count","emptyCount","contents",[],{"_104":246,"_159":141,"_156":247,"_96":100,"_167":250,"_165":166,"_101":249,"_158":-5,"_106":294,"_160":140,"_170":-5,"_99":295},["D",1764466842148],[100],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.history_.$",{"_94":95,"_96":97,"_98":44,"_99":100,"_102":304,"_166":309,"_312":313,"_363":364,"_376":-7,"_377":32,"_378":22},{"_104":105,"_96":97,"_106":305,"_108":-5,"_109":22,"_110":111,"_112":-5,"_113":-5,"_14":114,"_115":116,"_117":118,"_119":-5,"_120":-5,"_121":32,"_16":122,"_123":124,"_125":124,"_126":127,"_128":127,"_129":127,"_130":124,"_131":124,"_23":306,"_135":307,"_138":308,"_150":22},["D",1764266731740],{"_94":95,"_133":134},{"_94":95,"_137":134,"_14":114},{"_101":140,"_96":44,"_104":141,"_142":105,"_143":-5,"_144":-5,"_145":-5,"_146":-5,"_147":-5,"_148":97,"_149":95},{"_104":246,"_96":100,"_156":247,"_158":-5,"_159":141,"_160":140,"_162":118,"_106":310,"_101":249,"_165":166,"_167":250,"_169":22,"_170":-5,"_99":311},["D",1764466842148],[100],"history",[314,316,321,327,333,338,344,349,354,359],{"_104":246,"_159":141,"_156":247,"_96":100,"_167":250,"_165":166,"_101":249,"_158":-5,"_106":315,"_160":140,"_170":-5},["D",1764466842148],{"_104":317,"_159":141,"_156":247,"_96":100,"_167":250,"_165":166,"_101":318,"_158":-5,"_106":319,"_160":320,"_170":-5},"8b4595ec-cd8d-11f0-846b-42dde27851f2",8,["D",1764466825908],228,{"_104":322,"_159":141,"_156":247,"_96":100,"_167":323,"_165":166,"_101":324,"_158":-5,"_106":325,"_160":326,"_170":-5},"7f0443f0-cd8d-11f0-a2d9-42dde27851f2","/* Basic grayscale styles with monospaced font */\n\n\n\nbody {\n margin: 0;\n padding: 16px;\n max-width: 100vw;\n overflow-x: hidden;\n}\n\n.board-container {\n display: flex;\n justify-content: center;\n margin: 20px 0;\n width: 97%;\n}\n\n.board-container svg {\n max-width: 100%;\n height: auto;\n width: auto;\n}\n\n\nh1 {\n color: #333;\n background-color: #f5f5f5;\n padding: 12px 16px;\n margin: 0 0 20px 0;\n font-size: 24px;\n font-family: 'Source Code Pro', 'Menlo', 'Consolas', monospace;\n font-weight: bold;\n}\n\nh2 {\n color: #444;\n background-color: #f0f0f0;\n padding: 10px 14px;\n margin: 16px 0 12px 0;\n border-left: 3px solid #888;\n font-size: 18px;\n font-weight: bold;\n}\n\nh3 {\n color: #444;\n background-color: #f0f0f0;\n padding: 8px 12px;\n margin: 16px 0 8px 0;\n border-left: 3px solid #888;\n font-size: 16px;\n font-weight: bold;\n}\n\ndiv {\n color: #444;\n background-color: #fafafa;\n padding: 8px;\n margin: 8px 0;\n border: 1px solid #ddd;\n font-family: 'Source Code Pro', 'Menlo', 'Consolas', monospace;\n}\n\np {\n font-family: 'Source Code Pro', 'Menlo', 'Consolas', monospace;\n}\n\ntable {\n color: #333;\n background-color: #fff;\n border-collapse: collapse;\n width: 100%;\n margin: 16px 0;\n border: 2px solid #999;\n}\n\nspan {\n color: #333;\n background-color: #f8f8f8;\n padding: 4px 8px;\n margin: 2px;\n border: 1px solid #ccc;\n display: inline-block;\n border-radius: 3px;\n}\n\n.word {\n color: #444;\n background-color: #f0f0f0;\n padding: 6px 10px;\n margin: 3px;\n border: 1px solid #bbb;\n display: inline-block;\n border-radius: 4px;\n font-weight: normal;\n}\n\n.word.longest {\n color: #222;\n background-color: #e0e0e0;\n border: 2px solid #999;\n font-weight: bold;\n}\n\nbutton {\n color: #333;\n background-color: #f0f0f0;\n border: 2px solid #999;\n padding: 10px 16px;\n margin: 10px 0;\n font-family: 'SF Mono', 'Monaco', 'Inconsolata', 'Roboto Mono', 'Source Code Pro', 'Menlo', 'Consolas', monospace;\n font-size: 14px;\n font-weight: bold;\n cursor: pointer;\n border-radius: 4px;\n}\n\nbutton:hover {\n background-color: #e8e8e8;\n border-color: #777;\n}\n\nbutton:active {\n background-color: #ddd;\n}\n\n.hidden {\n display: none;\n}\n\n.solutions-content {\n margin-top: 16px;\n}\n\n.solutions-content div {\n border: none;\n background-color: transparent;\n padding: 0;\n margin: 0;\n}\n\n.stats {\n margin-bottom: 20px;\n}\n\n.total-stat {\n color: #555;\n background-color: #f8f8f8;\n padding: 8px 12px;\n margin: 8px 0;\n border: 1px solid #ccc;\n font-weight: bold;\n}\n\n.word-group {\n margin-bottom: 16px;\n padding: 8px 0;\n}\n\n/* Mobile responsive styles */\n@media (max-width: 768px) {\n body {\n padding: 8px;\n }\n \n h1 {\n font-size: 20px;\n padding: 8px 12px;\n margin: 0 0 16px 0;\n }\n \n h2 {\n font-size: 16px;\n padding: 6px 10px;\n margin: 12px 0 8px 0;\n }\n \n h3 {\n font-size: 14px;\n padding: 6px 8px;\n margin: 12px 0 6px 0;\n }\n \n .board-container svg {\n max-width: calc(90vw - 25px);\n max-height: calc(90vw - 25px);\n }\n \n button {\n width: 100%;\n padding: 12px;\n font-size: 16px;\n }\n \n .word {\n padding: 4px 6px;\n margin: 2px;\n font-size: 12px;\n }\n \n .total-stat {\n padding: 6px 8px;\n font-size: 14px;\n }\n \n table {\n font-size: 14px;\n }\n \n table th, table td {\n padding: 6px 8px;\n }\n}",7,["D",1764466805282],227,{"_104":328,"_159":141,"_156":247,"_96":100,"_167":329,"_165":166,"_101":330,"_158":-5,"_106":331,"_160":332,"_170":-5},"72bb0de0-cd8d-11f0-8cf9-42dde27851f2","/* Basic grayscale styles with monospaced font */\n\n\n\nbody {\n margin: 0;\n padding: 16px;\n max-width: 100vw;\n overflow-x: hidden;\n}\n\n.board-container {\n display: flex;\n justify-content: center;\n margin: 20px 0;\n width: 100%;\n}\n\n.board-container svg {\n max-width: 100%;\n height: auto;\n width: auto;\n}\n\n\nh1 {\n color: #333;\n background-color: #f5f5f5;\n padding: 12px 16px;\n margin: 0 0 20px 0;\n font-size: 24px;\n font-family: 'Source Code Pro', 'Menlo', 'Consolas', monospace;\n font-weight: bold;\n}\n\nh2 {\n color: #444;\n background-color: #f0f0f0;\n padding: 10px 14px;\n margin: 16px 0 12px 0;\n border-left: 3px solid #888;\n font-size: 18px;\n font-weight: bold;\n}\n\nh3 {\n color: #444;\n background-color: #f0f0f0;\n padding: 8px 12px;\n margin: 16px 0 8px 0;\n border-left: 3px solid #888;\n font-size: 16px;\n font-weight: bold;\n}\n\ndiv {\n color: #444;\n background-color: #fafafa;\n padding: 8px;\n margin: 8px 0;\n border: 1px solid #ddd;\n font-family: 'Source Code Pro', 'Menlo', 'Consolas', monospace;\n}\n\np {\n font-family: 'Source Code Pro', 'Menlo', 'Consolas', monospace;\n}\n\ntable {\n color: #333;\n background-color: #fff;\n border-collapse: collapse;\n width: 100%;\n margin: 16px 0;\n border: 2px solid #999;\n}\n\nspan {\n color: #333;\n background-color: #f8f8f8;\n padding: 4px 8px;\n margin: 2px;\n border: 1px solid #ccc;\n display: inline-block;\n border-radius: 3px;\n}\n\n.word {\n color: #444;\n background-color: #f0f0f0;\n padding: 6px 10px;\n margin: 3px;\n border: 1px solid #bbb;\n display: inline-block;\n border-radius: 4px;\n font-weight: normal;\n}\n\n.word.longest {\n color: #222;\n background-color: #e0e0e0;\n border: 2px solid #999;\n font-weight: bold;\n}\n\nbutton {\n color: #333;\n background-color: #f0f0f0;\n border: 2px solid #999;\n padding: 10px 16px;\n margin: 10px 0;\n font-family: 'SF Mono', 'Monaco', 'Inconsolata', 'Roboto Mono', 'Source Code Pro', 'Menlo', 'Consolas', monospace;\n font-size: 14px;\n font-weight: bold;\n cursor: pointer;\n border-radius: 4px;\n}\n\nbutton:hover {\n background-color: #e8e8e8;\n border-color: #777;\n}\n\nbutton:active {\n background-color: #ddd;\n}\n\n.hidden {\n display: none;\n}\n\n.solutions-content {\n margin-top: 16px;\n}\n\n.solutions-content div {\n border: none;\n background-color: transparent;\n padding: 0;\n margin: 0;\n}\n\n.stats {\n margin-bottom: 20px;\n}\n\n.total-stat {\n color: #555;\n background-color: #f8f8f8;\n padding: 8px 12px;\n margin: 8px 0;\n border: 1px solid #ccc;\n font-weight: bold;\n}\n\n.word-group {\n margin-bottom: 16px;\n padding: 8px 0;\n}\n\n/* Mobile responsive styles */\n@media (max-width: 768px) {\n body {\n padding: 8px;\n }\n \n h1 {\n font-size: 20px;\n padding: 8px 12px;\n margin: 0 0 16px 0;\n }\n \n h2 {\n font-size: 16px;\n padding: 6px 10px;\n margin: 12px 0 8px 0;\n }\n \n h3 {\n font-size: 14px;\n padding: 6px 8px;\n margin: 12px 0 6px 0;\n }\n \n .board-container svg {\n max-width: calc(90vw - 25px);\n max-height: calc(90vw - 25px);\n }\n \n button {\n width: 100%;\n padding: 12px;\n font-size: 16px;\n }\n \n .word {\n padding: 4px 6px;\n margin: 2px;\n font-size: 12px;\n }\n \n .total-stat {\n padding: 6px 8px;\n font-size: 14px;\n }\n \n table {\n font-size: 14px;\n }\n \n table th, table td {\n padding: 6px 8px;\n }\n}",6,["D",1764466784702],226,{"_104":334,"_159":141,"_156":247,"_96":100,"_167":335,"_165":166,"_101":222,"_158":-5,"_106":336,"_160":337,"_170":-5},"5be06e76-cd8d-11f0-8582-42dde27851f2","/* Basic grayscale styles with monospaced font */\n\n\n\nbody {\n margin: 0;\n padding: 16px;\n max-width: 100vw;\n overflow-x: hidden;\n}\n\n.board-container {\n display: flex;\n justify-content: center;\n margin: 20px 10px;\n width: 100%;\n}\n\n.board-container svg {\n max-width: 100%;\n height: auto;\n width: auto;\n}\n\n\nh1 {\n color: #333;\n background-color: #f5f5f5;\n padding: 12px 16px;\n margin: 0 0 20px 0;\n font-size: 24px;\n font-family: 'Source Code Pro', 'Menlo', 'Consolas', monospace;\n font-weight: bold;\n}\n\nh2 {\n color: #444;\n background-color: #f0f0f0;\n padding: 10px 14px;\n margin: 16px 0 12px 0;\n border-left: 3px solid #888;\n font-size: 18px;\n font-weight: bold;\n}\n\nh3 {\n color: #444;\n background-color: #f0f0f0;\n padding: 8px 12px;\n margin: 16px 0 8px 0;\n border-left: 3px solid #888;\n font-size: 16px;\n font-weight: bold;\n}\n\ndiv {\n color: #444;\n background-color: #fafafa;\n padding: 8px;\n margin: 8px 0;\n border: 1px solid #ddd;\n font-family: 'Source Code Pro', 'Menlo', 'Consolas', monospace;\n}\n\np {\n font-family: 'Source Code Pro', 'Menlo', 'Consolas', monospace;\n}\n\ntable {\n color: #333;\n background-color: #fff;\n border-collapse: collapse;\n width: 100%;\n margin: 16px 0;\n border: 2px solid #999;\n}\n\nspan {\n color: #333;\n background-color: #f8f8f8;\n padding: 4px 8px;\n margin: 2px;\n border: 1px solid #ccc;\n display: inline-block;\n border-radius: 3px;\n}\n\n.word {\n color: #444;\n background-color: #f0f0f0;\n padding: 6px 10px;\n margin: 3px;\n border: 1px solid #bbb;\n display: inline-block;\n border-radius: 4px;\n font-weight: normal;\n}\n\n.word.longest {\n color: #222;\n background-color: #e0e0e0;\n border: 2px solid #999;\n font-weight: bold;\n}\n\nbutton {\n color: #333;\n background-color: #f0f0f0;\n border: 2px solid #999;\n padding: 10px 16px;\n margin: 10px 0;\n font-family: 'SF Mono', 'Monaco', 'Inconsolata', 'Roboto Mono', 'Source Code Pro', 'Menlo', 'Consolas', monospace;\n font-size: 14px;\n font-weight: bold;\n cursor: pointer;\n border-radius: 4px;\n}\n\nbutton:hover {\n background-color: #e8e8e8;\n border-color: #777;\n}\n\nbutton:active {\n background-color: #ddd;\n}\n\n.hidden {\n display: none;\n}\n\n.solutions-content {\n margin-top: 16px;\n}\n\n.solutions-content div {\n border: none;\n background-color: transparent;\n padding: 0;\n margin: 0;\n}\n\n.stats {\n margin-bottom: 20px;\n}\n\n.total-stat {\n color: #555;\n background-color: #f8f8f8;\n padding: 8px 12px;\n margin: 8px 0;\n border: 1px solid #ccc;\n font-weight: bold;\n}\n\n.word-group {\n margin-bottom: 16px;\n padding: 8px 0;\n}\n\n/* Mobile responsive styles */\n@media (max-width: 768px) {\n body {\n padding: 8px;\n }\n \n h1 {\n font-size: 20px;\n padding: 8px 12px;\n margin: 0 0 16px 0;\n }\n \n h2 {\n font-size: 16px;\n padding: 6px 10px;\n margin: 12px 0 8px 0;\n }\n \n h3 {\n font-size: 14px;\n padding: 6px 8px;\n margin: 12px 0 6px 0;\n }\n \n .board-container svg {\n max-width: calc(95vw - 25px);\n max-height: calc(95vw - 25px);\n }\n \n button {\n width: 100%;\n padding: 12px;\n font-size: 16px;\n }\n \n .word {\n padding: 4px 6px;\n margin: 2px;\n font-size: 12px;\n }\n \n .total-stat {\n padding: 6px 8px;\n font-size: 14px;\n }\n \n table {\n font-size: 14px;\n }\n \n table th, table td {\n padding: 6px 8px;\n }\n}",["D",1764466746391],225,{"_104":339,"_159":141,"_156":247,"_96":100,"_167":340,"_165":166,"_101":341,"_158":-5,"_106":342,"_160":343,"_170":-5},"47308952-cd8d-11f0-802b-42dde27851f2","/* Basic grayscale styles with monospaced font */\n\n\n\nbody {\n margin: 0;\n padding: 16px;\n max-width: 100vw;\n overflow-x: hidden;\n}\n\n.board-container {\n display: flex;\n justify-content: center;\n margin: 20px 0;\n width: 100%;\n}\n\n.board-container svg {\n max-width: 100%;\n height: auto;\n width: auto;\n}\n\n\nh1 {\n color: #333;\n background-color: #f5f5f5;\n padding: 12px 16px;\n margin: 0 0 20px 0;\n font-size: 24px;\n font-family: 'Source Code Pro', 'Menlo', 'Consolas', monospace;\n font-weight: bold;\n}\n\nh2 {\n color: #444;\n background-color: #f0f0f0;\n padding: 10px 14px;\n margin: 16px 0 12px 0;\n border-left: 3px solid #888;\n font-size: 18px;\n font-weight: bold;\n}\n\nh3 {\n color: #444;\n background-color: #f0f0f0;\n padding: 8px 12px;\n margin: 16px 0 8px 0;\n border-left: 3px solid #888;\n font-size: 16px;\n font-weight: bold;\n}\n\ndiv {\n color: #444;\n background-color: #fafafa;\n padding: 8px;\n margin: 8px 0;\n border: 1px solid #ddd;\n font-family: 'Source Code Pro', 'Menlo', 'Consolas', monospace;\n}\n\np {\n font-family: 'Source Code Pro', 'Menlo', 'Consolas', monospace;\n}\n\ntable {\n color: #333;\n background-color: #fff;\n border-collapse: collapse;\n width: 100%;\n margin: 16px 0;\n border: 2px solid #999;\n}\n\nspan {\n color: #333;\n background-color: #f8f8f8;\n padding: 4px 8px;\n margin: 2px;\n border: 1px solid #ccc;\n display: inline-block;\n border-radius: 3px;\n}\n\n.word {\n color: #444;\n background-color: #f0f0f0;\n padding: 6px 10px;\n margin: 3px;\n border: 1px solid #bbb;\n display: inline-block;\n border-radius: 4px;\n font-weight: normal;\n}\n\n.word.longest {\n color: #222;\n background-color: #e0e0e0;\n border: 2px solid #999;\n font-weight: bold;\n}\n\nbutton {\n color: #333;\n background-color: #f0f0f0;\n border: 2px solid #999;\n padding: 10px 16px;\n margin: 10px 0;\n font-family: 'SF Mono', 'Monaco', 'Inconsolata', 'Roboto Mono', 'Source Code Pro', 'Menlo', 'Consolas', monospace;\n font-size: 14px;\n font-weight: bold;\n cursor: pointer;\n border-radius: 4px;\n}\n\nbutton:hover {\n background-color: #e8e8e8;\n border-color: #777;\n}\n\nbutton:active {\n background-color: #ddd;\n}\n\n.hidden {\n display: none;\n}\n\n.solutions-content {\n margin-top: 16px;\n}\n\n.solutions-content div {\n border: none;\n background-color: transparent;\n padding: 0;\n margin: 0;\n}\n\n.stats {\n margin-bottom: 20px;\n}\n\n.total-stat {\n color: #555;\n background-color: #f8f8f8;\n padding: 8px 12px;\n margin: 8px 0;\n border: 1px solid #ccc;\n font-weight: bold;\n}\n\n.word-group {\n margin-bottom: 16px;\n padding: 8px 0;\n}\n\n/* Mobile responsive styles */\n@media (max-width: 768px) {\n body {\n padding: 8px;\n }\n \n h1 {\n font-size: 20px;\n padding: 8px 12px;\n margin: 0 0 16px 0;\n }\n \n h2 {\n font-size: 16px;\n padding: 6px 10px;\n margin: 12px 0 8px 0;\n }\n \n h3 {\n font-size: 14px;\n padding: 6px 8px;\n margin: 12px 0 6px 0;\n }\n \n .board-container svg {\n max-width: calc(95vw - 25px);\n max-height: calc(95vw - 25px);\n }\n \n button {\n width: 100%;\n padding: 12px;\n font-size: 16px;\n }\n \n .word {\n padding: 4px 6px;\n margin: 2px;\n font-size: 12px;\n }\n \n .total-stat {\n padding: 6px 8px;\n font-size: 14px;\n }\n \n table {\n font-size: 14px;\n }\n \n table th, table td {\n padding: 6px 8px;\n }\n}",4,["D",1764466711685],224,{"_104":345,"_159":141,"_156":247,"_96":100,"_167":346,"_165":166,"_101":180,"_158":-5,"_106":347,"_160":348,"_170":-5},"3054c90a-cd8d-11f0-9a4b-42dde27851f2","/* Basic grayscale styles with monospaced font */\n\n\n\nbody {\n margin: 0;\n padding: 16px;\n max-width: 100vw;\n overflow-x: hidden;\n}\n\n.board-container {\n display: flex;\n justify-content: center;\n margin: 20px 0;\n width: 100%;\n}\n\n.board-container svg {\n max-width: 100%;\n height: auto;\n width: auto;\n}\n\n\nh1 {\n color: #333;\n background-color: #f5f5f5;\n padding: 12px 16px;\n margin: 0 0 20px 0;\n font-size: 24px;\n font-family: 'Source Code Pro', 'Menlo', 'Consolas', monospace;\n font-weight: bold;\n}\n\nh2 {\n color: #444;\n background-color: #f0f0f0;\n padding: 10px 14px;\n margin: 16px 0 12px 0;\n border-left: 3px solid #888;\n font-size: 18px;\n font-weight: bold;\n}\n\nh3 {\n color: #444;\n background-color: #f0f0f0;\n padding: 8px 12px;\n margin: 16px 0 8px 0;\n border-left: 3px solid #888;\n font-size: 16px;\n font-weight: bold;\n}\n\ndiv {\n color: #444;\n background-color: #fafafa;\n padding: 8px;\n margin: 8px 0;\n border: 1px solid #ddd;\n font-family: 'Source Code Pro', 'Menlo', 'Consolas', monospace;\n}\n\np {\n font-family: 'Source Code Pro', 'Menlo', 'Consolas', monospace;\n}\n\ntable {\n color: #333;\n background-color: #fff;\n border-collapse: collapse;\n width: 100%;\n margin: 16px 0;\n border: 2px solid #999;\n}\n\nspan {\n color: #333;\n background-color: #f8f8f8;\n padding: 4px 8px;\n margin: 2px;\n border: 1px solid #ccc;\n display: inline-block;\n border-radius: 3px;\n}\n\n.word {\n color: #444;\n background-color: #f0f0f0;\n padding: 6px 10px;\n margin: 3px;\n border: 1px solid #bbb;\n display: inline-block;\n border-radius: 4px;\n font-weight: normal;\n}\n\n.word.longest {\n color: #222;\n background-color: #e0e0e0;\n border: 2px solid #999;\n font-weight: bold;\n}\n\nbutton {\n color: #333;\n background-color: #f0f0f0;\n border: 2px solid #999;\n padding: 10px 16px;\n margin: 10px 0;\n font-family: 'SF Mono', 'Monaco', 'Inconsolata', 'Roboto Mono', 'Source Code Pro', 'Menlo', 'Consolas', monospace;\n font-size: 14px;\n font-weight: bold;\n cursor: pointer;\n border-radius: 4px;\n}\n\nbutton:hover {\n background-color: #e8e8e8;\n border-color: #777;\n}\n\nbutton:active {\n background-color: #ddd;\n}\n\n.hidden {\n display: none;\n}\n\n.solutions-content {\n margin-top: 16px;\n}\n\n.solutions-content div {\n border: none;\n background-color: transparent;\n padding: 0;\n margin: 0;\n}\n\n.stats {\n margin-bottom: 20px;\n}\n\n.total-stat {\n color: #555;\n background-color: #f8f8f8;\n padding: 8px 12px;\n margin: 8px 0;\n border: 1px solid #ccc;\n font-weight: bold;\n}\n\n.word-group {\n margin-bottom: 16px;\n padding: 8px 0;\n}\n\n/* Mobile responsive styles */\n@media (max-width: 768px) {\n body {\n padding: 8px;\n }\n \n h1 {\n font-size: 20px;\n padding: 8px 12px;\n margin: 0 0 16px 0;\n }\n \n h2 {\n font-size: 16px;\n padding: 6px 10px;\n margin: 12px 0 8px 0;\n }\n \n h3 {\n font-size: 14px;\n padding: 6px 8px;\n margin: 12px 0 6px 0;\n }\n \n .board-container svg {\n max-width: calc(95vw - 16px);\n max-height: calc(95vw - 16px);\n }\n \n button {\n width: 100%;\n padding: 12px;\n font-size: 16px;\n }\n \n .word {\n padding: 4px 6px;\n margin: 2px;\n font-size: 12px;\n }\n \n .total-stat {\n padding: 6px 8px;\n font-size: 14px;\n }\n \n table {\n font-size: 14px;\n }\n \n table th, table td {\n padding: 6px 8px;\n }\n}",["D",1764466673282],223,{"_104":350,"_159":141,"_156":247,"_96":100,"_167":351,"_165":166,"_101":191,"_158":-5,"_106":352,"_160":353,"_170":-5},"232e76b8-cd8d-11f0-9d29-42dde27851f2","/* Basic grayscale styles with monospaced font */\n\n\n\nbody {\n margin: 0;\n padding: 16px;\n max-width: 100vw;\n overflow-x: hidden;\n}\n\n.board-container {\n display: flex;\n justify-content: center;\n margin: 20px 0;\n width: 100%;\n}\n\n.board-container svg {\n max-width: 100%;\n height: auto;\n width: auto;\n}\n\n\nh1 {\n color: #333;\n background-color: #f5f5f5;\n padding: 12px 16px;\n margin: 0 0 20px 0;\n font-size: 24px;\n font-family: 'Source Code Pro', 'Menlo', 'Consolas', monospace;\n font-weight: bold;\n}\n\nh2 {\n color: #444;\n background-color: #f0f0f0;\n padding: 10px 14px;\n margin: 16px 0 12px 0;\n border-left: 3px solid #888;\n font-size: 18px;\n font-weight: bold;\n}\n\nh3 {\n color: #444;\n background-color: #f0f0f0;\n padding: 8px 12px;\n margin: 16px 0 8px 0;\n border-left: 3px solid #888;\n font-size: 16px;\n font-weight: bold;\n}\n\ndiv {\n color: #444;\n background-color: #fafafa;\n padding: 8px;\n margin: 8px 0;\n border: 1px solid #ddd;\n font-family: 'Source Code Pro', 'Menlo', 'Consolas', monospace;\n}\n\np {\n font-family: 'Source Code Pro', 'Menlo', 'Consolas', monospace;\n}\n\ntable {\n color: #333;\n background-color: #fff;\n border-collapse: collapse;\n width: 100%;\n margin: 16px 0;\n border: 2px solid #999;\n}\n\nspan {\n color: #333;\n background-color: #f8f8f8;\n padding: 4px 8px;\n margin: 2px;\n border: 1px solid #ccc;\n display: inline-block;\n border-radius: 3px;\n}\n\n.word {\n color: #444;\n background-color: #f0f0f0;\n padding: 6px 10px;\n margin: 3px;\n border: 1px solid #bbb;\n display: inline-block;\n border-radius: 4px;\n font-weight: normal;\n}\n\n.word.longest {\n color: #222;\n background-color: #e0e0e0;\n border: 2px solid #999;\n font-weight: bold;\n}\n\nbutton {\n color: #333;\n background-color: #f0f0f0;\n border: 2px solid #999;\n padding: 10px 16px;\n margin: 10px 0;\n font-family: 'SF Mono', 'Monaco', 'Inconsolata', 'Roboto Mono', 'Source Code Pro', 'Menlo', 'Consolas', monospace;\n font-size: 14px;\n font-weight: bold;\n cursor: pointer;\n border-radius: 4px;\n}\n\nbutton:hover {\n background-color: #e8e8e8;\n border-color: #777;\n}\n\nbutton:active {\n background-color: #ddd;\n}\n\n.hidden {\n display: none;\n}\n\n.solutions-content {\n margin-top: 16px;\n}\n\n.solutions-content div {\n border: none;\n background-color: transparent;\n padding: 0;\n margin: 0;\n}\n\n.stats {\n margin-bottom: 20px;\n}\n\n.total-stat {\n color: #555;\n background-color: #f8f8f8;\n padding: 8px 12px;\n margin: 8px 0;\n border: 1px solid #ccc;\n font-weight: bold;\n}\n\n.word-group {\n margin-bottom: 16px;\n padding: 8px 0;\n}\n\n/* Mobile responsive styles */\n@media (max-width: 768px) {\n body {\n padding: 8px;\n }\n \n h1 {\n font-size: 20px;\n padding: 8px 12px;\n margin: 0 0 16px 0;\n }\n \n h2 {\n font-size: 16px;\n padding: 6px 10px;\n margin: 12px 0 8px 0;\n }\n \n h3 {\n font-size: 14px;\n padding: 6px 8px;\n margin: 12px 0 6px 0;\n }\n \n .board-container svg {\n max-width: calc(100vw - 16px);\n max-height: calc(100vw - 16px);\n }\n \n button {\n width: 100%;\n padding: 12px;\n font-size: 16px;\n }\n \n .word {\n padding: 4px 6px;\n margin: 2px;\n font-size: 12px;\n }\n \n .total-stat {\n padding: 6px 8px;\n font-size: 14px;\n }\n \n table {\n font-size: 14px;\n }\n \n table th, table td {\n padding: 6px 8px;\n }\n}",["D",1764466651269],222,{"_104":355,"_159":141,"_156":247,"_96":100,"_167":351,"_165":166,"_101":356,"_158":-5,"_106":357,"_160":358,"_170":-5},"139a3e9a-cd6e-11f0-b7fc-42dde27851f2",1,["D",1764453310731],221,{"_104":360,"_159":141,"_156":247,"_96":100,"_167":361,"_165":166,"_101":32,"_158":-5,"_106":362,"_160":161,"_170":-5},"b989f652-cd63-11f0-b290-42dde27851f2","/* Basic grayscale styles with monospaced font */\n\n* {\n font-family: 'SF Mono', 'Monaco', 'Inconsolata', 'Roboto Mono', 'Source Code Pro', 'Menlo', 'Consolas', monospace;\n box-sizing: border-box;\n}\n\nbody {\n margin: 0;\n padding: 16px;\n max-width: 100vw;\n overflow-x: hidden;\n}\n\n.board-container {\n display: flex;\n justify-content: center;\n margin: 20px 0;\n width: 100%;\n}\n\n.board-container svg {\n max-width: 100%;\n height: auto;\n width: auto;\n}\n\n\nh1 {\n color: #333;\n background-color: #f5f5f5;\n padding: 12px 16px;\n margin: 0 0 20px 0;\n font-size: 24px;\n font-family: 'Source Code Pro', 'Menlo', 'Consolas', monospace;\n font-weight: bold;\n}\n\nh2 {\n color: #444;\n background-color: #f0f0f0;\n padding: 10px 14px;\n margin: 16px 0 12px 0;\n border-left: 3px solid #888;\n font-size: 18px;\n font-weight: bold;\n}\n\nh3 {\n color: #444;\n background-color: #f0f0f0;\n padding: 8px 12px;\n margin: 16px 0 8px 0;\n border-left: 3px solid #888;\n font-size: 16px;\n font-weight: bold;\n}\n\ndiv {\n color: #444;\n background-color: #fafafa;\n padding: 8px;\n margin: 8px 0;\n border: 1px solid #ddd;\n font-family: 'Source Code Pro', 'Menlo', 'Consolas', monospace;\n}\n\np {\n font-family: 'Source Code Pro', 'Menlo', 'Consolas', monospace;\n}\n\ntable {\n color: #333;\n background-color: #fff;\n border-collapse: collapse;\n width: 100%;\n margin: 16px 0;\n border: 2px solid #999;\n}\n\nspan {\n color: #333;\n background-color: #f8f8f8;\n padding: 4px 8px;\n margin: 2px;\n border: 1px solid #ccc;\n display: inline-block;\n border-radius: 3px;\n}\n\n.word {\n color: #444;\n background-color: #f0f0f0;\n padding: 6px 10px;\n margin: 3px;\n border: 1px solid #bbb;\n display: inline-block;\n border-radius: 4px;\n font-weight: normal;\n}\n\n.word.longest {\n color: #222;\n background-color: #e0e0e0;\n border: 2px solid #999;\n font-weight: bold;\n}\n\nbutton {\n color: #333;\n background-color: #f0f0f0;\n border: 2px solid #999;\n padding: 10px 16px;\n margin: 10px 0;\n font-family: 'SF Mono', 'Monaco', 'Inconsolata', 'Roboto Mono', 'Source Code Pro', 'Menlo', 'Consolas', monospace;\n font-size: 14px;\n font-weight: bold;\n cursor: pointer;\n border-radius: 4px;\n}\n\nbutton:hover {\n background-color: #e8e8e8;\n border-color: #777;\n}\n\nbutton:active {\n background-color: #ddd;\n}\n\n.hidden {\n display: none;\n}\n\n.solutions-content {\n margin-top: 16px;\n}\n\n.solutions-content div {\n border: none;\n background-color: transparent;\n padding: 0;\n margin: 0;\n}\n\n.stats {\n margin-bottom: 20px;\n}\n\n.total-stat {\n color: #555;\n background-color: #f8f8f8;\n padding: 8px 12px;\n margin: 8px 0;\n border: 1px solid #ccc;\n font-weight: bold;\n}\n\n.word-group {\n margin-bottom: 16px;\n padding: 8px 0;\n}\n\n/* Mobile responsive styles */\n@media (max-width: 768px) {\n body {\n padding: 8px;\n }\n \n h1 {\n font-size: 20px;\n padding: 8px 12px;\n margin: 0 0 16px 0;\n }\n \n h2 {\n font-size: 16px;\n padding: 6px 10px;\n margin: 12px 0 8px 0;\n }\n \n h3 {\n font-size: 14px;\n padding: 6px 8px;\n margin: 12px 0 6px 0;\n }\n \n .board-container svg {\n max-width: calc(100vw - 16px);\n max-height: calc(100vw - 16px);\n }\n \n button {\n width: 100%;\n padding: 12px;\n font-size: 16px;\n }\n \n .word {\n padding: 4px 6px;\n margin: 2px;\n font-size: 12px;\n }\n \n .total-stat {\n padding: 6px 8px;\n font-size: 14px;\n }\n \n table {\n font-size: 14px;\n }\n \n table th, table td {\n padding: 6px 8px;\n }\n}",["D",1764448864664],"versions",[365,367,368,369,370,371,372,373,374,375],{"_166":314,"_366":316},"previous",{"_166":316,"_366":321},{"_166":321,"_366":327},{"_166":327,"_366":333},{"_166":333,"_366":338},{"_166":338,"_366":344},{"_166":344,"_366":349},{"_166":349,"_366":354},{"_166":354,"_366":359},{"_166":359,"_366":-5},"versionNumber","page","hasNext","actionData","errors"]

alexwein

bigwordbot

History for styles.css