:root{--fontsize-xs: .8rem;--fontsize-s: .9rem;--fontsize-m: 1rem;--fontsize-l: 1.1rem;--fontsize-xl: 1.2rem;--length-xs: 26px;--length-s: 28px;--length-m: 30px;--length-l: 32px;--length-xl: 34px;--radius-xs: 20px;--radius-s: 22px;--radius-m: 24px;--radius-l: 26px;--radius-xl: 28px;--radius-menu: 10px}body{background-color:#331e01}a{color:#fff}h4{text-align:center;font-size:1.5rem;padding-bottom:.5rem}h5{width:90%;margin:auto;font-size:1rem;margin-top:1.5rem;padding-bottom:1rem}header{width:100%;height:3rem}main{width:100%;height:90%}p{margin-top:.5rem}.bold{font-weight:700}.boxWithScroll{background-color:#00000073;color:#fff;border-radius:70px;padding:1.5rem;width:90%;max-width:800px;height:60vh;height:60dvh;margin:auto;box-shadow:0 3px 3px #000,3px 0 3px #000,-3px 0 3px #000,0 -3px 3px #000;overflow-y:scroll}.hidden{display:none}.topmargin{margin-top:1rem}.page{width:100%;height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;row-gap:1em;flex-wrap:nowrap;background-image:url(/assets/background-f38cf2ec.jpg);background-repeat:repeat-x;background-size:auto 100%}.logo{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-right:.5rem}.title{color:#f5f5f5;font-size:calc(.8rem + 2.5vw);font-weight:700;text-align:center;padding:2rem 0;text-shadow:3px 3px 3px black,-3px 3px 3px black,3px -3px 3px black,-3px -3px 3px black}.navbar{width:100%;min-height:0;display:flex;justify-content:space-between;background-color:#0000008c;color:#fff;padding:5px 15px;box-shadow:0 5px 5px #000}.navbar p{margin-top:0rem;margin-bottom:0rem;color:#3f812e}.navbar h1{text-shadow:2px 2px 0px #2f711e}.nav-links a{color:#fff;text-decoration:none;font-size:1rem;font-weight:900;margin-left:10px}.nav-links{display:flex;align-items:center}.balPanel{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;row-gap:.5rem;margin-bottom:1rem;color:#fff}.balPanelText{font-size:1.2rem;font-weight:700;background-color:#00000073;padding:min(.7vw,10px);box-shadow:0 1px 1px #000,1px 0 1px #000,-1px 0 1px #000,0 -1px 1px #000;border-radius:20px;margin:0 min(.7vw,25px)}.balButton{font-size:1.2rem;font-weight:700;background-color:#000000a6;color:#fff;padding:min(.7vw,10px);margin:0 min(.7vw,25px);box-shadow:0 1px 1px #000,1px 0 1px #000,-1px 0 1px #000,0 -1px 1px #000;border-radius:30px;cursor:pointer;min-width:3rem}.menu{position:relative;display:inline-block}.menu-content{display:none;position:absolute;background-color:#000c;box-shadow:2px 2px 2px inset #ffffff80,-2px 2px 2px inset #ffffff80,2px -2px 2px inset #ffffff80,-2px -2px 2px inset #ffffff80;border-radius:15px;min-width:200px;z-index:1}.menu-content div{color:#fff;padding:12px 16px;text-decoration:none;display:block}.menu-content div:hover{background-color:#fffc;color:#000;cursor:pointer}.menu-content div:hover:first-child{border-top-left-radius:15px;border-top-right-radius:15px}.menu-content div:hover:last-child{border-bottom-left-radius:15px;border-bottom-right-radius:15px}.menu-content div label:hover{cursor:pointer}.menu-content input{margin-right:.5rem}.menu:hover .menu-content{display:block}.help{display:none;position:fixed;z-index:10;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:#0006}.help-content{position:relative;background-color:#006400;margin:15% auto;padding:0;border:1px solid #888;box-shadow:0 4px 8px #0003,0 6px 20px #00000030}.help-header{background-color:#54b054;color:#fff;padding:.25rem .5rem}.help-main{color:#f5f5f5;padding:1rem .5rem}.help-close{color:#fff;float:right;font-size:28px;font-weight:700}.help-close:hover,.help-close:focus{color:#000;text-decoration:none;cursor:pointer}table{margin-top:.5rem;margin-bottom:.5rem}th,td{text-align:left;padding:.25rem}tr:nth-child(odd) td{background-color:#040}tr:nth-child(2n) td{background-color:#050}.canvasAndButtons{height:70vh;display:flex;flex-direction:column;min-height:0}.gameCanvas{margin:0;flex:1;min-height:0}.moveButtons{flex-shrink:0;height:fit-content;padding:.5rem 0;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;row-gap:.5rem}.moveButton{background-color:#000000a6;color:#000;font-size:.1rem;cursor:pointer;padding:0;border-radius:50%;box-shadow:0 1px 1px #000,1px 0 1px #000,-1px 0 1px #000,0 -1px 1px #000;margin:0 min(1.7vw,25px)}.moveButton img{width:10px;height:10px}.footerContainer{width:100%;color:#fff;background-color:#0000008c;box-shadow:0 -5px 5px #000;margin-bottom:.5rem}.footerInfo{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:95%;margin:auto}.footerInfo a{color:#fff;text-decoration:none}@media only screen and (max-width: 768px){.hideSmall{display:none}}@media only screen and (max-width: 600px){.headerSmall{display:block}.headerLarge{display:none}.balButton{font-size:var(--fontsize-xs);border-radius:var(--radius-xs)}.moveButton img{width:var(--length-xs);height:var(--length-xs)}.balPanelText{font-size:var(--fontsize-xs);border-radius:var(--radius-xs)}.balPanelTextSpan{font-size:var(--fontsize-xs)}.help-content{width:100%}.menu-content{font-size:var(--fontsize-xs);box-shadow:1px 1px 1px inset #ffffff80,-1px 1px 1px inset #ffffff80,1px -1px 1px inset #ffffff80,-1px -1px 1px inset #ffffff80;border-radius:var(--radius-menu);min-width:70px}.menu-content div{padding:5px}.menu-content div:hover:first-child{border-top-left-radius:var(--radius-menu);border-top-right-radius:var(--radius-menu)}.menu-content div:hover:last-child{border-bottom-left-radius:var(--radius-menu);border-bottom-right-radius:var(--radius-menu)}.menu-content input{margin-right:.5rem}}@media only screen and (min-width: 600px){.headerSmall{display:block}.headerLarge{display:none}.balButton{font-size:var(--fontsize-s);border-radius:var(--radius-s)}.moveButton img{width:var(--length-s);height:var(--length-s)}.balPanelText{font-size:var(--fontsize-s);border-radius:var(--radius-s)}.balPanelTextSpan{font-size:var(--fontsize-s)}.help-content{width:100%}.menu-content{font-size:var(--fontsize-s);box-shadow:1px 1px 1px inset #ffffff80,-1px 1px 1px inset #ffffff80,1px -1px 1px inset #ffffff80,-1px -1px 1px inset #ffffff80;border-radius:var(--radius-menu);min-width:70px}.menu-content div{padding:5px}.menu-content div:hover:first-child{border-top-left-radius:var(--radius-menu);border-top-right-radius:var(--radius-menu)}.menu-content div:hover:last-child{border-bottom-left-radius:var(--radius-menu);border-bottom-right-radius:var(--radius-menu)}.menu-content input{margin-right:.5rem}}@media only screen and (min-width: 768px){.headerSmall{display:none}.headerLarge{display:block}.balButton{font-size:var(--fontsize-m);border-radius:var(--radius-m)}.moveButton img{width:var(--length-m);height:var(--length-m)}.balPanelText{font-size:var(--fontsize-m);border-radius:var(--radius-m)}.balPanelTextSpan{font-size:var(--fontsize-m)}.menu-content{font-size:var(--fontsize-m);box-shadow:2px 2px 2px inset #ffffff80,-2px 2px 2px inset #ffffff80,2px -2px 2px inset #ffffff80,-2px -2px 2px inset #ffffff80;border-radius:var(--radius-menu);min-width:200px}.help-content{width:80%}.menu-content div{padding:12px 16px}.menu-content div:hover:first-child{border-top-left-radius:var(--radius-menu);border-top-right-radius:var(--radius-menu)}.menu-content div:hover:last-child{border-bottom-left-radius:var(--radius-menu);border-bottom-right-radius:var(--radius-menu)}.menu-content input{margin-right:.5rem}}@media only screen and (min-width: 992px){.headerSmall{display:none}.headerLarge{display:block}.balButton{font-size:var(--fontsize-l);border-radius:var(--radius-l)}.moveButton img{width:var(--length-l);height:var(--length-l)}.balPanelText{font-size:var(--fontsize-l);border-radius:var(--radius-l)}.balPanelTextSpan{font-size:var(--fontsize-l)}.help-content{width:80%}.menu-content{font-size:var(--fontsize-l);box-shadow:2px 2px 2px inset #ffffff80,-2px 2px 2px inset #ffffff80,2px -2px 2px inset #ffffff80,-2px -2px 2px inset #ffffff80;border-radius:var(--radius-menu);min-width:200px}.menu-content div{padding:12px 16px}.menu-content div:hover:first-child{border-top-left-radius:var(--radius-menu);border-top-right-radius:var(--radius-menu)}.menu-content div:hover:last-child{border-bottom-left-radius:var(--radius-menu);border-bottom-right-radius:var(--radius-menu)}.menu-content input{margin-right:.5rem}}@media only screen and (min-width: 1200px){.headerSmall{display:none}.headerLarge{display:block}.balButton{font-size:var(--fontsize-xl);border-radius:var(--radius-xl)}.moveButton img{width:var(--length-xl);height:var(--length-xl)}.balPanelText{font-size:var(--fontsize-xl);border-radius:var(--radius-xl)}.balPanelTextSpan{font-size:var(--fontsize-xl)}.help-content{width:80%}.menu-content{font-size:var(--fontsize-xl);box-shadow:2px 2px 2px inset #ffffff80,-2px 2px 2px inset #ffffff80,2px -2px 2px inset #ffffff80,-2px -2px 2px inset #ffffff80;border-radius:var(--radius-menu);min-width:200px}.menu-content div{padding:12px 16px}.menu-content div:hover:first-child{border-top-left-radius:var(--radius-menu);border-top-right-radius:var(--radius-menu)}.menu-content div:hover:last-child{border-bottom-left-radius:var(--radius-menu);border-bottom-right-radius:var(--radius-menu)}.menu-content input{margin-right:.5rem}}@media (orientation: portrait){.canvasAndButtons{height:50vh}}@media (orientation: landscape){.canvasAndButtons{height:70vh}}body.react-confirm-alert-body-element{overflow:hidden}.react-confirm-alert-blur{filter:url(#gaussian-blur);filter:blur(2px);-webkit-filter:blur(2px)}.react-confirm-alert-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99;background:rgba(255,255,255,.9);display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:center;-ms-align-items:center;align-items:center;opacity:0;-webkit-animation:react-confirm-alert-fadeIn .5s .2s forwards;-moz-animation:react-confirm-alert-fadeIn .5s .2s forwards;-o-animation:react-confirm-alert-fadeIn .5s .2s forwards;animation:react-confirm-alert-fadeIn .5s .2s forwards}.react-confirm-alert-body{font-family:Arial,Helvetica,sans-serif;width:400px;padding:30px;text-align:left;background:#fff;border-radius:10px;box-shadow:0 20px 75px #00000021;color:#666}.react-confirm-alert-svg{position:absolute;top:0;left:0}.react-confirm-alert-body>h1{margin-top:0}.react-confirm-alert-body>h3{margin:0;font-size:16px}.react-confirm-alert-button-group{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:flex-start;margin-top:20px}.react-confirm-alert-button-group>button{outline:none;background:#333;border:none;display:inline-block;padding:6px 18px;color:#eee;margin-right:10px;border-radius:5px;font-size:12px;cursor:pointer}@-webkit-keyframes react-confirm-alert-fadeIn{0%{opacity:0}to{opacity:1}}@-moz-keyframes react-confirm-alert-fadeIn{0%{opacity:0}to{opacity:1}}@-o-keyframes react-confirm-alert-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes react-confirm-alert-fadeIn{0%{opacity:0}to{opacity:1}}*,*:before,*:after{box-sizing:border-box}*{margin:0}img,picture,video,canvas,svg{display:block;max-width:100%}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;background-color:#00000080;display:flex;justify-content:center;align-items:center}.modal-content{background-color:#000}.message-box{background-color:#006400;border:1px solid #ccc;padding:0}.message-box-header{background-color:#54b054;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:.25rem .25rem .25rem .5rem}.close-button{background:none;border:none;color:#fff;font-size:28px;font-weight:700;margin-left:.5rem}.close-button:hover,.close-button:focus{color:#000;text-decoration:none;cursor:pointer}.message-box-main{background-color:#006400;color:#f5f5f5;padding:1rem .5rem}*{margin:0;box-sizing:border-box}:root{font-family:Helvetica,Arial,sans-serif}