*,*:before,*:after{box-sizing:border-box}*{margin:0}img,picture,video,canvas,svg{display:block;max-width:100%}: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-menu: 10px;--radius-menu-hover: 9px;color:#fff}body{background-color:#331e01}a{color:#fff}main{width:100%;height:90%}p{margin-top:.5rem}.bold{font-weight:700}.hidden{display:none}.rightmargin{margin-right:1rem}.topmargin{margin-top:1rem}.center{width:100%;display:flex;flex-direction:column;align-items:center}.pageTitle{color:#fff;font-size:1rem;font-weight:700;text-align:center;margin-top:2rem}.horizontalNavButtonGroup{display:flex;flex-direction:row;align-items:center;column-gap:1rem;margin-top:2rem}.verticalNavButtonGroup{display:flex;flex-direction:column;align-items:center;margin-top:2rem}.navButton{color:#fff;font-size:1.5rem;font-weight:700;text-align:center;text-decoration:none;background-color:green;width:fit-content;min-width:fit-content;max-width:100%;padding:.5rem;border-radius:.5rem;margin:.5rem 0;transition:background-color .2s ease}.horizontalNavButtonGroup .navButton{width:100px}.verticalNavButtonGroup .navButton{width:200px}.navButton:hover{background-color:#006400}.textBox{margin-top:1rem;padding:1rem;color:#fff;font-size:1rem;font-weight:400;text-align:left;width:100%;max-width:800px}table{color:#fff;margin-top:.5rem;margin-bottom:.5rem;padding:1rem}th,td{text-align:left;padding:.25rem}tr:nth-child(odd) td{background-color:#040}tr:nth-child(2n) td{background-color:#050}.downloadManual{margin-top:1rem;padding:1rem;color:#fff;font-size:1rem;font-weight:400;text-align:center;width:100%;max-width:800px}.pageNotFound{color:#fff;margin-top:1rem;font-size:2rem}.page{width:100%;height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;row-gap:1em;flex-wrap:nowrap}.balPanel{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;column-gap:.5rem;row-gap:.5rem;margin-top:1rem;margin-bottom:1rem;color:#fff}.balPanelText{color:#fff;font-size:1.5rem;font-weight:700;text-align:center;background-color:green;width:fit-content;min-width:fit-content;max-width:100%;padding:.5rem;border-width:0px;border-radius:.5rem}.menuButton{color:#fff;font-size:1.5rem;font-weight:700;text-align:center;text-decoration:none;background-color:green;width:fit-content;min-width:fit-content;max-width:100%;padding:.5rem;border-width:0px;border-radius:.5rem;transition:background-color .2s ease}.menuButton:hover{background-color:#006400}.menu{position:relative;display:inline-block}.menu-content{display:none;position:absolute;background-color:#000c;border:1px solid white;border-radius:var(--radius-menu);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:var(--radius-menu-hover);border-top-right-radius:var(--radius-menu-hover)}.menu-content div:hover:last-child{border-bottom-left-radius:var(--radius-menu-hover);border-bottom-right-radius:var(--radius-menu-hover)}.menu-content div label:hover{cursor:pointer}.menu-content input{margin-right:.5rem}.menu:hover .menu-content{display:block}#progress{display:flex;justify-content:center;align-items:center}.canvasAndButtons{height:80vh;display:flex;flex-direction:column;min-height:0}.gameCanvas{margin:0;flex:1;min-height:0}.createLevelCanvas{margin:.5rem 0rem 0rem;flex-shrink:0;height:12vh}.gameButtons{flex-shrink:0;height:fit-content;padding:.5rem 0;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;row-gap:.5rem}.gameButton{background-color:#000000a6;color:#000;font-size:.1rem;cursor:pointer;padding:0;border-radius:50%;margin:0 min(1.7vw,25px)}.gameButton img{width:10px;height:10px}.seriesList{display:flex;justify-content:center;flex-wrap:wrap;column-gap:.5rem;row-gap:.5rem;margin-top:1rem;margin-bottom:1rem;font-size:1rem;font-weight:400;width:100%;max-width:800px}@media only screen and (max-width: 768px){.hideSmall{display:none}}@media only screen and (max-width: 600px){.menuButton{font-size:var(--fontsize-xs)}.gameButton img{width:var(--length-xs);height:var(--length-xs)}.balPanelText,.balPanelTextSpan{font-size:var(--fontsize-xs)}.menu-content{font-size:var(--fontsize-xs);min-width:70px}.menu-content div{padding:5px}.menu-content input{margin-right:.5rem}}@media only screen and (min-width: 600px){.menuButton{font-size:var(--fontsize-s)}.gameButton img{width:var(--length-s);height:var(--length-s)}.balPanelText,.balPanelTextSpan{font-size:var(--fontsize-s)}.menu-content{font-size:var(--fontsize-s);min-width:70px}.menu-content div{padding:5px}.menu-content input{margin-right:.5rem}}@media only screen and (min-width: 768px){.menuButton{font-size:var(--fontsize-m)}.gameButton img{width:var(--length-m);height:var(--length-m)}.balPanelText,.balPanelTextSpan{font-size:var(--fontsize-m)}.menu-content{font-size:var(--fontsize-m);min-width:200px}.menu-content div{padding:12px 16px}.menu-content input{margin-right:.5rem}}@media only screen and (min-width: 992px){.menuButton{font-size:var(--fontsize-l)}.gameButton img{width:var(--length-l);height:var(--length-l)}.balPanelText,.balPanelTextSpan{font-size:var(--fontsize-l)}.menu-content{font-size:var(--fontsize-l);min-width:200px}.menu-content div{padding:12px 16px}.menu-content input{margin-right:.5rem}}@media only screen and (min-width: 1200px){.menuButton{font-size:var(--fontsize-xl)}.gameButton img{width:var(--length-xl);height:var(--length-xl)}.balPanelText,.balPanelTextSpan{font-size:var(--fontsize-xl)}.menu-content{font-size:var(--fontsize-xl);min-width:200px}.menu-content div{padding:12px 16px}.menu-content input{margin-right:.5rem}}@media (orientation: portrait){.canvasAndButtons{height:50vh}}@media (orientation: landscape){.canvasAndButtons{height:80vh}}.modal-input,.modal-select{margin-top:.5rem;width:100%}.modal-button-container{display:flex;flex-direction:row;justify-content:center;column-gap:.5rem}.modal-button{min-width:5rem;margin-top:1rem;padding:.5rem;border-radius:5px;font-weight:700}.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;z-index:9999}.modal-content{max-width:800px;background-color:#006400;border:1px solid #ccc;padding:0;z-index:10000}.modal-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}.modal-body{background-color:#006400;color:#fff;padding:1rem .5rem}*{margin:0;box-sizing:border-box}:root{font-family:Helvetica,Arial,sans-serif}