@import url(https://fonts.googleapis.com/css?family=Space+Mono:400,400i,700,700i);.fact{stroke:var(--active)}.factText{color:var(--active);font-size:20px}svg[data-v-dc5b8b50]{overflow:visible}svg circle.hasRecording[data-v-dc5b8b50]{stroke:var(--active);stroke-width:3px}svg text[data-v-dc5b8b50]{text-anchor:middle;fill:#707070;font-size:24px;-webkit-transition:fill .2s;transition:fill .2s}svg text.playing[data-v-dc5b8b50]{fill:var(--active)}.planet[data-v-dc5b8b50]:hover{cursor:pointer}.hasRecording[data-v-dc5b8b50]{stroke:red}.planetCircle[data-v-dc5b8b50]{stroke:var(--active);stroke-width:0px;opacity:.97}.white{fill:#fff}path{stroke:#707070}g .active{fill:var(--active)}:root{--icon-size:36px;--icon-padding:10px}#bottombar{background:hsla(0,0%,65.9%,.2);opacity:.8;border-top:1px solid var(--greyish);border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}#bottombar.grid{display:grid;grid-template-columns:repeat(14,1fr);justify-items:center;bottom:0;position:absolute}#bottombar.grid,#pianoMode{-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}#pianoMode{grid-column:span 3;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#pianoMode #pianoModeText{background:var(--white);border-radius:15px;width:100%;max-width:150px;color:var(--greyish);height:calc(var(--icon-size)*0.5);line-height:calc(var(--icon-size)*0.5);font-size:11px}#pianoMode .arrow{width:calc(var(--icon-size)*0.5);height:calc(var(--icon-size)*0.5);margin:0 8px;color:var(--grey)}#pianoMode .arrow:hover{cursor:pointer;color:var(--active)}#appModes{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;grid-column:span 4;padding:5px}#appModes:hover{cursor:pointer}#appModes .appMode{width:calc(var(--icon-size)*1.4);height:calc(var(--icon-size)*1.4)}#appModes .appMode.active{background:var(--active)}#appModes .appMode.active .appModeIcon:hover{color:#fff}#appModes .appMode .appModeIcon{width:var(--icon-size);height:var(--icon-size);width:100%;height:100%;padding:var(--icon-padding)}#appModes .appMode .appModeIcon:hover{color:var(--active)}#appModes #appModePiano{border-top-left-radius:30px;border-bottom-left-radius:30px;--border-color:var(--greyish);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);border-left:1px solid var(--border-color)}#appModes #appModeNASA{border:1px solid var(--greyish)}#appModes #appModeRecord{border-top-right-radius:30px;border-bottom-right-radius:30px;border-top:1px solid var(--greyish);border-bottom:1px solid var(--greyish);border-right:1px solid var(--greyish)}.btnIcon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;fill:var(--white);border:1px solid var(--greyish);border-radius:50%;width:var(--icon-size);height:var(--icon-size);padding:10px}.btnIcon svg{width:100%;height:100%}.btnIcon.active{background:var(--active)}.btnIcon:hover{cursor:pointer}.btnIcon:hover:not(.active){border-color:var(--active)}.btnIcon:hover:not(.active) svg{color:var(--active);fill:var(--active)}.btnIcon :focus{outline:none}#btnLanguage{font-size:11px;color:#fff}#btnLanguage:hover{color:var(--active)}.icon{color:#fff}.hide{visibility:hidden}.btnOverlayClose{position:absolute;top:calc(var(--icon-size)*0.5);right:calc(var(--icon-size)*0.5);border:1px solid var(--grey);border-radius:50%;width:var(--icon-size)!important;height:var(--icon-size);padding:var(--icon-padding);color:#fff}.btnOverlayClose:hover{border:1px solid var(--active);color:var(--active);cursor:pointer}.wrapper{width:50%;margin:0 auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.wrapper,section{display:-webkit-box;display:-ms-flexbox;display:flex}section{text-align:left;font-size:.8em}#credits{padding-top:var(--icon-size);height:60%}#credits a{color:var(--active);text-decoration:none}#credits a:hover{text-decoration:underline}#credits .steam{width:20%}#furtherCredits{padding-top:10px;height:40%}#furtherCredits img{margin-top:10px;height:36px}#furtherCredits .cdm{margin-left:10px}.logo{border-radius:5px;padding:8px;background:#fff}a,p{font-size:1em}.steamGroup{margin-top:10px;text-align:center}.steamGroup img{display:block;margin:0 auto}ol{margin-bottom:10px}ol li{margin-left:40px}ul li{margin-left:14px}#credits p{margin-bottom:10px}.linkCdm{text-decoration:none;color:var(--active)!important}.linkCdm:hover{text-decoration:underline}#sun:hover{cursor:pointer}*{user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-o-user-select:none;-moz-user-select:none;-webkit-box-sizing:border-box;box-sizing:border-box}:focus,:visited{outline:none!important}*{-webkit-tap-highlight-color:rgba(0,0,0,0)!important}:root{--whitish:#e6e6e6;--white:#fff;--grey:#a8a8a8;--greyish:#707070;--active:#f8b763}body{font-size:16px}@media(max-width:575.98px){#breakpoint:after{content:"xs"}body{font-size:9px}}@media(min-width:576px)and (max-width:767.98px){#breakpoint:after{content:"sm"}body{font-size:11px}}@media(min-width:768px)and (max-width:991.98px){#breakpoint:after{content:"md"}body{font-size:12px}}@media(min-width:992px)and (max-width:1199.98px){#breakpoint:after{content:"lg"}body{font-size:15px}}@media(min-width:1200px){#breakpoint:after{content:"xl"}}*{margin:0;padding:0}header{background-color:rgba(33,33,33,.9);color:#fff;display:block;font:14px/1.3 Arial,sans-serif;height:50px;position:relative;z-index:5}a:visited,header a{text-decoration:none;color:#fcfcfc}@keyframes move-twink-back{0%{background-position:0 0}to{background-position:-10000px 5000px}}@-webkit-keyframes move-twink-back{0%{background-position:0 0}to{background-position:-10000px 5000px}}.stars{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;display:block;z-index:0}body:-webkit-full-screen,html:-webkit-full-screen{overflow:hidden}body:-ms-fullscreen,html:-ms-fullscreen{overflow:hidden}body:fullscreen,html:fullscreen{overflow:hidden}html{font-family:Space Mono,monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;--ratio:1.77778;--percentage:100;width:calc(var(--percentage)*1vw);height:calc(1/var(--ratio)*var(--percentage)*1vw);max-height:calc(var(--percentage)*1vh);max-width:calc(var(--ratio)*var(--percentage)*1vh);margin:auto;position:absolute;top:0;bottom:0;left:0;right:0;border-radius:2px}#app,.stars{--border-radius:0;border-radius:var(--border-radius);border:none}#canvas,.overlay{position:absolute;top:0;bottom:0;left:0;right:0;height:100%}#canvas svg{z-index:10000}.grid{position:absolute;bottom:0;right:0}.btnFullscreenClose{grid-column:-2;border:0}.btnFullscreenClose:hover svg{color:var(--active)!important}.overlay{background-color:rgba(0,0,0,.93);color:var(--active);width:100%}.stars{font-size:14px}#pleaserotate-graphic{margin-left:0}