body{margin:0;background-color:#000!important;height:100vh;width:100%}html{font-family:Cinzel Variable,sans-serif;background-size:cover;background-repeat:no-repeat;color:#fff}.App{text-align:center;font-family:Cinzel Variable,sans-serif}*{box-sizing:border-box}p{color:#fff}div,span{color:#d8d8d8}a{border-radius:12px;border:3px outset #888;position:relative;display:inline-block;padding:5px;color:#eee;text-transform:uppercase;letter-spacing:1px;overflow:hidden;box-shadow:0 0 10px #000;font-family:verdana;font-size:10px;font-weight:bolder;text-decoration:none;background:linear-gradient(160deg,#666,#444);text-shadow:0px 0px 2px rgba(0,0,0,.5);transition:.2s}a:active{border:3px outset #ddd;color:#fff;background:linear-gradient(160deg,#666,#444);text-shadow:0px 0px 4px #ccc;box-shadow:0 0 10px #fff,0 0 40px #fff,0 0 80px #fff;transition-delay:1s}a span{position:absolute;display:block}input[type=range]{-webkit-appearance:none;width:21em;background:transparent;position:relative}input[type=range]:focus{outline:0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:3em;height:3em;margin:.5em 0;background:#5a5a58;border-radius:100%;box-shadow:inset .8em .8em 5px -8px #fff6,inset -.4em -.4em 10px -3px #0003,.7em .5em 7px -.5em #55525266;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{background:transparent;width:100%;height:4em;padding:0 1em;border-radius:2em;box-shadow:inset .6em 1em 10px #f3f3f326,inset -.6em -1em 10px #ffffff6a}input[type=range]::-moz-range-track{background:transparent;width:100%;height:4em;padding:0 1em;border-radius:2em;box-shadow:inset .6em 1em 10px #00000026,inset -.6em -1em 10px #ffffff6a}input[type=range]:before{content:"0 1 2 3 4 5 6 7 8 9";position:absolute;text-align:center;color:#c4c4c4;font-size:1em;letter-spacing:.65em;inset:0;padding:1.6em;text-shadow:.5px .5px .9px rgba(0,0,0,.4);z-index:-1}@font-face{font-family:TBBFONT;src:url(./BebasNeue-Regular-D2CONTwO.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Cinzel Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(./cinzel-latin-ext-wght-normal-CG36JvV6.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(./cinzel-latin-wght-normal-D8bS_IJ1.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.hexGrid svg g text{fill-opacity:1}.hexGrid svg g text{font-size:1.2em;transition:fill-opacity .2s}.hexGrid svg path{fill:none;pointer-events:none;stroke:#fff;stroke-width:2px;stroke-opacity:.5;stroke-linecap:round;stroke-linejoin:round}.hexagon-group.pathing{opacity:0}.hexagon-group.movementHexes{fill-opacity:.3;fill:#006de9;stroke:#fff;stroke-width:.5px}.hexagon-group.hexagonsOuterRing{opacity:.1;fill:#686868}.hexagon-group.hexagonsInnerRing{opacity:.1;fill:#474747}:root{--scrollbar-width: calc(100vw - 100%) }@media (hover: none){:root{--scrollbar-width: 0}}.containerNoScrollMaxWidth{max-width:calc(100vw - var(--scrollbar-width))}@font-face{font-family:"Press Start 2p"}body{background-color:#000;font-size:30pt;font-family:"Press Start 2p"}.basic-btn{text-align:center;display:inline-block;margin:5px;font-weight:700;padding:5px 10px;background-color:#d3d3d3;text-shadow:-1px -1px black,1px 1px white;color:gray;-webkit-border-radius:7px;-moz-border-radius:7px;-o-border-radius:7px;border-radius:7px;box-shadow:0 .2em gray;cursor:pointer;border:1px solid gray}.rest-btn{text-align:center;display:inline-block;margin:5px;font-weight:700;padding:5px 10px;background-color:#6bd458;text-shadow:-1px -1px black,1px 1px white;color:#002010;-webkit-border-radius:7px;-moz-border-radius:7px;-o-border-radius:7px;border-radius:7px;box-shadow:0 .2em gray;cursor:pointer;border:1px solid rgb(107,212,88)}.move-btn{text-align:center;display:inline-block;margin:5px;font-weight:700;padding:5px 10px;background-color:#ccdb5d;text-shadow:-1px -1px black,1px 1px white;color:#032308;-webkit-border-radius:7px;-moz-border-radius:7px;-o-border-radius:7px;border-radius:7px;box-shadow:0 .2em gray;cursor:pointer;border:1px solid #ccdb5d}.punch-btn{text-align:center;display:inline-block;margin:5px;font-weight:700;padding:5px 10px;background-color:#ff9a02;text-shadow:-1px -1px black,1px 1px white;color:#032308;-webkit-border-radius:7px;-moz-border-radius:7px;-o-border-radius:7px;border-radius:7px;box-shadow:0 .2em gray;cursor:pointer}.guard-btn{text-align:center;display:inline-block;margin:5px;font-weight:700;padding:5px 10px;background-color:#92c1ff;text-shadow:-1px -1px black,1px 1px white;color:#090050;-webkit-border-radius:7px;-moz-border-radius:7px;-o-border-radius:7px;border-radius:7px;box-shadow:0 .2em gray;cursor:pointer}.counterPunch-btn{text-align:center;display:inline-block;margin:5px;font-weight:700;padding:5px 10px;background-color:#fc8d7c;text-shadow:-1px -1px black,1px 1px white;color:#920000;-webkit-border-radius:7px;-moz-border-radius:7px;-o-border-radius:7px;border-radius:7px;box-shadow:0 .2em #b00;cursor:pointer}.coach-btn{text-align:center;display:inline-block;margin:5px;font-weight:700;padding:5px 10px;background-color:#fff;text-shadow:-1px -1px black,1px 1px white;color:#000;-webkit-border-radius:7px;-moz-border-radius:7px;-o-border-radius:7px;border-radius:7px;box-shadow:0 .2em #fff;cursor:pointer}.basic-btn:active .counterPunch-btn:active .guard-btn:active .punch-btn:active .move-btn:active .coach-btn:active .rest-btn:active{box-shadow:none;position:relative;top:.2em}