.component-display-distance{background-color:#858694;color:#fff;display:flex;flex:1 0 auto;flex-direction:column;font-weight:200;justify-content:flex-end;text-align:right;width:50%}.component-display-distance .value{display:flex;font-size:1.5rem;height:75%;justify-content:flex-end;padding:.2rem .7rem .1rem .5rem}.component-display-distance .label{align-items:flex-end;display:flex;font-size:.7rem;height:25%;justify-content:flex-end;padding:.2rem .7rem .1rem .5rem}@media (max-width:400px){.component-display-distance .value{font-size:5rem;font-weight:900}.component-display-distance .label{font-size:1.5rem;font-weight:900}}.component-display-elevation{background-color:#858694;color:#fff;display:flex;flex:1 0 auto;flex-direction:column;font-weight:200;justify-content:flex-end;text-align:right;width:50%}.component-display-elevation .value{display:flex;font-size:1.5rem;height:75%;justify-content:flex-end;padding:.2rem .7rem .1rem .5rem}.component-display-elevation .label{align-items:flex-end;display:flex;font-size:.7rem;height:25%;justify-content:flex-end;padding:.2rem .7rem .1rem .5rem}@media (max-width:400px){.component-display-elevation .value{font-size:5rem;font-weight:900}.component-display-elevation .label{font-size:1.5rem;font-weight:900}}.component-button{display:inline-flex;flex:1 0 auto;width:33.3%}.component-button.wide{width:100%}.component-button.quart{width:25%}.component-button button{background-color:#eee;border:0;color:#000;flex:1 0 auto;font-size:1.5rem;margin:0 1px 0 0;padding:0;touch-action:manipulation;transition:all .1s ease-in-out}.component-button button:active{opacity:.75}.component-button:last-child button{margin-right:0}.component-button.orange button{background-color:#f5923e;color:#fff}.component-button.dark button{background-color:#333;color:#fff}@media (max-width:400px){.component-button button{font-size:5rem;font-weight:900}.component-button.faction button{font-size:2.5rem;font-weight:900}}.component-button-panel{background-color:#858694;display:flex;flex:1 0 auto;flex-direction:row;flex-wrap:wrap}.component-button-panel>div{display:flex;flex:1 0 auto;margin-bottom:1px;width:100%}.component-app{display:flex;flex-direction:column;flex-wrap:wrap;height:100%}.component-app>div{display:flex;height:16.6%}html{font-size:10px}body,html{height:100%}body{background-color:#000;font-family:sans-serif;margin:0;padding:0}#root{height:100%}body .github-fork-ribbon:before{background-color:#333}@media screen and (max-width:400px){.github-fork-ribbon{display:none}}@media (min-width:400px) and (min-height:400px){html{font-size:20px}}@media (min-width:500px) and (min-height:500px){html{font-size:30px}}@media (min-width:600px) and (min-height:600px){html{font-size:40px}}@media (min-width:800px) and (min-height:800px){html{font-size:50px}}

/*!
 * "Fork me on GitHub" CSS ribbon v0.2.0 | MIT License
 * https://github.com/simonwhitaker/github-fork-ribbon-css
*/.github-fork-ribbon{font-size:13px;height:12.1em;overflow:hidden;pointer-events:none;position:absolute;right:0;text-decoration:none;text-indent:-999999px;top:0;width:12.1em;z-index:9999}.github-fork-ribbon.fixed{position:fixed}.github-fork-ribbon:after,.github-fork-ribbon:before{display:block;height:1.54em;position:absolute;right:-3.23em;top:3.23em;transform:rotate(45deg);width:15.38em}.github-fork-ribbon:before{background-color:#a00;background-image:linear-gradient(180deg,#0000,#00000026);box-shadow:0 .15em .23em 0 #00000080;content:"";padding:.38em 0;pointer-events:auto}.github-fork-ribbon:after{border-color:#ffffffb3;border-style:dotted;border-width:.08em 0;color:#fff;content:attr(title);font:700 1em Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.54em;margin:.15em 0;padding:.15em 0;text-align:center;text-decoration:none;text-indent:0;text-shadow:0 -.08em #00000080}.github-fork-ribbon.left-bottom,.github-fork-ribbon.left-top{left:0;right:auto}.github-fork-ribbon.left-bottom,.github-fork-ribbon.right-bottom{bottom:0;top:auto}.github-fork-ribbon.left-bottom:after,.github-fork-ribbon.left-bottom:before,.github-fork-ribbon.left-top:after,.github-fork-ribbon.left-top:before{left:-3.23em;right:auto}.github-fork-ribbon.left-bottom:after,.github-fork-ribbon.left-bottom:before,.github-fork-ribbon.right-bottom:after,.github-fork-ribbon.right-bottom:before{bottom:3.23em;top:auto}.github-fork-ribbon.left-top:after,.github-fork-ribbon.left-top:before,.github-fork-ribbon.right-bottom:after,.github-fork-ribbon.right-bottom:before{transform:rotate(-45deg)}
/*# sourceMappingURL=main.305a0ac1.css.map*/