/*
 *  This file is part of Cosmos Journeyer
 *
 *  Copyright (C) 2024 Barthélemy Paléologue <barth.paleologue@cosmosjourneyer.com>
 *
 *  This program is free software: you can redistribute it and/or modify
 *  it under the terms of the GNU Affero General Public License as published by
 *  the Free Software Foundation, either version 3 of the License, or
 *  (at your option) any later version.
 *
 *  This program is distributed in the hope that it will be useful,
 *  but WITHOUT ANY WARRANTY; without even the implied warranty of
 *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 *  GNU Affero General Public License for more details.
 *
 *  You should have received a copy of the GNU Affero General Public License
 *  along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */

: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;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;transform-origin:50%;width:2vh;height:2vh;transition:scale var(--transition-time)var(--bezier-overshoot);background:rgba(0,0,0,.25);border-radius:50%;outline:.3vh solid #fff;position:absolute;transform:translate(-50%,-50%)scale(1);box-shadow:0 0 8px rgba(0,0,0,.6)}.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-container .notification{pointer-events:all;cursor:pointer;background:rgba(0,0,0,.8);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}.notification-container .notification.exploration{background:rgba(12,12,105,.8)}.notification-container .notification .notification-content{align-items:center;column-gap:10px;padding:0 20px;display:flex}.notification-container .notification .notification-content img{height:4vmin}.notification-container .notification .notification-content p{text-align:center;color:#fff;flex-grow:1;padding:5px 10px;font-size:1.1em;position:relative}.notification-container .notification .notification-progress{background-color:rgba(255,255,255,.5);width:100%;height:5px}.notification-container .notification .notification-progress .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:rgba(0,0,0,.5);padding:10px 20px;position:absolute;top:0;right:0}.currentMissionDisplay.completed{background:rgba(0,64,0,.5)}.currentMissionDisplay .missionPanel h2{color:#fff;margin:0}.currentMissionDisplay .missionPanel p{color:#fff;margin:0}.currentMissionDisplay .buttonContainer{justify-content:center;column-gap:10px;display:flex}.currentMissionDisplay .buttonContainer p{color:#000;cursor:pointer;background:#fff;border:none;margin:0;padding:.5vw .3vw}.currentMissionDisplay .buttonContainer p span{padding:.3vw}.currentMissionDisplay .buttonContainer p span.keySpan{font-weight:700;font-size:calc(var(--text-size)*.75);background:rgba(0,0,0,.3)}#targetHelper{background:rgba(0,0,0,.7);border:1px solid #fff;border-radius:100%;width:70px;height:70px;display:none;position:absolute;bottom:145px;right:70px}#targetHelper #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}#targetHelper #targetDot.behind{background:rgba(255,255,255,.1)}#helmetOverlay{z-index:30;pointer-events:none;cursor:none;visibility:hidden;font-family:Nasalization,sans-serif;position:absolute;top:0;bottom:0;left:0;right:0}#helmetOverlay .cursor{transform-origin:50%;pointer-events:none;-webkit-filter:drop-shadow(0 0 1px #000)hue-rotate(-30deg);filter:drop-shadow(0 0 1px #000)hue-rotate(-30deg);background:url(7b5a9e069717b1f9.webp) 50%/cover no-repeat;width:30px;height:40px;position:absolute}#helmetOverlay #bodyData{position:absolute;bottom:0;left:0}#helmetOverlay #bodyData p{text-shadow:0 0 3px #fff;margin-top:0;margin-bottom:0;padding:5px 10px}#helmetOverlay #bodyData #bodyName{color:#fff;font-size:200%}#helmetOverlay #bodyData #bodySeed{color:#fff}#helmetOverlay #throttle{background:rgba(0,0,0,.7);border-top:1px solid #fff;align-items:flex-end;width:50px;height:400px;margin-bottom:5px;display:flex;position:absolute;bottom:50px;right:5px}#helmetOverlay #throttle #throttleStripes{background:repeating-linear-gradient(0deg,#80ff80,#80ff80 4px,transparent 4px,transparent 8px);width:100%;height:100%}#helmetOverlay #throttle #throttleStripes.reversed{background:repeating-linear-gradient(#ff8080,#ff8080 4px,transparent 4px,transparent 8px)}#helmetOverlay #speed{color:#fff;font-family:Nasalization,sans-serif;font-size:2em;position:absolute;bottom:5px;right:5px}#helmetOverlay #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),rgba(255,255,255,.2) var(--currentFuelLevel)100%);width:50px;height:50px;padding:10px;position:absolute;bottom:55px;right:70px}#helmetOverlay #fuelIndicator 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;top:0;bottom:0;left:0;right:0}#spaceStationUI>*{color:#fff;box-sizing:border-box;background:rgba(20,20,20,.8);box-shadow:0 0 20px #000}#spaceStationUI .spaceStationHeader{justify-content:space-evenly;row-gap:var(--space-station-ui-gap);flex-direction:column;padding:20px;display:flex}#spaceStationUI .spaceStationHeader p{margin-top:0;margin-bottom:0}#spaceStationUI .spaceStationHeader .welcomeTo{font-size:150%}#spaceStationUI .spaceStationHeader .spaceStationName{font-size:300%}#spaceStationUI .playerInfo{justify-content:center;row-gap:var(--space-station-ui-gap);flex-direction:column;padding:20px;display:flex}#spaceStationUI .playerInfo h2{margin-top:0;margin-bottom:0}#spaceStationUI .playerInfo p{margin-top:0;margin-bottom:0}#spaceStationUI .playerInfo .playerName{align-items:center;column-gap:10px;display:flex}#spaceStationUI .mainContainer{padding:10px;transition:all .2s ease-in-out;overflow-y:auto;scale:1}#spaceStationUI .mainContainer.hidden{scale:0}#spaceStationUI .mainContainer svg text{fill:#fff;font-family:Nasalization,sans-serif;transition:all .2s}#spaceStationUI .mainContainer svg .pie-slice-group{cursor:pointer}#spaceStationUI .mainContainer svg .pie-slice-group:hover .pie-slice{scale:1.05}#spaceStationUI .mainContainer svg .pie-slice-group:hover text{-webkit-text-decoration:underline #fff;text-decoration:underline #fff}#spaceStationUI .mainContainer svg .pie-slice-group .pie-slice{transition:all .2s;scale:1}#spaceStationUI .mainContainer .missionList{flex-direction:column;row-gap:10px;display:flex}#spaceStationUI .mainContainer .missionList .missionItem{background:var(--accent-color-dark);padding:20px;display:flex}#spaceStationUI .mainContainer .missionList .missionItem .missionDescription{flex-direction:column;flex-grow:1;row-gap:10px;display:flex}#spaceStationUI .mainContainer .missionList .missionItem .missionDescription h4{margin-top:0;margin-bottom:0}#spaceStationUI .mainContainer .missionList .missionItem .missionDescription p{margin-top:0;margin-bottom:0}#spaceStationUI .mainContainer .missionList .missionItem .missionButtonContainer{align-items:center;display:flex}#spaceStationUI .mainContainer .missionList .missionItem .missionButtonContainer 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}#spaceStationUI .mainContainer .missionList .missionItem .missionButtonContainer button:hover{background:var(--accent-color-light);cursor:pointer}#spaceStationUI .mainContainer .missionList .missionItem .missionButtonContainer button.accepted{background:var(--accent-color-light)}#spaceStationUI .mainContainer .spaceshipContainer{background:var(--accent-color-dark);row-gap:var(--space-station-ui-gap);flex-direction:column;padding:20px;display:flex}#spaceStationUI .mainContainer .spaceshipContainer h3{margin-top:0;margin-bottom:0}#spaceStationUI .mainContainer .spaceshipContainer .fuelManagementContainer{align-items:center;column-gap:var(--space-station-ui-gap);display:flex}#spaceStationUI .mainContainer .spaceshipContainer .fuelManagementContainer p{flex-grow:1}#spaceStationUI .spaceStationActions{align-items:center;row-gap:var(--space-station-ui-gap);flex-direction:column;grid-column-start:2;padding:10px;display:flex}#spaceStationUI .spaceStationActions .flexGrow{flex-grow:1}#spaceStationUI .spaceStationActions .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}#spaceStationUI .spaceStationActions .spaceStationAction.disabled{background:var(--disabled-color)}#spaceStationUI .spaceStationActions .spaceStationAction.disabled:hover{cursor:not-allowed;background:var(--disabled-color);box-shadow:inset 0 0 #fff}#spaceStationUI .spaceStationActions .spaceStationAction img{width:var(--space-station-ui-icon-size);height:var(--space-station-ui-icon-size);grid-row:span 2}#spaceStationUI .spaceStationActions .spaceStationAction h2{margin-top:0;margin-bottom:0}#spaceStationUI .spaceStationActions .spaceStationAction p{margin-top:0;margin-bottom:0}#spaceStationUI .spaceStationActions .spaceStationAction:hover{cursor:pointer;background:var(--accent-color);box-shadow:inset 0 0 10px #fff}#spaceStationUI .discoveryPanel{height:100%}#spaceStationUI .discoveryPanel .encyclopaediaContainer{min-height:unset}#spaceStationUI .discoveryPanel .encyclopaediaContainer p{flex-grow:1}#spaceStationUI .discoveryPanel .buttonHorizontalContainer{min-height:unset}#spaceStationUI .discoveryPanel .buttonHorizontalContainer select{flex-grow:1}#spaceStationUI .discoveryPanel .contentHorizontalContainer{flex-grow:1}#spaceStationUI .discoveryPanel .contentHorizontalContainer .discoveryList{padding-right:10px}#spaceStationUI .discoveryPanel .contentHorizontalContainer .discoveryList .listItemContainer{min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content}#spaceStationUI .discoveryPanel .contentHorizontalContainer .discoveryList .listItemContainer.uploaded{--color-frontier:95%;background:linear-gradient(90deg,var(--accent-color-dark)var(--color-frontier),green var(--color-frontier))}#spaceStationUI .discoveryPanel .contentHorizontalContainer .discoveryList .listItemContainer.uploaded:hover{background:linear-gradient(90deg,var(--accent-color)var(--color-frontier),green var(--color-frontier))}#spaceStationUI .discoveryPanel .contentHorizontalContainer .discoveryList .listItemContainer.uploaded.selected{background:linear-gradient(90deg,var(--accent-color-light)var(--color-frontier),green var(--color-frontier))}#spaceStationUI .discoveryPanel .contentHorizontalContainer .discoveryList .listItemContainer.selected{background:var(--accent-color-light)}#spaceStationUI .discoveryPanel .contentHorizontalContainer .discoveryList .listItemContainer>*{margin:0}#spaceStationUI .discoveryPanel .contentHorizontalContainer .discoveryDetails{background:var(--accent-color-dark);flex-grow:1;padding:20px}#spaceStationUI .discoveryPanel .contentHorizontalContainer .discoveryDetails.empty{justify-content:center;align-items:center}#spaceStationUI .discoveryPanel .contentHorizontalContainer .discoveryDetails>*{margin:0}.spaceshipOutfittingUI{column-gap:var(--space-station-ui-gap);background:rgba(0,0,0,.4);grid-template-columns:1fr 2fr 1fr;padding:10px;display:grid}.spaceshipOutfittingUI>div{background:var(--accent-color-dark);padding:10px}.spaceshipOutfittingUI .componentSpec{background:var(--accent-color-dark);padding:10px}.spaceshipOutfittingUI .componentSlot{padding:10px}.spaceshipOutfittingUI .componentSpec{flex-direction:column;display:flex}.spaceshipOutfittingUI .componentSpec 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}.listItemContainer: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;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,0,0,.2);position:absolute;top:0;bottom:0;left:0;right:0}#pauseMask #pauseMenu{display:none}h1{text-align:center;color:#fff;text-shadow:0 0 20px rgba(255,255,255,.5);font-family:Nasalization,sans-serif;font-size:13vmin;transition:all .1s}.mainMenu{z-index:42;width:100vw;height:100vh;display:none;position:absolute}.mainMenu .version{color:#fff;margin-top:0;margin-bottom:0;padding:10px;font-family:Nasalization,sans-serif;font-size:1.5em;transition:all .2s ease-in-out;position:absolute;bottom:0;right:0}.mainMenu .version a{color:#fff;-webkit-text-decoration:underline rgba(255,255,255,.5);text-decoration:underline rgba(255,255,255,.5);transition:all .1s}.mainMenu .version a:hover{-webkit-text-decoration:underline #fff;text-decoration:underline #fff}.sidePanel{z-index:50;opacity:0;background:rgba(0,0,0,.8);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}.sidePanel.visible{opacity:1;transform:scale(1)}.sidePanel h2{color:#fff;text-align:center;margin-top:.6em;margin-bottom:.6em;font-family:Nasalization,sans-serif;font-size:3em}.sidePanel h3{color:#fff;margin-bottom:.5em;font-family:Nasalization,sans-serif;font-size:2em}.sidePanel #dropFileZone{cursor:pointer;border:3px dashed gray;flex-direction:column;justify-content:center;align-items:center;padding:20px;transition:all .1s;display:flex}.sidePanel #dropFileZone.dragover{background:rgba(255,255,255,.1)}.sidePanel #dropFileZone:hover{background:rgba(255,255,255,.05)}.sidePanel #dropFileZone.invalid{background:rgba(255,0,0,.1)}.sidePanel #dropFileZone p{color:#fff;text-align:center;font-family:Nasalization,sans-serif;font-size:1.5em;line-height:1.5em}.sidePanel p{color:#fff;margin-top:0;margin-bottom:0;font-family:Nasalization,sans-serif;font-size:1.25em;line-height:1.5em}.sidePanel p.signature{text-align:right;margin:40px 0;padding-right:60px;font-style:italic}.sidePanel a{color:#fff;-webkit-text-decoration:underline rgba(255,255,255,.5);text-decoration:underline rgba(255,255,255,.5);transition:all .1s}.sidePanel a: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}input:focus{border-bottom:2px solid var(--accent-color)}.map{color:#fff;flex-direction:column;display:flex}.map h3{margin-bottom:.5em}.map .actionMultiple{border-top:1px solid #fff;font-family:Nasalization,sans-serif}.map .actionMultiple>p{text-transform:capitalize}.map .actionSingle{border-top:1px solid #fff;font-family:Nasalization,sans-serif}.map .actionSingle>p{text-transform:capitalize}.map .actionSingle{padding:10px;transition:all .2s}.map .actionSingle:hover{background-color:rgba(255,255,255,.1)}.map .subAction{padding:10px;transition:all .2s}.map .subAction:hover{background-color:rgba(255,255,255,.1)}.map .actionSingle{flex-direction:row;justify-content:space-between;display:flex}.map .actionMultiple{flex-direction:column;padding:10px;display:flex}.map .actionMultiple .subAction{flex-direction:row;justify-content:space-between;padding-left:30px;display:flex}.map .actionMultiple .subAction>p{text-transform:capitalize;border-left:1px solid #fff;padding-left:10px}.map .valuesContainer{flex-direction:row;justify-content:space-between;align-items:center;column-gap:10px;display:flex}.map .valuesContainer 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%;align-items:center;justify-items:center;transition:opacity 1.5s;display:grid;background-image:url(01a1d7f1647fc712.webp)!important}#babylonjsLoadingDiv h1{position:absolute;top:0}#babylonjsLoadingDiv{--column-gap:1vw;--logoSize:5vw;--progressBarHeight:.5vmin}#babylonjsLoadingDiv .progressBarContainer{align-items:center;column-gap:var(--column-gap);width:70%;margin-left:calc(var(--logoSize) + var(--logoSize));display:flex;position:absolute;bottom:3%}#babylonjsLoadingDiv .progressBar{--progress:0;height:var(--progressBarHeight);background:linear-gradient(to right,rgba(255,255,255,.9) var(--progress),rgba(0,0,0,.9) var(--progress));flex-grow:1}#babylonjsLoadingDiv .imageSpinnerContainer{width:var(--logoSize);position:relative}#babylonjsLoadingDiv .imageSpinnerContainer .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}.targetCursorRoot.transparent{opacity:0;pointer-events:none}.targetCursorRoot .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));-webkit-mask:conic-gradient(at var(--s)var(--s),transparent 75%,#000 0)0 0/calc(100% - var(--s))calc(100% - var(--s)),linear-gradient(#000 0 0)content-box;mask:conic-gradient(at var(--s)var(--s),transparent 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}.targetCursorRoot .targetCursor.rounded{border-radius:50%}.targetCursorRoot .targetCursor.rotated{rotate:45deg}.targetCursorRoot .targetCursor.target{outline-color:#daa520;scale:1.05}.targetCursorRoot.hidden{display:none}.targetCursorRoot .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}.targetCursorRoot .targetCursorText p{font-size:var(--text-size);margin-top:0;margin-bottom:0}.targetCursorRoot .targetCursorText p.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}.starMapUI .systemIcons{flex-direction:column;row-gap:10px;width:30px;display:flex;position:absolute;transform:translateY(-50%)translate(calc(-100% - 25px))}.starMapUI .systemIcons div{transition:all .2s}.starMapUI .systemIcons div:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}.starMapUI .systemIcons.transparent{opacity:0}.starMapUI .systemIcons .bookmarkIcon{aspect-ratio:1;background-image:url(83fb38b45c41d04b.webp);background-size:contain;width:100%}.starMapUI .systemIcons .missionIcon{aspect-ratio:1;background-image:url(604a30c9dd0496ed.webp);background-size:contain;width:100%}.starMapUI .shortHandUI{z-index:5;color:#fff;font-family:var(--main-font);flex-direction:column;row-gap:1vmin;padding:2vmin;display:flex;position:absolute}.starMapUI .shortHandUI h2{margin-top:0;margin-bottom:0}.starMapUI .shortHandUI p{margin-top:0;margin-bottom:0}.starMapUI .shortHandUI h2{font-size:var(--h2-size)}.starMapUI .shortHandUI p{font-size:var(--text-size)}.starMapUI .shortHandUI .buttonContainer{column-gap:.5vmin;display:flex}.starMapUI .shortHandUI 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}.starMapUI .shortHandUI button:hover{background:var(--accent-color-light)}.starMapUI .shortHandUI button:disabled{background:var(--disabled-color);color:#c8c8c8}.starMapUI .shortHandUI button:disabled:hover{background:var(--disabled-color)}.starMapUI .shortHandUI button:disabled:active{background:var(--disabled-color)}.starMapUI .shortHandUI button:active{background:var(--accent-color-dark)}.starMapUI .shortHandUI button.bookmarked{background:#daa520}.starMapUI .shortHandUI button.bookmarked:active{background:#b8860b}.starMapUI .shortHandUI button.bookmarked:hover{background:gold}.starMapUI .shortHandUI button.loading{background:linear-gradient(90deg,var(--accent-color),#c8c8c8,var(--accent-color))0 0/200% 100% no-repeat;animation:1s linear infinite alternate loadingAnimation}.starMapUI .starMapInfoPanel{color:#fff;z-index:10;background:rgba(0,0,0,.8);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}.starMapUI .starMapInfoPanel h1{margin-top:.5vh;margin-bottom:.5vh}.starMapUI .starMapInfoPanel p{margin-top:.5vh;margin-bottom:.5vh}.starMapUI .starMapInfoPanel .starMapInfoPanelStarPreview{background:#fff;border-radius:50%;align-self:center;width:15vmin;height:15vmin;margin:3vh 0;box-shadow:0 0 30px #fff}.starMapUI .starMapInfoPanel .starMapInfoPanelTitle{text-align:center;font-size:var(--h1-size)}.starMapUI .starMapInfoPanel .starMapInfoPanelStarSector{font-size:var(--h2-size);text-align:center;padding:0 1vw}.starMapUI .starMapInfoPanel h2{font-size:var(--h2-size)}.starMapUI .starMapInfoPanel p{font-size:var(--text-size)}.starMapUI .starMapInfoPanel hr{border:0;border-top:1px solid #fff;width:100%;margin:1vh auto}.starMapUI.hidden{display:none}.tutorialLayer{z-index:35;pointer-events:none;position:relative}.tutorialLayer .tutorialPanel{background:rgba(0,0,0,.95);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}.tutorialLayer .tutorialPanel.hidden{transform:translate(-100%)}.tutorialLayer .tutorialPanel h1{text-align:center;color:#fff;font-size:var(--h1-size);flex-grow:0;margin-top:2vh;margin-bottom:2vh}.tutorialLayer .tutorialPanel .tutorialContentContainer{flex-grow:1;overflow-y:auto}.tutorialLayer .tutorialPanel .tutorialContentContainer .tutorialContent p{color:#fff;line-height:1.5em;font-size:var(--text-size);padding:0 .7vw}.tutorialLayer .tutorialPanel .tutorialContentContainer .tutorialContent h2{color:#fff;font-size:var(--h2-size);margin-top:0;margin-bottom:1vh;padding:0 .7vw}.tutorialLayer .tutorialPanel .tutorialContentContainer .tutorialContent img{flex-grow:0;width:100%;height:auto}.tutorialLayer .tutorialPanel .tutorialControls{flex-grow:0;justify-content:space-evenly;width:100%;margin-bottom:1vh;display:flex}.tutorialLayer .tutorialPanel .tutorialControls p{color:#000;font-size:calc(var(--text-size)*.75);background:#fff;align-items:center;margin-top:0;margin-bottom:0;padding:.3vw;display:flex}.tutorialLayer .tutorialPanel .tutorialControls p span{padding:.3vw}.tutorialLayer .tutorialPanel .tutorialControls p span.keySpan{font-weight:700;font-size:calc(var(--text-size)*.75);background:rgba(0,0,0,.3)}.tutorialLayer .tutorialPanel .tutorialControls p.disabled{color:rgba(0,0,0,.5);pointer-events:none;cursor:not-allowed;background:rgba(255,255,255,.5)}.sidePanel.tutorials{overflow-x:hidden}.sidePanel.tutorials .tutorialsMenuContainer{--tile-width:300px;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:20px;padding:0 20px 20px;display:flex}.sidePanel.tutorials .tutorialsMenuContainer>*{width:var(--tile-width);background:rgba(0,0,0,.8);transition:all .2s;box-shadow:inset 0 0 5px rgba(255,255,255,.5)}.sidePanel.tutorials .tutorialsMenuContainer>*:hover{cursor:pointer;box-shadow:inset 0 0 10px rgba(255,255,255,.8)}.sidePanel.tutorials .tutorialsMenuContainer .moreWillCome{color:#fff;text-align:center;align-items:center;margin-top:0;margin-bottom:0;font-family:Nasalization,sans-serif;font-size:2em;display:flex}.sidePanel.tutorials .tutorialsMenuContainer .moreWillCome:hover{cursor:default}.sidePanel.tutorials .tutorialsMenuContainer .tutorial{flex-direction:column;justify-content:flex-start;align-items:center;row-gap:10px;padding:10px;display:flex}.sidePanel.tutorials .tutorialsMenuContainer .tutorial h2{color:#fff;margin-top:.6em;margin-bottom:.6em;font-family:Nasalization,sans-serif;font-size:3em}.sidePanel.tutorials .tutorialsMenuContainer .tutorial img{width:100%}.sidePanel.tutorials .tutorialsMenuContainer .tutorial p{color:#fff;padding:0 20px;font-family:Nasalization,sans-serif;font-size:1.25em;line-height:1.5em}#inspectorLayer{z-index:40;width:100%;height:100%;display:none;position:absolute;top:0;left:0}#loadSavePanel{padding:10px}.saveLoadingPanelContent{flex-direction:column;row-gap:10px;display:flex}.cmdrList{flex-direction:column;row-gap:10px;display:flex}.cmdrList .cmdr{--cmdr-color:rgba(50,50,50,.5)}.cmdrList .cmdr .cmdrHeader{background:var(--cmdr-color);justify-content:space-between;padding:10px 20px;display:flex}.cmdrList .cmdr .cmdrHeader .cmdrHeaderText{flex-direction:column;row-gap:10px;display:flex}.cmdrList .cmdr .cmdrHeader .cmdrHeaderText h3{margin-top:0;margin-bottom:0}.cmdrList .cmdr .cmdrHeader .cmdrHeaderText p{margin-top:0;margin-bottom:0}.cmdrList .cmdr .cmdrHeader .cmdrHeaderButtons{align-items:center;column-gap:10px;display:flex}.cmdrList .cmdr .savesList{flex-direction:column;display:flex}.cmdrList .cmdr .savesList.hidden{display:none}.cmdrList .cmdr .savesList .saveContainer{background:linear-gradient(90deg,var(--cmdr-color)10px,rgba(0,0,0,.5) 10px);justify-content:space-between;padding:20px;display:flex}.cmdrList .cmdr .savesList .saveContainer .saveText{flex-direction:column;justify-content:center;row-gap:10px;padding-left:10px;display:flex}.cmdrList .cmdr .savesList .saveContainer .saveText p{margin-top:0;margin-bottom:0}.cmdrList .cmdr .savesList .saveContainer .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}select: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}button.icon{display:flex}button.icon img{height:calc(var(--size))}button.large{--size:calc(1.2*var(--text-size))}button:hover{background-color:var(--button-hover-bg-color)}button:active{background-color:var(--button-active-bg-color)}button.active{background-color:var(--button-hover-bg-color)}button.danger{--button-bg-color:#c20202;--button-hover-bg-color:red;--button-active-bg-color:darkred}button: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}button.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}::-ms-backdrop{background-color:rgba(0,0,0,.8)}::backdrop{background-color:rgba(0,0,0,.8)}dialog{z-index:1000;color:#fff;font-family:var(--main-font);font-size:var(--text-size);background:rgba(0,0,0,.8);max-width:40%;padding:20px;transition:all .2s ease-in-out;overflow:hidden;scale:1;box-shadow:inset 0 0 10px rgba(255,255,255,.5),0 0 10px rgba(255,255,255,.5)}@starting-style{dialog{scale:0}}dialog form{flex-direction:column;display:flex}dialog form menu{justify-content:center;column-gap:10px;display:flex}dialog form menu:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:0}dialog form menu:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:0}dialog form menu:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:0}dialog form menu:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:0}dialog form menu:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:0}dialog form menu:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:0}@font-face{font-family:Nasalization;src:url(34acce4158cc4164.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;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#000;margin:0;overflow:hidden}body .leftSideMenu{width:-webkit-fit-content;width:-moz-fit-content;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%)}body .leftSideMenu 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}body .leftSideMenu li:hover{background:var(--accent-color)}body .leftSideMenu li.disabled{color:gray;cursor:not-allowed}body .leftSideMenu li.disabled:hover{background:#000}body .leftSideMenu li:active{background:var(--accent-color-dark)}body canvas{z-index:1;float:left;cursor:none}body #planetName{color:#fff;background:rgba(0,0,0,.7);margin:0;padding:10px 20px;font-family:sans-serif;font-size:200%;position:absolute;bottom:0}body .babylonUnmuteIcon{background-size:100%!important}