:root{--main-font:"Nasalization", sans-serif;--transition-time:.2s;--bezier-overshoot:cubic-bezier(.34, -1.87, .74, 2.99);--backdrop-blur:blur(3px)}.virtualCursor{z-index:31;backdrop-filter:blur(6px);pointer-events:none;transform-origin:50%;width:2vh;height:2vh;transition:scale var(--transition-time) var(--bezier-overshoot);background:#00000040;border-radius:50%;outline:.3vh solid #fff;position:absolute;transform:translate(-50%,-50%)scale(1);box-shadow:0 0 8px #0009}.notification-container{z-index:1000;pointer-events:none;flex-direction:column;justify-content:flex-start;align-items:center;row-gap:10px;width:100%;padding:10px 0;font-family:Nasalization,sans-serif;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%);& .notification{pointer-events:all;cursor:pointer;background:#000c;border:1px solid gray;flex-direction:column;justify-content:flex-start;align-items:center;width:50%;min-width:500px;transition:all .2s;animation:.5s ease-in-out forwards popIn;display:flex;position:relative;&.exploration{background:#0c0c69cc}& .notification-content{align-items:center;column-gap:10px;padding:0 20px;display:flex;& img{height:4vmin}& p{text-align:center;color:#fff;flex-grow:1;padding:5px 10px;font-size:1.1em;position:relative}}& .notification-progress{background-color:#ffffff80;width:100%;height:5px;& .notification-progress-bar{background-color:#fff;width:100%;height:100%;animation-fill-mode:forwards}}}}@keyframes progress{0%{width:0}to{width:100%}}@keyframes popIn{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes popOut{0%{transform:scale(1)}to{transform:scale(0)}}.currentMissionDisplay{width:25vw;transition:var(--transition-time);background:#00000080;padding:10px 20px;position:absolute;top:0;right:0;&.completed{background:#00400080}& .missionPanel{& h2,& p{color:#fff;margin:0}}& .buttonContainer{justify-content:center;column-gap:10px;display:flex;& p{color:#000;cursor:pointer;background:#fff;border:none;margin:0;padding:.5vw .3vw;& span{padding:.3vw;&.keySpan{font-weight:700;font-size:calc(var(--text-size) * .75);background:#0000004d}}}}}#targetHelper{background:#000000b3;border:1px solid #fff;border-radius:100%;width:70px;height:70px;display:none;position:absolute;bottom:145px;right:70px;& #targetDot{background:#fff;border:1px solid #fff;border-radius:100%;width:10px;height:10px;position:relative;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px #fff;&.behind{background:#ffffff1a}}}#helmetOverlay{z-index:30;pointer-events:none;cursor:none;visibility:hidden;font-family:Nasalization,sans-serif;position:absolute;inset:0;& .cursor{transform-origin:50%;pointer-events:none;filter:drop-shadow(0 0 1px #000)hue-rotate(-30deg);background:url(./shipCursor-DTa4xIRM.webp) 50%/cover no-repeat;width:30px;height:40px;position:absolute}& #bodyData{position:absolute;bottom:0;left:0;& p{text-shadow:0 0 3px #fff;margin-block:0;padding:5px 10px}& #bodyName{color:#fff;font-size:200%}& #bodySeed{color:#fff}}& #throttle{background:#000000b3;border-top:1px solid #fff;align-items:flex-end;width:50px;height:400px;margin-bottom:5px;display:flex;position:absolute;bottom:50px;right:5px;& #throttleStripes{background:repeating-linear-gradient(0deg,#80ff80,#80ff80 4px,#0000 4px 8px);width:100%;height:100%;&.reversed{background:repeating-linear-gradient(#ff8080,#ff8080 4px,#0000 4px 8px)}}}& #speed{color:#fff;font-family:Nasalization,sans-serif;font-size:2em;position:absolute;bottom:5px;right:5px}& #fuelIndicator{--currentFuelLevel:70%;--fuelLevelAfterJump:50%;--fuelLevelAfterJumpColor:cyan;--currentFuelLevelColor:white;background:linear-gradient(to top, var(--currentFuelLevelColor) 0 var(--fuelLevelAfterJump), var(--fuelLevelAfterJumpColor) var(--fuelLevelAfterJump) var(--currentFuelLevel), #fff3 var(--currentFuelLevel) 100%);width:50px;height:50px;padding:10px;position:absolute;bottom:55px;right:70px;& img{width:100%;height:100%}}}:root{--space-station-ui-gap:10px;--space-station-ui-icon-size:75px}#spaceStationUI{z-index:2;font-family:var(--main-font);padding:var(--space-station-ui-gap);visibility:hidden;row-gap:var(--space-station-ui-gap);column-gap:var(--space-station-ui-gap);grid-template-rows:15vh auto;grid-template-columns:7fr 3fr;display:grid;position:absolute;inset:0;&>*{color:#fff;box-sizing:border-box;background:#141414cc;box-shadow:0 0 20px #000}& .spaceStationHeader{justify-content:space-evenly;row-gap:var(--space-station-ui-gap);flex-direction:column;padding:20px;display:flex;& p{margin-block:0}& .welcomeTo{font-size:150%}& .spaceStationName{font-size:300%}}& .playerInfo{justify-content:center;row-gap:var(--space-station-ui-gap);flex-direction:column;padding:20px;display:flex;& h2,& p{margin-block:0}& .playerName{align-items:center;column-gap:10px;display:flex}}& .mainContainer{padding:10px;transition:all .2s ease-in-out;overflow-y:auto;scale:1;&.hidden{scale:0}& svg{& text{fill:#fff;font-family:Nasalization,sans-serif;transition:all .2s}& .pie-slice-group{cursor:pointer;&:hover{& .pie-slice{scale:1.05}& text{-webkit-text-decoration:underline #fff;text-decoration:underline #fff}}& .pie-slice{transition:all .2s;scale:1}}}& .missionList{flex-direction:column;row-gap:10px;display:flex;& .missionItem{background:var(--accent-color-dark);padding:20px;display:flex;& .missionDescription{flex-direction:column;flex-grow:1;row-gap:10px;display:flex;& h4,& p{margin-block:0}}& .missionButtonContainer{align-items:center;display:flex;& button{background:var(--accent-color);color:#fff;font-family:var(--main-font);font-size:var(--text-size);transition:var(--transition-time);border:none;outline:none;padding:1vmin;&:hover{background:var(--accent-color-light);cursor:pointer}&.accepted{background:var(--accent-color-light)}}}}}& .spaceshipContainer{background:var(--accent-color-dark);row-gap:var(--space-station-ui-gap);flex-direction:column;padding:20px;display:flex;& h3{margin-block:0}& .fuelManagementContainer{align-items:center;column-gap:var(--space-station-ui-gap);display:flex;& p{flex-grow:1}}}}& .spaceStationActions{align-items:center;row-gap:var(--space-station-ui-gap);flex-direction:column;grid-column-start:2;padding:10px;display:flex;& .flexGrow{flex-grow:1}& .spaceStationAction{background:var(--accent-color-dark);grid-template-columns:var(--space-station-ui-icon-size) auto;align-self:stretch;align-items:center;column-gap:10px;padding:10px;transition:all .2s;display:grid;box-shadow:inset 0 0 #fff;&.disabled{background:var(--disabled-color);&:hover{cursor:not-allowed;background:var(--disabled-color);box-shadow:inset 0 0 #fff}}& img{width:var(--space-station-ui-icon-size);height:var(--space-station-ui-icon-size);grid-row:span 2}& h2,& p{margin-block:0}&:hover{cursor:pointer;background:var(--accent-color);box-shadow:inset 0 0 10px #fff}}}& .discoveryPanel{height:100%;& .encyclopaediaContainer{min-height:unset;& p{flex-grow:1}}& .buttonHorizontalContainer{min-height:unset;& select{flex-grow:1}}& .contentHorizontalContainer{flex-grow:1;& .discoveryList{padding-right:10px;& .listItemContainer{min-height:fit-content;&.uploaded{--color-frontier:95%;background:linear-gradient(90deg, var(--accent-color-dark) var(--color-frontier), green var(--color-frontier));&:hover{background:linear-gradient(90deg, var(--accent-color) var(--color-frontier), green var(--color-frontier))}&.selected{background:linear-gradient(90deg, var(--accent-color-light) var(--color-frontier), green var(--color-frontier))}}&.selected{background:var(--accent-color-light)}&>*{margin:0}}}& .discoveryDetails{background:var(--accent-color-dark);flex-grow:1;padding:20px;&.empty{justify-content:center;align-items:center}&>*{margin:0}}}}}.spaceshipOutfittingUI{column-gap:var(--space-station-ui-gap);background:#0006;grid-template-columns:1fr 2fr 1fr;padding:10px;display:grid;&>div,& .componentSpec{background:var(--accent-color-dark);padding:10px}& .componentSlot{padding:10px}& .componentSpec{flex-direction:column;display:flex;& h3{margin-bottom:.5em}}}.flex-column{flex-direction:column;row-gap:10px;min-width:0;min-height:0;display:flex}.flex-row{column-gap:10px;min-width:0;min-height:0;display:flex}.flex-wrap{flex-wrap:wrap;gap:10px}.overflow-y-auto{overflow-y:auto}.listItemContainer{background:var(--accent-color-dark);cursor:pointer;transition:var(--transition-time);padding:10px;&:hover{background:var(--accent-color);box-shadow:inset 0 0 10px #fff}}.flex-1{flex:1}.flex-2{flex:2}.flex-3{flex:3}#pauseMask{z-index:40;backdrop-filter:blur(4px);background:#0003;position:absolute;inset:0;& #pauseMenu{display:none}}h1{text-align:center;color:#fff;text-shadow:0 0 20px #ffffff80;font-family:Nasalization,sans-serif;font-size:13vmin;transition:all .1s}.mainMenu{z-index:42;width:100vw;height:100vh;display:none;position:absolute;& .version{color:#fff;margin-block:0;padding:10px;font-family:Nasalization,sans-serif;font-size:1.5em;transition:all .2s ease-in-out;position:absolute;bottom:0;right:0;& a{color:#fff;-webkit-text-decoration:underline #ffffff80;text-decoration:underline #ffffff80;transition:all .1s;&:hover{-webkit-text-decoration:underline #fff;text-decoration:underline #fff}}}}.sidePanel{z-index:50;opacity:0;background:#000c;flex-direction:column;row-gap:10px;width:72%;max-width:1400px;height:60vh;padding:20px;transition:all .2s ease-in-out;display:flex;position:absolute;bottom:7.5vh;right:2.5vw;overflow-y:auto;transform:scale(0);box-shadow:0 0 20px #000;&.visible{opacity:1;transform:scale(1)}& h2{color:#fff;text-align:center;margin-block:.6em;font-family:Nasalization,sans-serif;font-size:3em}& h3{color:#fff;margin-block-end:.5em;font-family:Nasalization,sans-serif;font-size:2em}& #dropFileZone{cursor:pointer;border:3px dashed gray;flex-direction:column;justify-content:center;align-items:center;padding:20px;transition:all .1s;display:flex;&.dragover{background:#ffffff1a}&:hover{background:#ffffff0d}&.invalid{background:#ff00001a}& p{color:#fff;text-align:center;font-family:Nasalization,sans-serif;font-size:1.5em;line-height:1.5em}}& p{color:#fff;margin-block:0;font-family:Nasalization,sans-serif;font-size:1.25em;line-height:1.5em;&.signature{text-align:right;margin:40px 0;padding-right:60px;font-style:italic}}& a{color:#fff;-webkit-text-decoration:underline #ffffff80;text-decoration:underline #ffffff80;transition:all .1s;&:hover{-webkit-text-decoration:underline #fff;text-decoration:underline #fff}}}#credits{& .contributors-image{border-radius:8px;max-width:100%;height:auto}}.close-button{z-index:1000;color:#fff;text-align:center;cursor:pointer;width:40px;height:40px;transition:background var(--transition-time), color var(--transition-time);background:0 0;border:none;padding:0;font-size:28px;line-height:40px;position:absolute;top:10px;right:10px}.close-button:hover,.close-button:focus{background:var(--accent-color);color:#fff;outline:none}input{color:#fff;font-family:var(--main-font);font-size:var(--text-size);background:0 0;border:none;border-bottom:2px solid #fff;outline:none;padding:5px;transition:all .2s;&:focus{border-bottom:2px solid var(--accent-color)}}.map{color:#fff;flex-direction:column;display:flex;& h3{margin-bottom:.5em}& .actionMultiple,& .actionSingle{border-top:1px solid #fff;font-family:Nasalization,sans-serif;&>p{text-transform:capitalize}}& .actionSingle,& .subAction{padding:10px;transition:all .2s;&:hover{background-color:#ffffff1a}}& .actionSingle{flex-direction:row;justify-content:space-between;display:flex}& .actionMultiple{flex-direction:column;padding:10px;display:flex;& .subAction{flex-direction:row;justify-content:space-between;padding-left:30px;display:flex;&>p{text-transform:capitalize;border-left:1px solid #fff;padding-left:10px}}}& .valuesContainer{flex-direction:row;justify-content:space-between;align-items:center;column-gap:10px;display:flex;& p{text-align:center;border:1px solid #fff;min-width:50px;padding:0 10px}}}#babylonjsLoadingDiv{opacity:0;pointer-events:none;z-index:100;background-size:cover;grid-template-rows:100%;grid-template-columns:100%;place-items:center;transition:opacity 1.5s;display:grid;background-image:url(./loadingScreen2-scWPZxzC.webp)!important;& h1{position:absolute;top:0}--column-gap:1vw;--logoSize:5vw;--progressBarHeight:.5vmin;& .progressBarContainer{align-items:center;column-gap:var(--column-gap);width:70%;margin-left:calc(var(--logoSize) + var(--logoSize));display:flex;position:absolute;bottom:3%}& .progressBar{--progress:0;height:var(--progressBarHeight);background:linear-gradient(to right, #ffffffe6 var(--progress), #000000e6 var(--progress));flex-grow:1}& .imageSpinnerContainer{width:var(--logoSize);position:relative;& .loadingSpinner{transform-origin:50%;animation:.75s linear infinite spin1}}}.loadingText{color:#fff;z-index:1;text-align:center;width:100%;margin-top:160px;font-family:Nasalization,sans-serif;font-size:1.5em;position:absolute;bottom:10%;left:0}@keyframes spin1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.targetCursorRoot{--dim:50px;translate:calc(var(--dim) * -.5) -50%;cursor:none;pointer-events:none;align-items:center;column-gap:max(3vh,20px);transition:opacity .2s;display:flex;position:absolute;&.transparent{opacity:0;pointer-events:none}& .targetCursor{--s:max(2vmin, calc(var(--dim) * .4));--t:.4vmin;--g:.8vmin;padding:calc(var(--g) + var(--t));outline:var(--t) solid white;outline-offset:calc(-1 * var(--t));mask:conic-gradient(at var(--s) var(--s), #0000 75%, #000 0) 0 0 / calc(100% - var(--s)) calc(100% - var(--s)), linear-gradient(#000 0 0) content-box;width:calc(var(--dim) - var(--g) * 2 - var(--t) * 2);height:calc(var(--dim) - var(--g) * 2 - var(--t) * 2);flex-shrink:0;transition:outline-color .2s,scale .2s cubic-bezier(.34,-1.87,.74,2.99),rotate .2s,opacity .2s;&.rounded{border-radius:50%}&.rotated{rotate:45deg}&.target{outline-color:#daa520;scale:1.05}}&.hidden{display:none}& .targetCursorText{color:#fff;flex-direction:column;flex-shrink:0;justify-content:center;row-gap:5px;font-family:Nasalization,sans-serif;transition:opacity .2s;display:flex;& p{font-size:var(--text-size);margin-block:0;&.targetCursorName{font-weight:700;font-size:calc(1.5 * var(--text-size))}}}}@keyframes loadingAnimation{0%{background-position:100% 0}to{background-position:0 0}}.starMapUI{cursor:none;z-index:30;& .systemIcons{flex-direction:column;row-gap:10px;width:30px;display:flex;position:absolute;transform:translateY(-50%)translate(calc(-100% - 25px));& div{transition:all .2s;&:hover{filter:brightness(1.2)}}&.transparent{opacity:0}& .bookmarkIcon{aspect-ratio:1;background-image:url(data:image/webp;base64,UklGRtABAABXRUJQVlA4TMQBAAAvf8AfEA7HkSRJzfrvmkgwCp3D7FvDPf8BR9s/Rc08w2KluydpVy6Acwet9gRolxwA70LtXdztCu46bBmZrXAYdgLqy1L6bPji0KVSmsd92dBfDYis1Zo/W7plfQ3kmhdKKXvpWhgNHislvR9R3FBK2/UgrviZ1643hrzLvCR7DDe3xK8QY8q9zE6pCGOFp5ndZ4SpIrep4u+/v//+0fHRh74pWtOty7K4XxKvjCqreoSGvbg6pWBBXQOeqjVrv0eO7cnVmzJ2HHXHW1Oq621Vxr3pi6I13fWxTsvifki8MjqE9cUpNOzF1QkF82rry2rMiHrg2J5s/VDGtqP0vDWpun6qyrg3uSla1VU/12lZnJfESyOPsAEBx9CQ5y6SUjCvtoKqMSPKyLFd2QosbdtROt6aVF2hVRn3OhexFV0NCK/Tkv95SLw0MoS1wDE05LmLJOybU1sLVWNalIEju7K1YGlbjhbnjQlVtejbmNfxxoq3xFZ0NWDxOiz6/9YZQcqtVxIvDAsbkOBh0HMXr9xSFqHMvRCZVVNJHqZFL9YKqcWzmQNb0g1IVNrmOvPsiFGu3opOvZEfqivVXd7bW2zzbMA3AQ==);background-size:contain;width:100%}& .missionIcon{aspect-ratio:1;background-image:url(./mission-CbmaNGkV.webp);background-size:contain;width:100%}}& .shortHandUI{z-index:5;color:#fff;font-family:var(--main-font);flex-direction:column;row-gap:1vmin;padding:2vmin;display:flex;position:absolute;& h2,& p{margin-block:0}& h2{font-size:var(--h2-size)}& p{font-size:var(--text-size)}& .buttonContainer{column-gap:.5vmin;display:flex}& button{background:var(--accent-color);cursor:none;color:#fff;font-family:var(--main-font);font-size:var(--text-size);transition:var(--transition-time);border:none;outline:none;padding:1vmin;&:hover{background:var(--accent-color-light)}&:disabled{background:var(--disabled-color);color:#c8c8c8;&:hover,&:active{background:var(--disabled-color)}}&:active{background:var(--accent-color-dark)}&.bookmarked{background:#daa520;&:active{background:#b8860b}&:hover{background:gold}}&.loading{background:linear-gradient(90deg, var(--accent-color), #c8c8c8, var(--accent-color)) 0 0 / 200% 100% no-repeat;animation:1s linear infinite alternate loadingAnimation}}}& .starMapInfoPanel{color:#fff;z-index:10;background:#000c;flex-direction:column;width:25vw;height:100vh;padding:0 .7vw;font-family:Nasalization,sans-serif;display:flex;position:absolute;overflow-y:auto;box-shadow:0 0 20px #000;& h1,& p{margin-block:.5vh}& .starMapInfoPanelStarPreview{background:#fff;border-radius:50%;align-self:center;width:15vmin;height:15vmin;margin:3vh 0;box-shadow:0 0 30px #fff}& .starMapInfoPanelTitle{text-align:center;font-size:var(--h1-size)}& .starMapInfoPanelStarSector{font-size:var(--h2-size);text-align:center;padding:0 1vw}& h2{font-size:var(--h2-size)}& p{font-size:var(--text-size)}& hr{border:0;border-top:1px solid #fff;width:100%;margin:1vh auto}}&.hidden{display:none}}.tutorialLayer{z-index:35;pointer-events:none;position:relative;& .tutorialPanel{background:#000000f2;flex-direction:column;justify-content:space-between;align-items:center;width:30vw;height:100vh;font-family:Nasalization,sans-serif;transition:transform .5s ease-in-out;display:flex;position:absolute;left:0;transform:translate(0);box-shadow:0 0 20px #000;&.hidden{transform:translate(-100%)}& h1{text-align:center;color:#fff;font-size:var(--h1-size);flex-grow:0;margin-block:2vh}& .tutorialContentContainer{flex-grow:1;overflow-y:auto;& .tutorialContent{& p{color:#fff;line-height:1.5em;font-size:var(--text-size);padding:0 .7vw}& h2{color:#fff;font-size:var(--h2-size);margin-block:0 1vh;padding:0 .7vw}& img{flex-grow:0;width:100%;height:auto}}}& .tutorialControls{flex-grow:0;justify-content:space-evenly;width:100%;margin-bottom:1vh;display:flex;& p{color:#000;font-size:calc(var(--text-size) * .75);background:#fff;align-items:center;margin-block:0;padding:.3vw;display:flex;& span{padding:.3vw;&.keySpan{font-weight:700;font-size:calc(var(--text-size) * .75);background:#0000004d}}&.disabled{color:#00000080;pointer-events:none;cursor:not-allowed;background:#ffffff80}}}}}.sidePanel.tutorials{overflow-x:hidden;& .tutorialsMenuContainer{--tile-width:300px;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:20px;padding:0 20px 20px;display:flex;&>*{width:var(--tile-width);background:#000c;transition:all .2s;box-shadow:inset 0 0 5px #ffffff80;&:hover{cursor:pointer;box-shadow:inset 0 0 10px #fffc}}& .moreWillCome{color:#fff;text-align:center;align-items:center;margin-block:0;font-family:Nasalization,sans-serif;font-size:2em;display:flex;&:hover{cursor:default}}& .tutorial{flex-direction:column;justify-content:flex-start;align-items:center;row-gap:10px;padding:10px;display:flex;& h2{color:#fff;margin-block:.6em;font-family:Nasalization,sans-serif;font-size:3em}& img{width:100%}& p{color:#fff;padding:0 20px;font-family:Nasalization,sans-serif;font-size:1.25em;line-height:1.5em}}}}#loadSavePanel{padding:10px}.saveLoadingPanelContent{flex-direction:column;row-gap:10px;display:flex}.cmdrList{flex-direction:column;row-gap:10px;display:flex;& .cmdr{--cmdr-color:#32323280;& .cmdrHeader{background:var(--cmdr-color);justify-content:space-between;padding:10px 20px;display:flex;& .cmdrHeaderText{flex-direction:column;row-gap:10px;display:flex;& h3,& p{margin-block:0}}& .cmdrHeaderButtons{align-items:center;column-gap:10px;display:flex}}& .savesList{flex-direction:column;display:flex;&.hidden{display:none}& .saveContainer{background:linear-gradient(90deg, var(--cmdr-color) 10px, #00000080 10px);justify-content:space-between;padding:20px;display:flex;& .saveText{flex-direction:column;justify-content:center;row-gap:10px;padding-left:10px;display:flex;& p{margin-block:0}}& .saveButtons{align-items:center;column-gap:10px;display:flex}}}}}select{background:var(--accent-color-dark);font-size:var(--text-size);color:#fff;font-family:var(--main-font);cursor:pointer;border:none;outline:none;padding:10px;transition:all .2s;&:hover{background:var(--accent-color);box-shadow:inset 0 0 10px #fff}}button{--button-bg-color:var(--accent-color);--button-hover-bg-color:var(--accent-color-light);--button-active-bg-color:var(--accent-color-dark);--size:var(--text-size);background-color:var(--button-bg-color);color:#fff;font-family:var(--main-font);font-size:var(--size);line-height:var(--size);cursor:pointer;border:none;outline:none;padding:1vmin;transition:background-color .3s;&.icon{display:flex;& img{height:calc(var(--size))}}&.large{--size:calc(1.2 * var(--text-size))}&:hover{background-color:var(--button-hover-bg-color)}&:active{background-color:var(--button-active-bg-color)}&.active{background-color:var(--button-hover-bg-color)}&.danger{--button-bg-color:#c20202;--button-hover-bg-color:red;--button-active-bg-color:darkred}&:disabled{--button-bg-color:var(--disabled-color);--button-hover-bg-color:var(--disabled-color);--button-active-bg-color:var(--disabled-color);cursor:not-allowed;color:#c8c8c8}&.loading{background:linear-gradient(90deg, var(--button-bg-color), #c8c8c8, var(--button-bg-color)) 0 0 / 200% 100% no-repeat;animation:1s ease-in-out infinite alternate loadingAnimation}}::backdrop{background-color:#000c}dialog{z-index:1000;color:#fff;font-family:var(--main-font);font-size:var(--text-size);background:#000c;max-width:40%;padding:20px;transition:all .2s ease-in-out;overflow:hidden;scale:1;box-shadow:inset 0 0 10px #ffffff80,0 0 10px #ffffff80;@starting-style{scale:0}& form{flex-direction:column;display:flex;& menu{justify-content:center;column-gap:10px;padding-inline-start:0;display:flex}}}@font-face{font-family:Nasalization;src:url(./nasalization-rg-DeXB2VPf.otf)format("opentype")}[hidden]{display:none!important}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#888;transition:all .2s}::-webkit-scrollbar-thumb:hover{background:#555}:root{--text-size:2vmin;--h2-size:calc(1.5 * var(--text-size));--h1-size:calc(2 * var(--text-size));--menu-items-size:3.2vmin;--accent-color:#002b6a;--accent-color-dark:#001a3f;--accent-color-light:#003f9f;--disabled-color:#646464;--main-font:"Nasalization", sans-serif}body{-webkit-user-select:none;user-select:none;background:#000;margin:0;overflow:hidden;& .leftSideMenu{width:fit-content;transition:var(--transition-time) ease-in-out;z-index:10;flex-direction:column;row-gap:10px;padding:0;list-style-type:none;display:flex;position:absolute;top:65vh;left:2.5vw;transform:translateY(-50%);& li{color:#fff;font-family:var(--main-font);font-size:var(--menu-items-size);cursor:pointer;transition:var(--transition-time);padding:5px 20px;line-height:1.5em;&:hover{background:var(--accent-color)}&.disabled{color:gray;cursor:not-allowed}&.disabled:hover{background:#000}&:active{background:var(--accent-color-dark)}}}& canvas{z-index:1;float:left;cursor:none;outline:none}& canvas:focus,& canvas:focus-visible{outline:none}& #planetName{color:#fff;background:#000000b3;margin:0;padding:10px 20px;font-family:sans-serif;font-size:200%;position:absolute;bottom:0}& .babylonUnmuteIcon{background-size:100%!important}}