body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background:url(/mine_shaft.png) no-repeat center center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.App{text-align:center}.board{position:relative;display:flex;flex-direction:column;flex-wrap:nowrap;margin:auto;width:660px;height:660px;top:20px;background:url(/floor_texture.png);background-size:cover;border-image:linear-gradient(to left,#8f6b29,#fde7aa,#df9f28) 2;border-width:10px;border-style:solid;box-shadow:15px 12px 3px #000000b3,-5px -5px .4em #c6c6c680}.board_div{width:50%}.brand-logo{height:100px;width:100px;background:url(/pieces/red_pawn.png);background-size:100px;margin:auto;border-radius:50%;box-sizing:border-box;box-shadow:7px 7px 10px #565656,-7px -7px 10px #fff}.card{position:relative;top:100px;display:flex;flex-direction:column;flex-wrap:nowrap;margin:auto;border-radius:5px;z-index:4}.card_container{display:flex;flex-direction:row;flex-wrap:wrap}.centered{text-align:center}.column{display:flex;flex-direction:column;flex-wrap:nowrap;width:fit-content}.container{position:relative;z-index:3}.empty{width:100%;height:100%}.filter--red,.filter--yellow{opacity:100%}.game_card{position:relative;background:#e0dd88;width:200px;height:300px;padding:10px;margin-bottom:20px;margin-left:20px;z-index:4;border-radius:10px;box-sizing:border-box;box-shadow:7px 7px 10px #cbced1,-7px -7px 10px #fff}.new_game_container{display:inline-block;position:relative}.new_game_card{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:10px;z-index:50;padding:15px;background:#e0dd88;border-radius:10px;box-shadow:5px 5px 8px #cbced1,-5px -5px 8px #fff;text-align:left;white-space:nowrap}.new_game_card form{display:flex;flex-direction:column;gap:6px}.new_game_card label{font-weight:700;color:#232323}.new_game_card input[type=text]{padding:4px 6px}.new_game_card input[type=submit]{margin-top:4px;cursor:pointer}.game_container{margin:auto;display:flex;flex-direction:column}.hand_div{width:25%}.hidden{display:none}.highlight--active{border:rgb(69,69,69,.7);border-width:1px;border-style:solid;box-sizing:border-box;animation-name:active-blinking;animation-duration:2s;animation-iteration-count:infinite}@keyframes active-blinking{50%{border:rgb(255,255,255) 10px inset}}.highlight--move{border:rgb(105,94,94) 10px inset;box-shadow:inset 0 0 5px 10px #ffd00000;box-sizing:border-box}.highlight--capture{border:rgb(69,69,69,.7);border-width:1px;border-style:solid;box-sizing:border-box;animation-name:capture-blinking;animation-duration:2s;animation-iteration-count:infinite}@keyframes capture-blinking{50%{border:rgb(148,19,19) 10px inset}}.highlight--none{border:rgb(69,69,69,.7);border-width:1px;border-style:solid;box-sizing:border-box}.home_section{margin-bottom:50px}.navlink{position:relative;display:inline;border:solid;padding-left:5px;padding-right:5px;border-width:1px 1px 1px 1px;border-radius:10px;color:#2a2a2a;background:#d6e4e5;font-size:larger;margin:10px auto auto;text-decoration:none;align-content:center;justify-content:center;transition:.5s;max-width:80%;z-index:11}.navlink-active,.navlink:hover{background:#eb6440}.piece{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.piece_combo{display:flex;flex-direction:row}.piece_description{margin-left:25px}.piece_image{width:200px;border-radius:50px}.row{display:flex;flex-direction:row;flex-wrap:nowrap;width:fit-content}.stacked_element{display:flex;flex-direction:column;align-content:center}.space{width:110px;height:110px;display:flex;justify-content:center;align-items:center}.piece img{width:90%;height:90%;border:rgb(69,69,69,.7);border-width:2px;border-style:solid;border-radius:7px;box-shadow:2px 2px 1px #292929b3}.space--empty{background:url(/tunnel_walls.png);background-size:cover;background-repeat:no-repeat}.space--blue{background-color:#54579a66}.space--green{background-color:#58896366}.space--red{background-color:#763a3a66}.space--yellow{background-color:#9b8f2766}.top.side--left{border-bottom-right-radius:25px;border-color:#0000}.top.side--right{border-bottom-left-radius:25px;border-color:#0000}.bottom.side--left{border-top-right-radius:25px;border-color:#0000}.bottom.side--right{border-top-left-radius:25px;border-color:#0000}.status_div{width:25%}.text_block{position:relative;background-color:#faebd7;width:fit-content;margin-left:20px;margin-right:20px;margin-bottom:20px;top:20px;border-radius:5px;text-align:left;padding:20px}#banner_container{position:fixed;top:-1;width:100%;z-index:9}#banner_img_container{position:relative;width:100%;height:100px;background-color:#9e872c80;z-index:10}#banner_img{width:auto;height:auto;opacity:.9;margin-top:8px}#banner_navbar{position:fixed;top:0;z-index:11}#content_panel{position:relative;width:100%;z-index:3;top:100px}#footer_container{position:fixed;bottom:0;width:100%;height:30px;background-color:#9e872c80;z-index:10}#hand{position:relative;left:100px;top:20px;width:fit-content;height:fit-content;border-image:linear-gradient(to left,#8f6b29,#fde7aa,#df9f28) 1;border-style:solid;border-width:5px;box-shadow:7px 6px 2px #000000b3,-3px -3px .4em #c6c6c680}#login{display:flex;flex-direction:column;flex-wrap:nowrap}#login input{margin:10px}#login button{margin:auto;width:150px}#login_card{height:300px;width:300px}#login_card_top{position:fixed;background-color:#0ff;width:300px;height:130px;padding-top:30px;border-radius:5px 5px 0 0;-webkit-clip-path:polygon(0 0,100% 0,100% 56%,0 100%);clip-path:polygon(0 0,100% 0,100% 96%,0 100%);z-index:5}#login_card_bottom{position:relative;top:100px;background-color:#32386b;height:125px;padding-top:75px;border-radius:0 0 5px 5px;z-index:4}#tab{position:absolute;height:100px;width:125px;z-index:12}#menuToggle{display:block;position:relative;top:50px;left:50px;width:50px;height:50px;z-index:12;-webkit-user-select:none;user-select:none}#menuToggle a{text-decoration:none;color:#232323;transition:color .3s ease}#menuToggle a:hover{color:tomato}#menuToggle input{display:block;width:40px;height:32px;position:absolute;top:-7px;left:-5px;cursor:pointer;opacity:0;z-index:900}#menuToggle span{display:block;width:33px;height:4px;margin-bottom:5px;position:relative;background-color:#000;z-index:12;transform-origin:4px 0px;transition:transform .5s cubic-bezier(.77,.2,.05,1),background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease}#menuToggle span:first-child{transform-origin:0% 0%}#menuToggle span:nth-last-child(2){transform-origin:0% 100%}#menuToggle input:checked~span{opacity:1;transform:rotate(45deg) translate(-2px,-1px);background:#232323;z-index:12}#menuToggle input:checked~span:nth-last-child(3){opacity:0;transform:rotate(0) scale(.2);z-index:12}#menuToggle input:checked~span:nth-last-child(2){transform:rotate(-45deg) translateY(-1px);z-index:12}#menu{position:relative;width:100px;margin:-80px 0 0 -50px;padding:125px 50px 50px;border-bottom-right-radius:15px;background-color:#9e872c;list-style-type:none;-webkit-font-smoothing:antialiased;transform-origin:0% 0%;transform:translate(-100%);transition:transform .5s cubic-bezier(.77,.2,.05,1);z-index:11;display:flex;flex-direction:column}#menu li{padding:10px 0;font-size:55px;z-index:11}#menuToggle input:checked~ul{transform:none}#playing_field{display:flex;flex-direction:row}#profile_card{height:auto;width:600px;padding:20px;top:20px;background-color:#b8b8b8;bottom:100px}#row_0{display:flex;flex-direction:row;flex-wrap:wrap;background:url(/floor_texture.png)}