@import url("https://fonts.googleapis.com/css?family=Barlow:300,300i,500,500i,700,700i");html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,input,textarea,button{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;font-family:"Barlow",sans-serif;font-weight:300}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}*{-webkit-box-sizing:border-box;box-sizing:border-box}html{width:100%;height:705px;overflow-x:hidden;overflow-y:scroll;font-family:"Barlow",sans-serif}body{width:100%;height:100%;-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}div#root{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;color:#222}header{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:40px;background-color:#333;padding:0 8px 0 0;position:relative}header a.header-back{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;position:relative;margin:0 auto 0 0}header a.header-back i{position:relative;left:4px}header a.header-back:hover{opacity:0.8;text-decoration:none}header p.header-title{font-weight:bold;color:#fff;position:absolute;left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}header div.header-buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 0 0 auto}header button.header-button{color:#fff;padding:8px;margin:2px 0 0 0;background:none;position:relative}header button.header-button i{font-size:17px}header button.header-button:hover i{opacity:0.8}header button.header-menu{z-index:1}header button.header-menu>i{-webkit-transition:-webkit-transform .3s cubic-bezier(0.77, 0, 0.175, 1);transition:-webkit-transform .3s cubic-bezier(0.77, 0, 0.175, 1);transition:transform .3s cubic-bezier(0.77, 0, 0.175, 1);transition:transform .3s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform .3s cubic-bezier(0.77, 0, 0.175, 1)}header button.header-menu ul{background-color:#333;position:fixed;top:45px;right:0;border-radius:5px 0 0 5px;padding:6px 0;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform .3s cubic-bezier(0.77, 0, 0.175, 1);transition:-webkit-transform .3s cubic-bezier(0.77, 0, 0.175, 1);transition:transform .3s cubic-bezier(0.77, 0, 0.175, 1);transition:transform .3s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform .3s cubic-bezier(0.77, 0, 0.175, 1)}header button.header-menu ul li{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px 16px;font-size:16px}header button.header-menu ul li.disabled{opacity:0.4;pointer-events:none}header button.header-menu ul li:hover{opacity:0.6}header button.header-menu ul li i{margin:0 0 0 15px}header button.header-menu.is-open>i{-webkit-transform:rotate(90deg);transform:rotate(90deg)}header button.header-menu.is-open ul{-webkit-transform:translateX(0);transform:translateX(0)}main{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:100%}h1,h2,h3,h4,h5,h6,p,ul,ol{padding:0;margin:0}h1,.h1{font-weight:700;font-size:36px;line-height:130%}h1 span,h1 em,.h1 span,.h1 em{font-weight:inherit}h2,.h2,p.subtitle{font-weight:500;font-size:24px}h2 span,h2 em,.h2 span,.h2 em,p.subtitle span,p.subtitle em{font-weight:inherit}h3,.h3{font-weight:500;font-size:18px}h3 span,h3 em,.h3 span,.h3 em{font-weight:inherit}img{border-radius:2px;background:none}strong{font-weight:500}div.hr{width:100%;border-top:1px dashed #aaa;margin:15px 0 30px}div.drag-preview{width:100%;height:100%;pointer-events:none;position:absolute;top:0;left:0}div.drag-preview div.cell-value{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;background:-webkit-gradient(linear, left top, left bottom, from(#efc66c), to(#ecb230));background:linear-gradient(180deg, #efc66c 0%, #ecb230 100%);border-radius:5px;opacity:0.9;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:calc(((100vw - (2 * 2px) - ((15 - 1) * 2px)) / 15) + (2 * 2px));height:calc(((100vw - (2 * 2px) - ((15 - 1) * 2px)) / 15) + (2 * 2px))}div.drag-preview div.cell-value p.cell-letter{color:#333;font-weight:700;font-size:20px}div.drag-preview div.cell-value p.cell-score{position:absolute;top:0;right:2px;color:#333;font-weight:500;font-size:9px}div.drag-preview div.cell-value.is-new p{color:#fff}div.drag-preview div.cell-value.is-dragging{opacity:0}div.mask{width:100vw;height:100vh;position:fixed;pointer-events:none;z-index:1000}div.mask div.mask-background{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fff;-webkit-transition:opacity .15s;transition:opacity .15s;opacity:0}div.mask.active{pointer-events:all}div.mask.active div.mask-background{opacity:0.6}a{color:#007bd8;text-decoration:none}a:hover{text-decoration:underline}*.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;background-color:#fff;border-style:solid;border-width:2px;border-radius:10px;border-color:#444;color:#222;font-family:"Barlow",sans-serif;font-weight:500;font-size:12px;height:46px;padding:5px;min-width:60px;text-decoration:none}*.btn.big{font-size:20px;padding:5px 10px}*.btn:active:not(:disabled){background-color:#222;border:2px solid #222;color:#fff}*.btn:disabled{cursor:default;opacity:0.6}*.btn span{display:block;font-weight:500}*.btn i{font-size:16px}a.btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}*.btn.blue{border-color:#007bd8;color:#007bd8}*.btn.blue:active:not(:disabled){border-color:#005ea5;background-color:#005ea5;color:#fff}*.btn.red{border-color:#d44646;color:#d44646}*.btn.red:active:not(:disabled){border-color:#bb2c2c;background-color:#bb2c2c;color:#fff}*.btn.white{border-color:#fff}*.btn.white:active:not(:disabled){background-color:#ddd;border-color:#ddd;color:#333}*.btn.clear{border-color:transparent;background-color:transparent;color:#fff}*.btn.clear:active:not(:disabled){background-color:rgba(255,255,255,0.3);border-color:transparent;color:#fff}section.modal{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:fixed;width:100%;height:100%;z-index:3;padding:30px;pointer-events:none;-webkit-transition:opacity .15s;transition:opacity .15s}section.modal div.blackout{width:100%;height:100%;position:absolute;background-color:rgba(0,0,0,0.8);opacity:0;-webkit-transition:opacity .15s;transition:opacity .15s}section.modal div.modal-panel{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:auto;position:relative;z-index:1;background-color:#fff;border-radius:10px;-webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,0.3);box-shadow:0 2px 8px 0 rgba(0,0,0,0.3)}section.modal div.modal-panel header.modal-panel{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;min-height:50px;padding:0 20px;background-color:#007bd8;border-radius:10px 10px 0 0;-webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,0.3);box-shadow:0 2px 8px 0 rgba(0,0,0,0.3);color:#fff}section.modal div.modal-panel header.modal-panel h3{color:#fff;padding:12px 0 10px}section.modal div.modal-panel header.modal-panel p{font-size:18px;opacity:0.8}section.modal div.modal-panel header.modal-panel p:not(.seamless){margin:0 0 0 10px}section.modal div.modal-panel div.modal-content{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;padding:20px}section.modal div.modal-panel div.modal-content p{line-height:120%}section.modal div.modal-panel footer.modal-panel{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;padding:20px;position:relative;z-index:1}section.modal div.modal-panel footer.modal-panel>*:not(:last-child){margin:0 10px 0 0}section.modal.active{pointer-events:all}section.modal.active div.blackout{opacity:1}section.scrabble{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;overflow:hidden;padding-bottom:23px}section.scrabble div.scoreboard{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;padding:10px;position:relative;background-color:#007bd8}section.scrabble div.scoreboard p.score{color:#fff}section.scrabble div.scoreboard p.score>span{font-weight:500;font-size:20px;display:block}section.scrabble div.scoreboard p.score>span>span{font-size:12px;opacity:0.7;margin:0 4px}section.scrabble div.scoreboard p.score:nth-child(1){text-align:left}section.scrabble div.scoreboard p.score:nth-child(2){text-align:right}section.scrabble div.scoreboard p.game-over{text-align:center;color:#fff;font-size:14px;font-weight:500;position:absolute;background-color:rgba(255,255,255,0.2);padding:4px 6px;border-radius:3px;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}section.scrabble div.scoreboard i{font-size:16px;color:#fff;position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}section.scrabble div.game-messages{width:100%;padding:5px;background-color:#005ea5}section.scrabble div.game-messages p{width:100%;font-size:14px;color:#fff;text-align:center}section.scrabble div.grid-wrapper{width:100vw;height:100vw;overflow:hidden}section.scrabble div.grid{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;padding:2px;background-color:#ccc}section.scrabble div.grid-row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;width:100%}section.scrabble div.grid-row:not(:last-child){margin:0 0 2px 0}section.scrabble div.grid-cell{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:calc((100vw - (2 * 2px) - ((15 - 1) * 2px)) / 15);height:calc((100vw - (2 * 2px) - ((15 - 1) * 2px)) / 15);position:relative;border-radius:5px}section.scrabble div.grid-cell:not(:last-child){margin:0 2px 0 0}section.scrabble div.cell-empty{position:absolute;top:0;left:0;width:100%;height:100%;color:#333;background:-webkit-gradient(linear, left top, left bottom, from(#bbb), to(#eee));background:linear-gradient(180deg, #bbb 0%, #eee 100%);-webkit-box-shadow:inset 0 2px 2px rgba(0,0,0,0.1);box-shadow:inset 0 2px 2px rgba(0,0,0,0.1);border-radius:5px}section.scrabble div.cell-type{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;color:#fff;font-weight:500;font-size:12px;-webkit-box-shadow:inset 0 3px 3px rgba(0,0,0,0.3);box-shadow:inset 0 3px 3px rgba(0,0,0,0.3);border-radius:5px}section.scrabble div.cell-type.cell-type-TW{background-color:#e39a43}section.scrabble div.cell-type.cell-type-DW{background-color:#bc5a4f}section.scrabble div.cell-type.cell-type-TL{background-color:#6ca440}section.scrabble div.cell-type.cell-type-DL{background-color:#0481d0}section.scrabble div.cell-type.cell-type-CC{background-color:#812f53}section.scrabble div.cell-value{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;background:-webkit-gradient(linear, left top, left bottom, from(#efc66c), to(#ecb230));background:linear-gradient(180deg, #efc66c 0%, #ecb230 100%);border-radius:5px;opacity:0.9;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;top:-2px;left:-2px;right:-2px;bottom:-2px}section.scrabble div.cell-value p.cell-letter{color:#333;font-weight:700;font-size:20px}section.scrabble div.cell-value p.cell-score{position:absolute;top:0;right:2px;color:#333;font-weight:500;font-size:9px}section.scrabble div.cell-value.is-new p{color:#fff}section.scrabble div.cell-value.is-dragging{opacity:0}section.scrabble div.board-messages{padding:5px 0}section.scrabble div.board-messages p{text-align:center;font-weight:500}section.scrabble div.board-messages p.invalid-move{color:#d44646}section.scrabble div.board-messages p.invalid-word span{font-weight:inherit;color:#d44646}section.scrabble div.board-messages p.score span{font-weight:inherit;color:#347d34}section.scrabble div.piece-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;padding:2px;-webkit-transform:scale(2);transform:scale(2);-webkit-transform-origin:top center;transform-origin:top center;margin:0 0 26px 0}section.scrabble div.piece-list.is-disabled div.piece-cell div.cell-value{opacity:0.6}section.scrabble div.piece-cell{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:calc((100vw - (2 * 2px) - ((15 - 1) * 2px)) / 15);height:calc((100vw - (2 * 2px) - ((15 - 1) * 2px)) / 15);position:relative;border-radius:5px}section.scrabble div.piece-cell:not(:last-child){margin:0 2px 0 0}section.scrabble div.piece-cell div.cell-value{top:0;left:0;right:0;bottom:0}section.scrabble div.piece-cell div.cell-value p.cell-score{font-size:6px;top:1px}section.scrabble div.board-controls{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;padding:10px}section.scrabble div.board-controls button:not(:last-child){margin:0 10px 0 0}section.game-list{width:100%}section.game-list h2{width:100%;padding:10px;text-align:center;background-color:#007bd8;color:#fff}section.game-list ul{width:100%;padding:10px}section.game-list ul li.game-item{width:100%;background:-webkit-gradient(linear, left top, left bottom, from(#efc66c), to(#ecb230));background:linear-gradient(180deg, #efc66c 0%, #ecb230 100%);border-radius:5px;overflow:hidden}section.game-list ul li.game-item:hover{opacity:0.8}section.game-list ul li.game-item:not(:last-child){margin:0 0 10px 0}section.game-list ul li.game-item a{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;width:100%;color:inherit;position:relative}section.game-list ul li.game-item a:hover{text-decoration:none}section.game-list ul li.game-item a div.game-item-body{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:10px;margin:0 20px 0 0}section.game-list ul li.game-item a div.game-item-result{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:10px}section.game-list ul li.game-item a div.game-item-result p{font-weight:500}section.game-list ul li.game-item a div.game-item-arrow{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#347d34;width:30px;margin:0 0 0 auto}section.game-list ul li.game-item a div.game-item-arrow i{color:#fff}section.game-list ul li.game-item a div.scoreboard{margin:0 0 10px 0}section.game-list ul li.game-item a div.scoreboard p.score>span{display:inline-block;font-weight:500;width:53px}section.game-list ul li.game-item a div.scoreboard p.score>span>span{font-size:12px;margin:0 4px}section.game-list ul li.game-item a div.game-dates p{font-size:12px;font-weight:500}section.game-list ul li.game-item a div.game-dates p:not(:last-child){margin:0 0 3px 0}section.game-list ul li.game-item a div.game-dates p span{display:inline-block;width:54px}main.error-404{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;width:100%;background-color:#fff}main.error-404 h1{margin:0 0 20px 0}main.error-404 p:not(:last-child){margin:0 0 10px 0}main.game-select{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:30px}main.game-select h1{margin:0 0 10px 0;color:#333}main.login{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:30px}main.login h1{margin:0 0 10px 0;color:#333}main.login form{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}main.login form div.buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin:10px 0 0 0}main.login form div.field{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:100%}main.login form div.field:not(:last-child){margin:0 0 10px 0}main.login form div.field label{font-weight:500;color:#333;margin:0 0 3px 0}main.login form div.field input{width:100%;padding:8px;border:2px solid #555;border-radius:10px;-webkit-box-shadow:inset 0 2px 0 rgba(0,0,0,0.1);box-shadow:inset 0 2px 0 rgba(0,0,0,0.1);outline:none}main.login form div.field input:focus{border-color:#007bd8}main.login form div.field p.field-error{font-size:14px;color:#d44646;margin:3px 0 0 0}main.settings{-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:20px}main.settings button{margin:0 0 20px 0}main.analytics{padding:20px}main.analytics h2{-ms-flex-item-align:center;align-self:center;margin:0 0 10px 0}main.analytics>p{margin:0 0 30px 0}main.analytics div.user-plots{width:100%;margin:0 0 40px 0}main.analytics div.user-plots h3{margin:0 0 20px 0;text-align:center}main.analytics div.user-plots p.description{margin:-10px 0 20px 0}main.analytics div.user-plot{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}main.analytics div.user-plot:not(:last-child){margin:0 0 35px 0}main.analytics div.user-plot div.names{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-item-align:stretch;align-self:stretch}main.analytics div.user-plot h4{width:12px;margin:0 20px 0 0;text-align:right;font-weight:500;color:#347d34}main.analytics div.user-plot-plot{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}main.analytics div.user-plot-plot p.label{font-weight:500;font-size:12px}main.analytics div.box-and-whisker-plot{height:20px;position:relative}main.analytics div.box-and-whisker-plot div.box{position:absolute;top:0;height:100%;border:2px solid #333;background-color:#eee;border-radius:3px}main.analytics div.box-and-whisker-plot div.whisker{position:absolute;top:50%;right:0;background-color:#333;-webkit-transform:translateY(-50%);transform:translateY(-50%);height:2px}main.analytics div.box-and-whisker-plot div.whisker p{top:-15px}main.analytics div.box-and-whisker-plot div.whisker p:first-child{left:0}main.analytics div.box-and-whisker-plot div.whisker p:last-child{left:100%}main.analytics div.box-and-whisker-plot div.median{position:absolute;top:-5px;bottom:-5px;width:2px;background-color:#333;-webkit-transform:translateX(-50%);transform:translateX(-50%)}main.analytics div.box-and-whisker-plot div.median p{top:-13px}main.analytics div.box-and-whisker-plot div.mean{position:absolute;top:-5px;bottom:-5px;width:2px;background-color:#007bd8;-webkit-transform:translateX(-50%);transform:translateX(-50%)}main.analytics div.box-and-whisker-plot div.mean p{bottom:-13px;color:#007bd8}main.analytics div.box-and-whisker-plot p.label{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}main.analytics div.scatter-plot div.y-axis{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;position:relative;-ms-flex-item-align:stretch;align-self:stretch;padding:0 8px 0 0}main.analytics div.scatter-plot div.y-axis:after{content:'';position:absolute;top:0;right:0;width:3px;height:calc(100% - 4px);border-style:solid;border-color:#333;border-width:2px 2px 2px 0}main.analytics div.scatter-plot div.scatter-plot-plot{width:100%;height:100px;position:relative}main.analytics div.scatter-plot div.scatter-plot-plot div.x-axis{position:absolute;height:2px;width:100%;background-color:#333;left:0;top:calc(50% - 1px)}main.analytics div.scatter-plot div.scatter-plot-plot div.dots{position:absolute;width:80%;height:100%;top:0;left:10%}main.analytics div.scatter-plot div.scatter-plot-plot div.dots div.dot{position:absolute;width:5px;height:5px;border-radius:50%;background-color:#007bd8;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}main.analytics div.bar-graph-plot{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;height:60px}main.analytics div.bar-graph-plot div.axis{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;position:relative;height:100%;padding:0 8px 0 0;margin:0 1px 0 0}main.analytics div.bar-graph-plot div.axis:after{content:'';position:absolute;top:0;right:0;width:3px;height:calc(100% - 4px);border-style:solid;border-color:#333;border-width:2px 2px 2px 0}main.analytics div.bar-graph-plot div.bars-and-labels{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:100%;position:relative}main.analytics div.bar-graph-plot div.bars{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;width:100%;height:100%}main.analytics div.bar-graph-plot div.labels{position:absolute;bottom:0;left:0;width:100%}main.analytics div.bar-graph-plot div.bar{-webkit-box-flex:1;-ms-flex:1;flex:1;background-color:#007bd8;position:relative}main.analytics div.bar-graph-plot div.bar:not(:last-child){margin:0 1px 0 0}main.analytics div.bar-graph-plot div.bar p{position:absolute;left:50%;bottom:-13px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}main.analytics div.heatmap div.grid{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%}main.analytics div.heatmap div.grid div.row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:rpw;flex-direction:rpw;width:100%}main.analytics div.heatmap div.grid div.row div.cell{width:calc((100vw - 40px) / 15);height:calc((100vw - 40px) / 15);background-color:#333}section.modal div.modal-panel.new-game div.modal-content{-webkit-box-align:center;-ms-flex-align:center;align-items:center}section.modal div.modal-panel.new-game footer .btn{font-size:20px;padding:5px 10px}section.modal div.modal-panel.new-game p{margin:0}div.spinner{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:120px;height:120px;position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);-webkit-transition:opacity .3s;transition:opacity .3s;pointer-events:none;z-index:1}div.spinner div.level{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}div.spinner div.level:nth-child(1){width:100%;height:100%;-webkit-animation-name:spinner;animation-name:spinner;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}div.spinner div.level:nth-child(2){width:80%;height:80%;margin:-90% 0 0 0;-webkit-animation-name:spinner;animation-name:spinner;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;animation-direction:reverse}div.spinner div.level div.window{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:50%;height:25%;overflow:hidden}div.spinner div.level div.window div.ring{width:200%;height:400%;background-color:transparent;border:solid 2px #333;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box}div.spinner:not(.visible){opacity:0}div.spinner:not(.spinning) div.level{-webkit-animation-play-state:paused;animation-play-state:paused}div.spinner.mini{width:36px;height:36px;position:relative;margin:0 0 0 10px;top:0;left:0;-webkit-transform:none;transform:none}div.spinner.micro{width:24px;height:24px;position:relative;margin:0 0 0 10px;top:0;left:0;-webkit-transform:none;transform:none}div.spinner.white div.level div.window div.ring{border-color:#fff}@-webkit-keyframes spinner{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}div.toast{position:fixed;background-color:#d44646;width:60%;padding:20px;top:20px;right:0;z-index:1;border-radius:10px 0 0 10px;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform .3s cubic-bezier(0.77, 0, 0.175, 1);transition:-webkit-transform .3s cubic-bezier(0.77, 0, 0.175, 1);transition:transform .3s cubic-bezier(0.77, 0, 0.175, 1);transition:transform .3s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform .3s cubic-bezier(0.77, 0, 0.175, 1);-webkit-box-shadow:0 2px 6px 0 rgba(0,0,0,0.3);box-shadow:0 2px 6px 0 rgba(0,0,0,0.3)}div.toast p{color:#fff}div.toast.is-visible{-webkit-transform:translateX(0);transform:translateX(0)}

/*# sourceMappingURL=index.2-7-6.css.map */