@media(min-width:320px){body:after{content:'{"phone":{"value": "320px", "active": true}, "tablet":{"value": "960px", "active": false}, "desktop":{"value": "1280px", "active": false}, "widescreen":{"value": "1920px", "active": false}}';display:block;height:0;overflow:hidden;width:0}}@media(min-width:960px){body:after{content:'{"phone":{"value": "320px", "active": true}, "tablet":{"value": "960px", "active": true}, "desktop":{"value": "1280px", "active": false}, "widescreen":{"value": "1920px", "active": false}}';display:block;height:0;overflow:hidden;width:0}}@media(min-width:1280px){body:after{content:'{"phone":{"value": "320px", "active": true}, "tablet":{"value": "960px", "active": true}, "desktop":{"value": "1280px", "active": true}, "widescreen":{"value": "1920px", "active": false}}';display:block;height:0;overflow:hidden;width:0}}@media(min-width:1920px){body:after{content:'{"phone":{"value": "320px", "active": true}, "tablet":{"value": "960px", "active": true}, "desktop":{"value": "1280px", "active": true}, "widescreen":{"value": "1920px", "active": true}}';display:block;height:0;overflow:hidden;width:0}}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body,html{font-family:sans-serif;margin:0;padding:0}.container{width:50vw;max-width:800px;min-width:400px;margin:0 auto;display:-moz-box;display:flex;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;height:100vh}.games{-moz-box-flex:1;flex:1 1;overflow-y:hidden;position:relative}.games .games-list{position:absolute;bottom:0;left:0;width:100%}.letter{font-size:5vw}.letter-box{position:relative;font-weight:700;border-radius:1vw;text-align:center;-webkit-animation-name:box-in;-moz-animation-name:box-in;animation-name:box-in;-webkit-animation-iteration-count:1;-moz-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-duration:.3s;-moz-animation-duration:.3s;animation-duration:.3s;-webkit-box-shadow:inset 0 0 0 1px rgba(0,0,0,.3),0 .2vw .2vw rgba(0,0,0,.3);box-shadow:inset 0 0 0 1px rgba(0,0,0,.3),0 .2vw .2vw rgba(0,0,0,.3)}.letter-box:before{content:"";float:left;width:1px;margin-left:-1px;padding-top:100%}.letter-box:after{content:"";display:table;clear:both}.letter-box.number{-webkit-box-shadow:none;box-shadow:none}.letter-box .letter-frame{position:absolute;top:0;left:0;bottom:0;right:0;display:-moz-box;display:flex;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-moz-box-pack:center;justify-content:center;align-content:center}.letter-box .letter-frame svg{width:100%;height:100%}.letter-box .letter-frame .letter{-moz-box-flex:0;flex:none;display:none}.game-row{margin-bottom:1vw;display:-moz-box;display:flex;-moz-box-orient:horizontal;-moz-box-direction:normal;flex-direction:row;flex-wrap:nowrap;-moz-box-pack:center;justify-content:center;-moz-box-align:stretch;align-items:stretch;grid-gap:1vw;gap:1vw}.game-row .letter-box{-moz-box-flex:1;flex:1 1}.keyboard-letter.result-1,.letter-box.result-1{background:gray}.keyboard-letter.result-3,.letter-box.result-3{background:#393}.keyboard-letter.result-2,.letter-box.result-2{background:#fc6}.keyboard-letter.focused,.letter-box.focused{background-color:#39c}.hidden-controls{position:fixed;top:0;left:0;opacity:0}.controls{position:fixed;top:1em;right:1em;background:rgba(0,0,0,.5);color:#fff;border-radius:1em;padding:1em}.controls p{margin:0;padding:0 0 1em}@-webkit-keyframes box-in{0%{-webkit-transform:scale(.5);transform:scale(.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@-moz-keyframes box-in{0%{-moz-transform:scale(.5);transform:scale(.5)}to{-moz-transform:scale(1);transform:scale(1)}}@keyframes box-in{0%{-webkit-transform:scale(.5);-moz-transform:scale(.5);transform:scale(.5)}to{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}.keyboard{-moz-box-flex:0;flex:0 1 none}.keyboard .letter{font-size:3vw}.keyboard .keyboard-row{display:-moz-box;display:flex;-moz-box-orient:horizontal;-moz-box-direction:normal;flex-direction:row;-moz-box-pack:center;justify-content:center;grid-gap:1%;gap:1%;margin-bottom:1%}.keyboard .keyboard-row .keyboard-letter{-moz-box-flex:0;flex:0 1 none;width:9%}.keyboard .keyboard-row .keyboard-control{-moz-box-flex:1;flex:1 1;width:auto;background-color:pink}.keyboard .keyboard-row .keyboard-control:before{content:"";display:none;float:none;width:0;margin-left:0;padding:0}.keyboard .keyboard-row .keyboard-control:after{content:"";display:none;clear:none}