@charset "utf-8";:root{--board-height:30vh;--board-row-gap:4px;--board-col-gap:4px;--line-row-gap:2px;--line-col-gap:2px;--box-row-gap:1px;--box-col-gap:1px;--box-letter-color:#fff;--game-red:#be4646;--game-font:'Franklin Gothic Medium','Arial Narrow',Arial,sans-serif;--theme-bg-color:#161616;--game-gray-light:#535353;--game-gray-dark:#323232;--game-gray-dark-translucent:rgba(50,50,50,.5);--text-color:#fff;--message-box-bg-color:#4b4b4b;--no_color:#535353;--correct_color:#468246;--misplaced_color:#aa963c;--misplaced-color-stripes:repeating-linear-gradient(45deg,#aa963c,#aa963c 5px,#c0a945 0,#c0a945 10px);--section-divider:1px solid var(--game-gray-light)}:root body.light{--theme-bg-color:#f3f3f3;--no_color:#d1d1d1;--game-gray-light:#c4c2c2;--game-gray-dark:#c2c2c2;--game-gray-dark-translucent:rgba(121,121,121,0.5);--text-color:#363636;--message-box-bg-color:#b8b7b7;--correct_color:#8bc48b;--misplaced_color:#eaec78;--misplaced-color-stripes:repeating-linear-gradient(45deg,#e7e96c,#e7e96c 5px,#eaec78 0,#eaec78 10px);--section-divider:1px solid var(--game-gray-light)}:root body.high-contrast{--correct_color:#F473B9;--misplaced_color:#1ac6e4;--misplaced-color-stripes:repeating-linear-gradient(45deg,#1ac6e4,#1ac6e4 5px,#06c0e0 0,#06c0e0 10px)}body{margin:0;background-color:var(--theme-bg-color);font-family:var(--game-font);color:var(--text-color);text-transform:capitalize;height:100%;font-size:.8em}a{color:var(--text-color);text-decoration:none}a:visited{color:initial}button{border:0;border-radius:5px;background-color:var(--game-gray-light);font-family:var(--game-font);text-transform:uppercase;color:#fff;cursor:pointer}button svg{pointer-events:none}button.link,button.link{padding:0}button.link>a{display:block;color:#fff;padding:5px}#header{display:flex;align-items:center;justify-content:space-between;margin:auto;padding:0 10px;border-bottom:var(--section-divider);width:95%;height:50px}#header h1{margin:5px 0}#header h1>a{color:var(--text-color)}#header h1 small{font-size:.33em;font-family:'helvectica-neue',Helvetica,sans-serif;font-weight:100;text-transform:lowercase}#header button.switch-game{width:initial;font-size:.75rem}#header button.switch-game{width:initial}#menu-btns{display:flex}#game-container{display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center}#message-box{visibility:hidden;position:absolute;margin:5px 0;padding:0 10px;border-radius:5px;background-color:var(--message-box-bg-color);z-index:2;text-transform:capitalize}#board-container{display:flex;justify-content:center;flex:1 0 auto;width:100%;max-width:500px;margin:25px 0}.board{display:flex;flex-direction:column;row-gap:5px;max-width:98vw}.line{display:flex;justify-content:center;column-gap:3px;flex-grow:1}.box{display:flex;justify-content:center;align-items:center;flex:1 1 auto;position:relative;width:65px;height:65px;font-size:32px;border:2px solid var(--game-gray-light);border-radius:2px;color:var(--text-color);transform-style:preserve-3d;perspective:1000px;text-transform:uppercase}.box-inner{display:flex;position:absolute;height:100%;width:100%;align-items:center;justify-content:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:2px}.box-back{transform:rotateY(180deg);border-width:2px;border-style:solid;border-radius:2px;color:var(--box-letter-color)}.box-back.correct_color{background:var(--correct_color);border-color:var(--correct_color)}.box-back.misplaced_color{background:var(--misplaced-color-stripes);border-color:var(--misplaced_color)}.box-back.no_color{background:var(--no_color);border-color:var(--no_color)}.overlay-module-container{visibility:hidden;display:flex;justify-content:center;align-items:center;position:absolute;left:0;top:0;margin:0;width:100vw;height:100vh;text-align:center;background-color:var(--game-gray-dark-translucent)}.overlay-module{position:relative;z-index:1;display:none;margin:0;padding:25px;border-radius:5px;background-color:var(--theme-bg-color);transform:translateY(-100vh)}.overlay-module .exit-icon{position:absolute;top:0;right:0;padding:10px 15px;cursor:pointer}.menu-item,.checkbox,.exit-icon{-webkit-tap-highlight-color:transparent;user-select:none}.menu-item:focus,.checkbox:focus,.exit-icon:focus{outline:none !important}.overlay-module button{display:block;width:100%;height:35px;margin-top:10px;border-radius:5px;background-color:var(--game-gray-light);font-family:var(--game-font);text-transform:uppercase;color:#fff;cursor:pointer}.overlay-module button.link{padding:0}.overlay-module button.link.play-daily{display:none}.overlay-head{margin-top:0}.overlay-head h1{margin-top:0;margin-bottom:0}.overlay-module small{font-size:x-small}.menu-icon{fill:var(--text-color)}.menu-item{background:none;border:0;cursor:pointer}.head-stats{display:flex;justify-content:space-around}.head-stats .top-stats{flex-basis:0}#end-game-section{display:none;margin-bottom:10px;border-bottom:var(--section-divider)}#end-game-section h2{margin:0;font-size:2rem}#end-game-section table{margin:auto;margin-bottom:10px}#end-game-section.show{display:block}.end-solution{text-transform:uppercase;font-size:20px;text-decoration:underline}#game-stats.hide,#overall-stats.hide,#next-game.hide,.switch-stats.hide{display:none}p.top-stat{font-size:1rem}.win-distribution{text-align:left}.win-distribution .bar{position:relative;height:20px;margin-bottom:5px;background-color:var(--game-gray-light);text-align:right;padding:3px 5px 0 0;min-width:2ch;width:2ch;border-radius:2px;box-sizing:border-box;color:white}.win-distribution .bar::before{position:absolute;left:-15px;color:var(--text-color)}.win-distribution .bar:nth-child(1):before{content:'1'}.win-distribution .bar:nth-child(2):before{content:'2'}.win-distribution .bar:nth-child(3):before{content:'3'}.win-distribution .bar:nth-child(4):before{content:'4'}.win-distribution .bar:nth-child(5):before{content:'5'}.win-distribution .bar:nth-child(6):before{content:'6'}#share-btn{display:none;width:100%;background:var(--correct_color)}#next-game{margin-top:10px;padding-top:10px;border-top:var(--section-divider)}#new-game-available{display:none}#share-btn.show,#next-game.show,#new-game-available.show{display:block}#countdown{opacity:0;margin-top:0;transition:opacity 1s}#countdown.show{opacity:1}#settings-module{display:none;min-width:200px}.settings-slider{width:90%}#theme-picker{display:flex;justify-content:center;align-items:center;flex-direction:column}.theme-icons{width:100%}.theme-icons svg{fill:var(--text-color);width:20px}.theme-icons span{width:18px}#light-icon{float:left}#auto-icon{float:right}#theme-picker,#vibrate-container{margin-bottom:15px;padding-bottom:15px;border-bottom:var(--section-divider)}#settings-module .checkbox-container{position:relative;text-align:right;user-select:none}#settings-module .checkbox{position:absolute;opacity:0;cursor:pointer;height:25px;width:25px;top:0;left:0}#settings-module .checkmark{position:absolute;top:0;left:0;height:25px;width:25px;background-color:var(--theme-bg-color);pointer-events:none;border-radius:5px}#settings-module .checkbox ~ .checkmark{background-color:#ccc}#settings-module .checkbox:hover ~ .checkmark{background-color:#bbb}#settings-module .checkbox:checked ~ .checkmark{background-color:var(--correct_color)}#settings-module .checkmark:after{content:"";position:absolute;display:none}#settings-module .checkbox:checked ~ .checkmark:after{display:block}#settings-module .checkmark:after{left:9px;top:5px;width:5px;height:10px;border:solid white;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}#hard-mode-container p{position:relative;background-image:url(img/question-mark.svg);background-size:16px;background-repeat:no-repeat;background-position:55% 50%}#hard-mode-container p>span{opacity:0;position:absolute;top:-50px;left:0;width:100%;padding:5px;border-radius:5px;background-color:var(--game-gray-light);text-align:center;pointer-events:none;transition:all .5s}#hard-mode-container p:hover>span{opacity:1}#info-module{text-transform:initial}#info-module .box{color:#fff}#info-module .box.correct_color{background:var(--correct_color);border-color:var(--correct_color)}#info-module .box.misplaced_color{background:var(--misplaced-color-stripes);border-color:var(--misplaced_color)}#info-module .box.no_color{background-color:var(--no_color);border-color:var(--no_color)}#info-module #how-to-list{text-align:left;list-style:circle;padding:0 0 15px 20px;border-bottom:var(--section-divider)}#info-module h5{margin:5px 0}#dev-links{margin:0}#info-module #creator-info{padding-bottom:10px;border-bottom:var(--section-divider)}#info-module #dev-links{list-style:none;padding-left:0}#info-module #dev-links li{display:inline}#info-module .switch-game{margin-bottom:10px}#info-module #game-version{float:right;font-size:12px;color:lightgray}#keyboard{max-width:500px}.hg-theme-default{font-family:var(--game-font);background:none;padding:5px;overflow:visible}.hg-rows{text-transform:uppercase}.hg-row:nth-child(2){justify-content:center}.hg-theme-default .hg-button.custom-theme{color:var(--text-color);background-color:var(--game-gray-dark);border:0;min-width:30px;height:50px}.hg-theme-default .hg-button{transition:background-color 200ms}.hg-theme-default .hg-button:hover,.hg-theme-default .hg-button:active,.hg-theme-default .hg-button:focus{transform:scale(1.1)}.hg-theme-default .hg-button.correct_color,.hg-theme-default .hg-button.misplaced_color,.hg-theme-default .hg-button.no_color{color:var(--box-letter-color)}.hg-theme-default .hg-button.correct_color{background:var(--correct_color)}.hg-theme-default .hg-button.misplaced_color{background:var(--misplaced-color-stripes)}.hg-theme-default .hg-button.no_color{background:var(--theme-bg-color);color:var(--text-color);opacity:.5}.hg-theme-default .custom-theme.hg-activeButton{background:var(--correct_color)}#keyboard.swap-enter .hg-theme-default .hg-button-enter{order:1;margin-right:0}#keyboard.swap-enter .hg-theme-default .hg-button-bksp{order:-1;margin-right:5px}.hg-theme-default .no-show-keys{display:none}@media (max-width:500px){.box{width:60px;height:60px}#keyboard{display:block;width:100%}.hg-theme-default{padding:5px}.hg-button-container{width:90%}.hg-theme-default .hg-button.custom-theme{height:40px}.hg-theme-default .hg-row .hg-button:not(:last-child){margin-right:3px}}@media (max-height:680px){.box{width:55px;height:55px}}@media (max-width:440px){h1 small{display:block;text-align:right}}