.tile-background{font:500 9px sans-serif}.tile-start{font:500 8px sans-serif}.tile .letter{font:700 20px sans-serif}.tile .points{font:700 9px sans-serif}.defs{height:0;width:0;display:block}button.button{background:linear-gradient(180deg,var(--button-bg-color),var(--button-bg-color) 90%,var(--red-highlight-secondary) 0,var(--red-highlight-secondary));border:1px solid var(--button-border-color);padding:5px 4px 7px;border-radius:3px;font-weight:700;text-transform:uppercase;font-size:10px;color:var(--font-color)}button.button.strike{text-decoration:line-through}button.button:hover{background:linear-gradient(180deg,var(--button-bg-color),var(--button-bg-color) 90%,var(--red-highlight) 0,var(--red-highlight));border:1px solid #aaa}button.button:disabled{background:linear-gradient(180deg,var(--button-bg-color),var(--button-bg-color) 90%,var(--button-border-color) 0);color:var(--button-disable-color)}.chatSubmit,button.button:disabled{border:1px solid var(--button-border-color)}.chatSubmit{display:flex;flex-direction:row;border-top:none;margin-bottom:10px;border-radius:0 0 3px 3px}.chatSubmit,.chatSubmit input{background-color:var(--bg-color)}.chatSubmit input{flex:1 1;border:none;font-size:12px;margin:2px 5px;color:var(--font-color)}.chatSubmit button{margin:3px}.loading{height:50vh;width:100%;display:flex;justify-content:center;align-items:center}.loading img{margin:auto;display:block}.dialog{margin:0 auto;width:100%;font-size:11px}.dialog .box{margin:3px;position:relative}.dialog h2{padding-top:5px}.dialog .message{font-size:12px;margin:5px}.dialog .buttonArea{text-align:center;margin:5px}.dialog .buttonArea button{width:20%}.settings td{vertical-align:middle;width:75%}.settings td.name{text-align:right;width:25%}.settings input[type=text],.settings select{width:100%}.settings table{border-spacing:4px;width:100%}.settings .loading{position:absolute;top:0;bottom:0;left:0;right:0;width:auto;height:auto;background-color:var(--bg-color)}.login td{vertical-align:middle;width:75%}.login td.name{text-align:right;width:25%}.login input[type=password],.login input[type=text],.login select{width:100%}.login table{border-spacing:4px;width:100%}.dialogBackground{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.2)}.dialogWrapper{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column}.dialog{margin:auto;background-color:var(--bg-color-secondary);border:1px solid var(--button-border-color);border-radius:3px;width:400px;box-shadow:4px 4px 3px var(--bg-shadow-color)}.isMobile .dialog{width:90vw}.backgroundWrapper{-webkit-filter:blur(1.5px);filter:blur(1.5px)}.gameArea{-webkit-user-select:none;-ms-user-select:none;user-select:none}.gameArea,.isMobile .gameArea{width:100%}.boardWrapper,.tray{border:1px solid var(--game-border)}.tray{margin:10px calc(3.33333% - 10px);background-color:var(--tile-background-color);box-shadow:inset 2px 2px 6px rgba(0,0,0,.2),inset -2px -2px 6px rgba(0,0,0,.2)}.tray>div{margin:10px}.emptyTileSelector{width:304px;position:fixed;z-index:20}div.hidden{display:none}.tileContainer{display:grid;font-size:10px}.tileContainer>div{display:flex}.tileContainer>div>div{flex:2 1;position:relative}.tileContainer .currentTile{display:block;position:absolute;top:0;left:0;right:0;bottom:0}.tileContainer .currentTile.isDragged{display:none}.tileContainer .currentTile.onTopOfTile{top:10%;left:10%;right:-10%;bottom:-10%}.tileContainer svg{display:block}.tileContainer div.tile.played{z-index:5;position:relative}.tileContainer div.tile.current{cursor:-webkit-grab;cursor:grab;box-shadow:2px 2px 4px var(--tile-outer-shadow);z-index:6;position:relative}.tileContainer div.boardTile{flex:1 1;z-index:4;position:relative}.tileContainer svg text{-webkit-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.tileContainer svg text::selection{background:none}.gameLog{margin-top:10px;padding:4px;font-weight:700;text-align:left;font-family:sans-serif;font-size:12px;height:430px;overflow:auto}.gameLog.box{border-radius:3px 3px 0 0}.isMobile .gameLog{height:auto;max-height:30vh}.gameLog div.auto{color:#a40000}.gameLog div.auto .player{color:#e00000}.gameLog div.message{color:#5f5f5f}.gameLog div.message .player{color:#413397}.gameLog .word{color:var(--font-color)}.gamePlayerList{width:100%;border-spacing:0;color:#888}.gamePlayerList tr.current{color:var(--font-color)}.gamePlayerList td{padding:4px;text-align:right}.gamePlayerList td:first-child{text-align:left;font-weight:700}.gamePlayerList tr:hover{background-color:#e3ffd6}.gamePlayerList tr.current .blink{-webkit-animation:blinkingRedText .5s infinite;animation:blinkingRedText .5s infinite}@-webkit-keyframes blinkingRedText{0%{color:red}30%{color:red}80%{color:transparent}99%{color:transparent}to{color:red}}@keyframes blinkingRedText{0%{color:red}30%{color:red}80%{color:transparent}99%{color:transparent}to{color:red}}.tilesLeft{padding:15px 4px 4px}.chat{margin:10px 0;display:flex;flex-direction:row}.chat button{width:100px}.chat input{flex:1 1}.buttons{margin:5px auto 0;text-align:center;display:flex;flex-direction:row}.buttons button{flex:5 1;margin:0 2px 0 0}.buttons button:last-child{margin:0}.buttons .openExtraWrapper{max-width:30px;width:30px;position:relative}.buttons .openExtraWrapper button{width:100%}.extraButtons{bottom:30px;right:0;width:130px;padding:5px;border:1px solid var(--button-border-color);z-index:1000;border-radius:3px}.connection,.extraButtons{position:absolute;background-color:var(--button-bg-color)}.connection{width:30px;height:10px;border-left:1px solid var(--button-border-color);border-right:1px solid var(--button-border-color);right:-1px;bottom:-10px}.extraButtons button{margin-bottom:5px}.extraButtons button:last-child{margin:0}.playerListWrapper{flex:1 1;overflow-y:auto;margin-bottom:15px}.playerList{max-height:100%;overflow-y:auto}.isMobile .playerList{max-height:30vh}.playerList table{width:100%;color:var(--font-active-color);border-spacing:0}.playerList .playing{font-style:italic;color:var(--font-deactive-color)}.playerList .mod{color:#00a}.playerList .admin{color:#900}.playerList .rating{text-align:right}.playerList td{padding:3px}.playerList tbody:hover{background-color:var(--bg-color-hover)}.playerList .links{margin-left:20px;padding:3px;background-color:rgba(0,0,0,.05);border-radius:3px}.playerList .diabled{color:rgba(0,0,0,.5)}.lobby .messages.box{margin-top:0}.lobby h2{margin-top:10px}.lobby{display:grid;grid-template-columns:50% 50%;margin:20px 200px}.isMobile .lobby{margin:0;display:block;grid-template-columns:none;width:100%}.lobby .box{margin-top:10px}.lobby .buttons{margin:10px 0}.tableSettings{padding:5px;width:100%}.tableSettings td:first-child{text-align:right;font-weight:700;font-size:11px;width:33%}svg.icon{width:16px;height:16px;font:700 22px sans-serif}.tableListWrapper{flex:1 1;overflow-y:auto;margin:0 0 15px}.tableList{max-height:100%;overflow-y:auto}.isMobile .tableList{max-height:30vh}.tableList table{width:100%;color:var(--font-active-color);border-spacing:0}.tableList .playing{font-style:italic;color:var(--font-deactive-color)}.tableList td{padding:3px}.tableList td.button{text-align:right}.tableList td.small{font-size:10px}.tableList tbody:hover{background-color:var(--bg-color-hover)}.tableList tbody.blink{-webkit-animation:blinkingBackground .5s 5;animation:blinkingBackground .5s 5}@-webkit-keyframes blinkingBackground{0%{background-color:none}50%{background-color:#e3ffd6}to{background-color:none}}@keyframes blinkingBackground{0%{background-color:none}50%{background-color:#e3ffd6}to{background-color:none}}.tableList div.players{padding:3px;background-color:rgba(0,0,0,.05);border-radius:3px}.tableList div.players div{display:inline-block;width:50%;padding:3px}.tableList div.players span.rating{margin-left:20px;font-size:.9em}.noTables{width:100%;color:#004;padding:10px;margin:0 0 15px}.noTables>div{text-align:center;padding:10px}.buttonRow{text-align:right;padding:15px 0}.tableList td.icon{width:16px;padding:6px 4px 3px}.messages{padding:4px;font-weight:700;text-align:left;font-family:sans-serif;font-size:12px;min-height:100px;overflow:auto}.messages.box{border-radius:3px 3px 0 0}.isMobile .messages{max-height:30vh}.messages div.auto{color:#a40000}.messages div.auto .player{color:#e00000}.messages div.auto.invite{color:green}.messages div.auto.invite .player{color:#00a000}.messages div.message{color:#5f5f5f}.messages div.message .player{color:#413397}.messages .word{color:var(--font-color)}.tabs{padding:5px 0 0;display:flex}.isAndroidApp .tabs{width:100%;z-index:10;box-shadow:0 3px 5px rgba(0,0,0,.25);background-color:var(--bg-color);padding:0;height:35px;position:fixed;top:0}.tabs .tab{flex:1000 1;max-width:100px;border:1px solid var(--border-color);padding:9px 0 5px;text-align:center;border-radius:3px 3px 0 0;font-weight:700;cursor:pointer;background:linear-gradient(0deg,var(--button-bg-color),var(--button-bg-color) 90%,var(--red-highlight-secondary) 0);text-transform:uppercase;font-size:11px}.isAndroidApp .tabs .tab{max-width:200px;padding:11px 0 0;border:none;color:var(--font-color);background:none}.tabs .tab.selected{padding:11px 0 3px;border-bottom:none;background:linear-gradient(0deg,var(--bg-color-secondary),var(--bg-color-secondary) 90%,var(--red-highlight-secondary) 0)}.isAndroidApp .tabs .tab.selected{padding:11px 0 0;background:none;color:var(--font-color);border-bottom:2px solid var(--red-highlight-secondary)}.tabs .tab:hover{background:linear-gradient(0deg,var(--button-bg-color),var(--button-bg-color) 90%,var(--red-highlight) 0)}.tabs .tab.selected:hover{background:linear-gradient(0deg,var(--bg-color-secondary),var(--button-bg-color) 90%,var(--red-highlight) 0)}.isAndroidApp .tabs .tab.selected:hover,.isAndroidApp .tabs .tab:hover{background:none;border-bottom:2px solid var(--red-highlight)}.tabs .tab.disabled{cursor:auto;color:var(--button-disable-color);background:linear-gradient(0deg,var(--button-bg-color)0,var(--button-bg-color) 90%,var(--button-border-color) 0)}.isAndroidApp .tabs .tab.disabled{cursor:auto;color:var(--bg-color);background:none}.tabs .spacing{width:15px;border-bottom:1px solid var(--border-color)}.isAndroidApp .tabs .spacing{width:0;border:none}.tabs .spacing:last-child{flex:1 1}.roomList{margin:0 5px 0 10px}.isMobile .roomList{margin:0}.roomList>div{margin:0 0 10px}.roomList table{width:100%;border-collapse:collapse}.roomList table tbody:first-child{border-top:none}.roomList table tbody{border-top:1px solid var(--button-border-color)}.roomList .icon{width:25%;text-align:center}.roomList .name{font-weight:700}.roomList .name i{font-weight:400;font-size:11px}.roomList td.button{width:25%;text-align:right;padding-right:8px}.roomList .icon img{margin:5px 0;max-width:100%;height:50px}.connectionStatus{padding:10px}.connectionStatus>div{border:1px solid #b30000;padding:10px;background-color:#d47a7a;border-radius:3px;display:flex;flex-direction:row}.connectionStatus>div>div{vertical-align:middle}.connectionStatus>div>div:first-child{margin-top:5px;flex:2 1}.connectionStatus>div>div:last-child{flex:1 1;text-align:right}.connectionStatus>div>div:last-child .button{width:100%}:root{--bg-color:#fff;--bg-color-secondary:#f4f4f4;--border-color:#999;--button-bg-color:#fcfcfc;--button-border-color:#ccc;--button-disable-color:rgba(0,0,0,0.25);--font-color:#000;--red-highlight:#b30000;--red-highlight-secondary:#d47a7a;--font-active-color:#000;--font-deactive-color:#888;--bg-color-hover:#e3ffd6;--bg-shadow-color:rgba(0,0,0,0.2);--game-border:#a28c57;--tile-color:#f1f1f1;--tile-marked-color:#c5d5e3;--tile-highlight:#fff;--tile-highlight-opacity:0.6;--tile-outer-shadow:rgba(0,0,0,0.3);--tile-shadow:#000;--tile-shadow-light-opacity:0.1;--tile-shadow-dark-opacity:0.3;--tile-background-color:#e6decb;--tile-yellow-color:#f8d147;--tile-red-color:#e73f34;--tile-brown-color:#beb481;--tile-gray-color:#ccc;--tile-start-color:#009;--tile-bg-shadow-light:#fff;--tile-bg-shadow-light-opacity:0.4;--tile-bg-shadow-dark:#000;--tile-bg-shadow-dark-opacity:0.2}:root[data-theme=dark-unreleased]{--bg-color:#000;--bg-color-secondary:#080808;--border-color:#444;--button-bg-color:#040404;--button-border-color:#222;--button-disable-color:hsla(0,0%,100%,0.25);--font-color:#fff;--red-highlight:#b30000;--red-highlight-secondary:#500;--font-active-color:#fff;--font-deactive-color:#888;--bg-color-hover:#1c0029;--bg-shadow-color:hsla(0,0%,100%,0.1);--game-border:#666;--tile-outer-shadow:rgba(0,0,0,0.6);--tile-background-color:#423f38;--tile-bg-shadow-light-opacity:0.2}body,html{margin:0;height:100%;font-family:Arial,Helvetica,sans-serif;font-size:12px;background-color:#fff;background-color:var(--bg-color);color:#000;color:var(--font-color)}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}.App{height:100vh;width:1000px;margin:auto;display:flex;flex-direction:column}.isMobile .App{width:100%;height:auto;margin:0;display:block}.isMobile.isAndroidApp .App{margin-top:35px}.body{width:100%;background-color:#f4f4f4;background-color:var(--bg-color-secondary);border-left:1px solid #999;border-left:1px solid var(--border-color);border-right:1px solid #999;border-right:1px solid var(--border-color);flex:1 1;overflow-y:hidden;position:relative;padding:0 10px}.isMobile .body{flex:none;overflow-y:auto;position:unset;display:flex;border:none}.App:after,.body:after{content:"";display:table;clear:both}.roomTab{grid-template-columns:30% 20% 50%}.mainTab,.roomTab{display:grid;position:absolute;left:0;right:0;top:0;height:100%;width:100%}.mainTab{grid-template-columns:50% 50%}.isMobile .mainTab,.isMobile .roomTab{display:block;grid-template-columns:none;position:relative}h2{font-size:11px;font-weight:700;margin:0 0 5px 5px;text-transform:uppercase}.gameTab{display:grid;grid-template-columns:582px auto;position:absolute;left:0;right:0;top:0;height:100%;width:100%}.isMobile .gameTab{display:block;grid-template-columns:none;position:relative}.gameTab .logo{height:60px;margin:20px auto;display:block}.box{background-color:#fff;background-color:var(--bg-color);border:1px solid #ccc;border:1px solid var(--button-border-color);border-radius:3px}.isMobile .gameTab>div:first-child{margin:10px 0}.column{margin:10px 10px 10px 0;overflow-y:auto;flex-direction:column;display:flex}.gameTab .column{margin:10px}.gameTab .column:first-child{margin:10px 0 10px 10px}.column:first-child{margin:10px}.contentArea{background-color:#f4f4f4;background-color:var(--bg-color-secondary);border-left:1px solid #999;border-left:1px solid var(--border-color);border-right:1px solid #999;border-right:1px solid var(--border-color)}.isMobile .contentArea{border:none}.header{display:flex;flex-direction:row}.header div.logo{margin:43px 30px}.isMobile .header div.logo{flex:5 1;margin:auto 0 auto 20px}.header div.logo img{height:80px;width:auto}.isMobile .header div.logo img{height:auto;width:100%;margin:10px 0}.header div.mascot{margin:16px 30px 0}.isMobile .header div.mascot{flex:3 1;margin:16px 20px 0 0}.header div.mascot img{height:150px;width:auto}.isMobile .header div.mascot img{height:auto;width:100%}a{color:#a40000}a:hover{color:#e00000}
/*# sourceMappingURL=main.f9d4ed05.chunk.css.map */