#wordle{width:100%;text-align:center;position:relative}.wordle-grid{max-width:360px;margin:0 auto}#share-grid{margin-top:4px;font-size:12px;font-weight:bold}#share-grid table{margin:0 auto}#wordle #help ul li{font-size:14px;text-align:initial;line-height:20px;padding-bottom:6px;list-style:circle;margin-left:9px}#help table{width:142px;margin:8px auto 0}#help table tr.wordle-row td.wordle-square,#share-grid table tr.wordle-row td.wordle-square,#statistics #share-grid table tr.wordle-row td.wordle-square{border:3px solid white}#help td.wordle-square,#share-grid td.wordle-square{width:30px;height:26px;text-align:center;vertical-align:middle}#statistics .btn.close-btn,#game-over input[type="submit"],#share-button{padding:6px 2px;font-size:17px;font-weight:bold;border-radius:2px;border:1px solid #555;width:104px;margin-top:6px}#share-button{background-color:#5f5}#statistics .btn.close-btn{font-size:12px;padding-top:4px;padding-bottom:4px;background-color:#bdf;color:#555}#help span.yellow-btn{padding:2px;font-weight:bold}.yellow-btn,#game-over input[type="submit"]{background-color:#fd5}.wordle-grid .wordle-row{width:100%;margin:0 auto;white-space:nowrap;overflow-x:hidden}.wordle-grid .wordle-row>div{display:inline-block}#notices{width:100%;position:absolute;top:130px;z-index:1}#notices.animate>div{animation:fade 2s linear}#notices #wrong-answer{background-color:#c44;border:1px solid black;border-radius:3px;padding:6px;width:160px;text-align:center;color:white;font-weight:bold;margin:9px auto 0 auto;opacity:0}#notices #copy-clipboard{background-color:#2a2;border:1px solid black;border-radius:3px;padding:10px 8px;width:200px;text-align:center;color:white;font-weight:bold;margin:9px auto 0 auto;opacity:0}@-webkit-keyframes fade{0%,100%{opacity:0}20%,80%{opacity:1}}@keyframes fade{0%,100%{opacity:0}20%,80%{opacity:1}}.wordle-grid .wordle-row.invalid>.wordle-square input[type="text"]{border:1px solid red;background-color:#fdd}.wordle-grid .wordle-row>.wordle-square input[type="text"]{border:1px solid #555;border-radius:4px}.wordle-grid .wordle-square{width:19%;height:0;padding-top:16%;background-color:#f0f0ff;position:relative}#title-bar{position:relative}#title-bar .helprow{width:240px;position:absolute;right:3px}#title-bar .helprow>div{display:inline-block;position:absolute}.info{vertical-align:top;cursor:pointer;top:3px;right:150px}#title-bar .helprow .options-icon{display:none}.options-icon{vertical-align:top;cursor:pointer;font-size:30px;top:-5px;right:0}.stats-icon{vertical-align:top;cursor:pointer;font-size:18px;top:3px;right:112px}#new-game-wrapper{right:3px}#new-game-btn{margin:3px 0 0 0;font-weight:bold;top:0}#hard-mode-cb>*{vertical-align:middle}#wordle label{position:relative;top:1px}.wordle-grid .wordle-square>div{position:absolute;top:0;left:0;height:100%;width:100%;display:flex;align-items:center}.wordle-grid .wordle-square>div input[type="text"],.wordle-grid .wordle-square>div input[type="text"]:disabled{background-color:transparent;border:0;font-family:sans-serif;font-weight:bold;text-align:center;vertical-align:middle;color:#444;-webkit-text-fill-color:#444;width:100%;height:100%;margin:0 auto;text-transform:uppercase;opacity:1}.wordle-grid .wordle-row.invalid>.wordle-square input[type="text"]:focus,.wordle-grid .wordle-square>div input[type="text"]:focus{border:2px solid blue}.desktop .wordle-grid .wordle-square>div input[type="text"]{font-size:40px}.tablet .wordle-grid .wordle-square>div input[type="text"]{font-size:40px}#help h2{text-align:center;margin:6px auto}#help span{padding:0 3px}.keyboard-row input.btn.match,#help span.match,#help td.wordle-square.match,#share-grid td.wordle-square.match,.wordle-grid .wordle-square>div input[type="text"].match,.wordle-grid .wordle-square>div input[type="text"].match:disabled,.wordle-grid .wordle-square.match{-webkit-text-fill-color:white;color:white;background-color:green;border:1px solid green}.keyboard-row input.btn.found,#help span.found,#help td.wordle-square.found,#share-grid td.wordle-square.found,.wordle-grid .wordle-square.found,.wordle-grid .wordle-square>div input[type="text"].found:disabled,.wordle-grid .wordle-square>div input[type="text"].found{-webkit-text-fill-color:white;color:white;background-color:#f80;border:1px solid #f80}.keyboard-row input.btn.wrong,#help span.wrong,#share-grid td.wordle-square.wrong,.wordle-grid .wordle-square .wrong,#help .wordle-square.wrong,.wordle-grid .wordle-square.wrong,.wordle-grid .wordle-square>div input[type="text"].wrong:disabled,.wordle-grid .wordle-square>div input[type="text"].wrong{-webkit-text-fill-color:#333;color:#333;background-color:#ccc;border:1px solid #aaa}#keyboard-grid{margin-top:9px;margin-bottom:6px}#keyboard-grid.hide{display:none}.keyboard-row input.btn{font-size:18px;font-weight:bold;text-transform:uppercase;width:30px;height:48px;touch-action:manipulation;border-radius:5px}.keyboard-row input.btn{padding:6px;margin:0 1px 5px 0;width:8.2vw;height:12vw;max-width:52px;max-height:48px}.mobile .keyboard-row .keyboard-cell:last-child input.btn{margin-right:0}.desktop .keyboard-row input.btn{padding:10px;margin:5px 2px;font-size:20px;min-width:42px;min-height:48px}.tablet .keyboard-row input.btn{padding:7px;margin:5px 3px;font-size:26px;min-width:48px;max-width:72px}.keyboard-row{margin:0 auto;text-align:center;font-weight:bold}.keyboard-row>div{display:inline-block}.wordle-grid .wordle-square>div input[type="text"]{font-size:40px}.wordle-grid .wordle-square>div input[type="text"]:disabled{-webkit-text-fill-color:#444;color:#444}.keyboard-row input.btn{border-color:#88d;background-color:#ccf}.keyboard-row input.btn.ltr-bs:disabled,.keyboard-row input.btn.ltr-go:disabled{-webkit-text-fill-color:#aaa;background-color:#ddd;color:#aaa}.keyboard-row input.btn.ltr-go{background-color:#fd6;min-width:72px}.keyboard-row input.btn.ltr-bs{background-color:#fbb;min-width:72px}#lose,#win{padding:9px;font-size:16px}#lose,#win{display:none}#game-over.show{display:block}#lose.show,#win.show{display:block;margin-bottom:10px}#lose.show span,#win.show span{font-weight:bold}#lose.show{border:1px solid #400;background-color:#fee;color:#C00}#win.show{border:1px solid #040;background-color:#efe;color:#080;font-weight:bold}#ratio{margin:6px 0 0 0;font-size:13px;font-weight:bold;text-transform:uppercase}#options .options-wrapper,#help .help-wrapper,#statistics .statistics-wrapper{border:3px solid #44a;padding:12px 18px;background-color:white}#options,#help,#statistics{position:absolute;margin:0 auto;top:-6px;left:0;right:0;max-width:360px;z-index:1000}.stats-game,.stats-history,#statistics{font-size:12px;width:100%}#statistics #stats-layout{width:100%}#statistics #stats-layout>tbody>tr>td{vertical-align:middle}.stats-game{margin-bottom:10px}.stats-game th,.stats-game td{border:1px solid #44a}#stats-tabs{position:relative;height:29px}#stats-tabs>div{display:inline-block;padding:6px;border:1px solid #44a;border-radius:8px 8px 0 0;width:50%;position:absolute}#options .options-header,#help .help-header,#statistics .statistics-header{background-color:#44a;color:white;height:28px;text-align:center;vertical-align:middle;font-weight:bold;width:100%;padding:7px;font-size:15px}#options .options-header>div,#help .help-header>div,#statistics .statistics-header>div{background-color:#fd5;color:black;float:right;height:20px;width:20px;margin:-1px 0 0 0;vertical-align:middle;text-align:center;font-size:16px;font-weight:bold;cursor:pointer}#statistics table th{background-color:#44a;color:white;text-align:center;padding:6px 4px}#statistics table td{background-color:white;text-align:center;padding:3px;font-weight:bold}#statistics table.stats-game td{color:#44a}#statistics table td{color:#080}.stats-history{border:1px solid #44a;margin-bottom:13px}.stats-history tr td{font-size:11px;padding:2px;vertical-align:top}.stats-history tr td.stats-bar{width:74%;text-align:left}#statistics table.stats-history tr:last-child td{padding-bottom:8px}#statistics table.stats-history tr:nth-child(2) td{padding-top:8px}.stats-bar>div{background-color:#080;height:13px;min-width:20px}.stats-bar>div>span{color:white;margin-right:3px;float:right}.cancel-btn{width:40px;margin:16px auto 0}#free-play-tab:hover,#daily-tab:hover{background-color:#def}#free-play-tab{right:0}#daily-tab{left:0}#free-play-tab,#daily-tab{font-weight:bold}#free-play-tab.selected,#daily-tab.selected{background-color:#44a;color:white}@media(max-width:1023px){.wordle-grid .wordle-row .wordle-square>div input[type="text"]{font-size:38px}}@media(max-height:700px){.wordle-grid .wordle-square{width:16%;padding-top:14%}}@media(max-width:480px){.wordle-grid .wordle-row .wordle-square>div input[type="text"]{font-size:40px}.keyboard-row input.btn.ltr-bs,.keyboard-row input.btn.ltr-go{min-width:44px}}@media(max-width:340px){.wordle-grid .wordle-row .wordle-square>div input[type="text"]{font-size:36px}.keyboard-row input.btn{min-width:26px;width:26px}.keyboard-row input.btn.ltr-bs,.keyboard-row input.btn.ltr-go{min-width:40px}.wordle-grid .wordle-square{padding-top:15%}}@media(max-device-width:339px){span#game-number{display:none}.wordle-grid .wordle-square{width:16%;padding-top:12%}.mobile .keyboard-row input.btn{min-height:30px;font-size:16px;margin-bottom:3px}#keyboard-grid{margin-top:6px}h3.widget-title,h1{line-height:32px}}@media(max-device-width:319px){.info{right:166px}.stats-icon{right:134px}#new-game-wrapper{right:32px}.wordle-grid .wordle-square{width:17%;padding-top:17%}.wordle-grid .wordle-row>.wordle-square>div input[type="text"]{font-size:28px}.mobile .keyboard-row input.btn{min-height:30px;font-size:14px;margin-bottom:3px;width:22px;min-width:8vw}#keyboard-grid{margin-top:6px}.keyboard-row input.btn.ltr-bs,.keyboard-row input.btn.ltr-go{min-width:34px;min-height:31px}#content h3.widget-title,h1{line-height:32px}}