.c-header{display:flex;align-items:center;justify-content:space-between;background-color:var(--header-color);color:var(--color-white);text-align:center;padding-left:12px;padding-right:12px;margin:0;height:var(--header-height)}.c-header .c-header-left,.c-header .c-header-right{min-width:100px;max-width:100px}.c-header .c-header-right{display:flex;justify-content:end}.c-header .c-header__menu-button{width:24px;cursor:pointer}.c-header .c-header__title{font-size:30px;line-height:30px;cursor:default}.c-header .c-header__beta-badge{font-size:20px;color:var(--color-orange);cursor:default}.c-letter{display:flex;align-items:center;justify-content:center;border:1px solid #999;width:var(--tile-size);height:var(--tile-size);margin:var(--tile-spacing);text-transform:uppercase;font-weight:700;font-size:var(--tile-font-size);line-height:var(--tile-font-size);user-select:none}.c-letter:nth-child(1){transition:all .1s linear}.c-letter:nth-child(2){transition:all .1s linear .15s}.c-letter:nth-child(3){transition:all .1s linear .3s}.c-letter:nth-child(4){transition:all .1s linear .45s}.c-letter:nth-child(5){transition:all .1s linear .6s}.c-letter.c-letter--green{background-color:var(--color-green);border-color:var(--color-green);color:var(--color-white)}.c-letter.c-letter--orange{background-color:var(--color-orange);border-color:var(--color-orange);color:var(--color-white)}.c-letter.c-letter--gray{background-color:var(--color-gray);border-color:var(--color-gray);color:var(--color-white)}.c-guess{display:flex}.c-board{display:flex;flex-direction:column;align-items:center;padding:8px var(--board-spacing)}.c-board--finished{opacity:.5;transition:opacity 3s ease}.c-key{display:flex;align-items:center;justify-content:center;flex:1;border-radius:4px;height:48px;text-transform:uppercase;font-weight:700;font-size:16px;line-height:16px;background-color:#eee;user-select:none}.c-key:not(:first-child){margin-left:4px}.c-key.c-key--span-1{flex-grow:1}.c-key.c-key--span-2{flex-grow:2}.c-key:hover{cursor:pointer;background-color:#ccc}.c-key.c-key--green{background-color:var(--color-green);border-color:var(--color-green);color:var(--color-white)}.c-key.c-key--orange{background-color:var(--color-orange);border-color:var(--color-orange);color:var(--color-white)}.c-key.c-key--gray{background-color:var(--color-gray);border-color:var(--color-gray);color:var(--color-white)}.c-keyboard{display:flex;flex-direction:column;max-width:450px;width:100%;padding:0 8px}.c-keyboard .c-keyboard__row{display:flex;width:100%}.c-keyboard .c-keyboard__row:not(:last-child){margin-bottom:4px}.c-action-button{border:1px solid #333;border-radius:2px;padding:4px 8px;color:#333;background-color:#fff}.c-action-button:not(:last-child){margin-right:8px}.c-action-button:hover{cursor:pointer;background-color:#ccc}.c-game{display:flex;flex-direction:column;height:calc(100% - var(--header-height) - 1px)}.c-game.c-game--board-16{--board-spacing: 4px;--tile-size: 24px;--tile-spacing: 3px;--tile-font-size: 14px}@media only screen and (max-width: 2500px){.c-game.c-game--board-16{--board-spacing: 4px;--tile-size: 18px;--tile-spacing: 2px;--tile-font-size: 12px}}@media only screen and (max-width: 600px){.c-game.c-game--board-2{--tile-size: 28px;--tile-spacing: 2px;--tile-font-size: 16px}.c-game.c-game--board-4{--tile-size: 20px;--tile-spacing: 2px;--tile-font-size: 16px}.c-game.c-game--board-8,.c-game.c-game--board-16{--board-spacing: 2px;--tile-size: 15px;--tile-spacing: 1px;--tile-font-size: 12px}}.c-board-container{display:flex;flex-wrap:wrap;flex-grow:1;align-items:center;justify-content:center;margin-top:10px;overflow-y:auto}.c-board-footer{display:flex;align-items:center;justify-content:center;flex-direction:column;flex:0 0 auto;position:relative;height:var(--keyboard-height)}.c-notification{position:absolute;display:flex;width:100%;height:100%;align-items:center;justify-content:center;flex-direction:column}.c-notification__box{display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:4px;padding:20px 40px}.c-notification--error .c-notification__box{background-color:var(--color-danger);color:var(--color-white)}.c-notification--success .c-notification__box{background-color:var(--color-success);color:var(--color-white)}.c-stat-line{display:flex;align-items:center;justify-content:space-between;margin:8px}.c-stats{position:fixed;top:0px;left:0px;z-index:0;background:#000000CC;width:100%;height:100%}.c-stats__word-container{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.c-stats__word{margin:8px;text-transform:uppercase;font-family:monospace;font-size:14px}.c-stats__word--not-found{color:var(--color-danger)}.c-stats__dialog{position:absolute;top:calc(50% - 200px);left:calc(50% - 170px);z-index:1;width:340px;padding:24px 0;border:1px solid var(--color-gray);border-radius:4px;background-color:var(--color-white)}.c-stats__dialog__header{display:flex;align-content:center;justify-content:center;padding:0}.c-stats__dialog__subtitle{display:flex;align-content:center;justify-content:center;padding:0;margin:24px 0 12px}.c-stats__dialog__subtitle h1{text-transform:uppercase;font-size:20px}.c-stats__dialog__body{padding:0 40px}.c-stats__dialog__close{position:absolute;top:0px;right:0px;display:flex;align-content:center;justify-content:center;width:40px;height:40px;font-size:20px;line-height:40px;font-family:monospace;cursor:pointer}.c-menu-button{display:flex;flex-direction:column}.c-menu-button .c-menu-button__box{background-color:var(--color-gray);color:#fff;border-radius:2px;width:60px;height:60px;text-align:center;line-height:60px;font-size:24px}.c-menu-button .c-menu-button__box:hover{cursor:pointer;background-color:#ccc}.c-menu-button.c-menu-button--busy .c-menu-button__box{background-color:var(--color-orange)}.c-menu-button.c-menu-button--won .c-menu-button__box{background-color:var(--color-green)}.c-menu-button.c-menu-button--lost .c-menu-button__box{background-color:var(--color-red)}.c-menu-button .c-menu-button__streak{font-size:14px;margin-top:12px;color:var(--color-black);background-image:url(/assets/fire.svg);background-repeat:no-repeat;background-position-x:center;background-position-y:center;background-size:contain;height:48px;line-height:56px;cursor:default}.c-menu-button.c-menu-button--selected .c-menu-button__box{background-color:#ccc}.c-menu-button:not(:last-child){margin-right:8px}.c-menu{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin:0;height:calc(100% - var(--header-height))}.c-menu .c-menu__title{font-size:24px;line-height:40px;text-transform:uppercase;margin-bottom:24px;cursor:default}.c-menu .c-menu__title:not(:first-child){margin-top:80px}.c-menu .c-menu__buttons{display:flex;align-items:center;justify-content:center}.c-menu .c-menu__buttons:not(:first-child){margin-left:12px}.c-menu .c-menu__copyright{position:absolute;bottom:4px;font-size:14px;cursor:default}.c-menu .c-menu__copyright-vuejs{color:#42b883}html,body,#app{height:100%}@font-face{font-family:Roboto;src:local("Roboto"),url(/assets/Roboto-Regular.4e147ab6.ttf) format("truetype")}body{transition:color .5s,background-color .5s;line-height:1.6;font-family:Roboto,Arial,Helvetica,sans-serif;font-size:18px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0;margin:0}:root{--color-green: #009688;--color-red: #d32f2f;--color-orange: #ffb300;--color-gray: #757575;--color-light: #EEE;--color-white: #FFF;--color-success: #009688;--color-danger: #d32f2f;--header-color: #00796b;--board-spacing: 8px;--tile-size: 50px;--tile-spacing: 4px;--tile-font-size: 24px;--header-height: 50px;--status-bar-height: 50px;--keyboard-height: 170px}