/*
 *  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/>.
 */

@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{z-index:10;flex-direction:column;row-gap:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0;list-style-type:none;transition:all .2s ease-in-out;display:flex;position:absolute;top:65vh;left:2.5vw;transform:translateY(-50%)}body .leftSideMenu li{color:#fff;font-family:Nasalization,sans-serif;font-size:var(--menu-items-size);cursor:pointer;padding:5px 20px;line-height:1.5em;transition:all .2s}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 #notificationContainer{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%)}body #notificationContainer .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}body #notificationContainer .notification.exploration{background:rgba(12,12,105,.8)}body #notificationContainer .notification .notification-content{align-items:center;column-gap:10px;padding:0 20px;display:flex}body #notificationContainer .notification .notification-content img{height:4vmin}body #notificationContainer .notification .notification-content p{text-align:center;color:#fff;flex-grow:1;padding:5px 10px;font-size:1.1em;position:relative}body #notificationContainer .notification .notification-progress{background-color:rgba(255,255,255,.5);width:100%;height:5px}body #notificationContainer .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)}}body .currentMissionDisplay{background:rgba(0,0,0,.5);width:25vw;padding:10px 20px;transition:all .2s;position:absolute;top:0;right:0}body .currentMissionDisplay.completed{background:rgba(0,64,0,.5)}body .currentMissionDisplay .missionPanel h2,body .currentMissionDisplay .missionPanel p{color:#fff;margin:0}body .currentMissionDisplay .buttonContainer{justify-content:center;column-gap:10px;display:flex}body .currentMissionDisplay .buttonContainer p{color:#000;cursor:pointer;background:#fff;border:none;margin:0;padding:.5vw .3vw}body .currentMissionDisplay .buttonContainer p span{padding:.3vw}body .currentMissionDisplay .buttonContainer p span.keySpan{font-weight:700;font-size:calc(var(--text-size)*.75);background:rgba(0,0,0,.3)}body #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}body #helmetOverlay #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}body #helmetOverlay #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}body #helmetOverlay #targetHelper #targetDot.behind{background:rgba(255,255,255,.1)}body #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}body #helmetOverlay #bodyData{position:absolute;bottom:0;left:0}body #helmetOverlay #bodyData p{text-shadow:0 0 3px #fff;margin-top:0;margin-bottom:0;padding:5px 10px}body #helmetOverlay #bodyData #bodyName{color:#fff;font-size:200%}body #helmetOverlay #bodyData #bodySeed{color:#fff}body #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}body #helmetOverlay #throttle #throttleStripes{background:repeating-linear-gradient(0deg,#80ff80,#80ff80 4px,transparent 4px,transparent 8px);width:100%;height:100%}body #helmetOverlay #throttle #throttleStripes.reversed{background:repeating-linear-gradient(#ff8080,#ff8080 4px,transparent 4px,transparent 8px)}body #helmetOverlay #speed{color:#fff;font-family:Nasalization,sans-serif;font-size:2em;position:absolute;bottom:5px;right:5px}body #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}body #helmetOverlay #fuelIndicator img{width:100%;height:100%}body #spaceStationUI{z-index:2;visibility:hidden;grid-template-rows:15vh auto;grid-template-columns:7fr 3fr;gap:10px;padding:10px;font-family:Nasalization,sans-serif;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}body #spaceStationUI>*{color:#fff;box-sizing:border-box;background:rgba(20,20,20,.8);box-shadow:0 0 20px #000}body #spaceStationUI .spaceStationHeader{flex-direction:column;justify-content:space-evenly;row-gap:10px;padding:20px;display:flex}body #spaceStationUI .spaceStationHeader p{margin-top:0;margin-bottom:0}body #spaceStationUI .spaceStationHeader .welcomeTo{font-size:150%}body #spaceStationUI .spaceStationHeader .spaceStationName{font-size:300%}body #spaceStationUI .playerInfo{flex-direction:column;justify-content:center;row-gap:10px;padding:20px;display:flex}body #spaceStationUI .playerInfo h2,body #spaceStationUI .playerInfo p{margin-top:0;margin-bottom:0}body #spaceStationUI .playerInfo .playerName{align-items:center;column-gap:10px;display:flex}body #spaceStationUI .mainContainer{padding:10px;transition:all .2s ease-in-out;overflow-y:auto;scale:1}body #spaceStationUI .mainContainer.hidden{scale:0}body #spaceStationUI .mainContainer svg text{fill:#fff;font-family:Nasalization,sans-serif;transition:all .2s}body #spaceStationUI .mainContainer svg .pie-slice-group{cursor:pointer}body #spaceStationUI .mainContainer svg .pie-slice-group:hover .pie-slice{scale:1.05}body #spaceStationUI .mainContainer svg .pie-slice-group:hover text{-webkit-text-decoration:underline #fff;text-decoration:underline #fff}body #spaceStationUI .mainContainer svg .pie-slice-group .pie-slice{transition:all .2s;scale:1}body #spaceStationUI .mainContainer .missionList{flex-direction:column;row-gap:10px;display:flex}body #spaceStationUI .mainContainer .missionList .missionItem{background:var(--accent-color-dark);padding:20px;display:flex}body #spaceStationUI .mainContainer .missionList .missionItem .missionDescription{flex-direction:column;flex-grow:1;row-gap:10px;display:flex}body #spaceStationUI .mainContainer .missionList .missionItem .missionDescription h4,body #spaceStationUI .mainContainer .missionList .missionItem .missionDescription p{margin-top:0;margin-bottom:0}body #spaceStationUI .mainContainer .missionList .missionItem .missionButtonContainer{align-items:center;display:flex}body #spaceStationUI .mainContainer .missionList .missionItem .missionButtonContainer button{background:var(--accent-color);color:#fff;font-family:Nasalization,sans-serif;font-size:var(--text-size);border:none;outline:none;padding:1vmin;transition:all .2s}body #spaceStationUI .mainContainer .missionList .missionItem .missionButtonContainer button:hover{background:var(--accent-color-light);cursor:pointer}body #spaceStationUI .mainContainer .missionList .missionItem .missionButtonContainer button.accepted{background:var(--accent-color-light)}body #spaceStationUI .mainContainer .spaceshipContainer{background:var(--accent-color-dark);flex-direction:column;row-gap:10px;padding:20px;display:flex}body #spaceStationUI .mainContainer .spaceshipContainer h3{margin-top:0;margin-bottom:0}body #spaceStationUI .mainContainer .spaceshipContainer .fuelManagementContainer{align-items:center;column-gap:10px;display:flex}body #spaceStationUI .mainContainer .spaceshipContainer .fuelManagementContainer p{flex-grow:1}body #spaceStationUI .spaceStationActions{flex-direction:column;grid-column-start:2;align-items:center;row-gap:10px;padding:10px;display:flex}body #spaceStationUI .spaceStationActions .flexGrow{flex-grow:1}body #spaceStationUI .spaceStationActions .spaceStationAction{background:var(--accent-color-dark);grid-template-columns:75px auto;align-self:stretch;align-items:center;column-gap:10px;padding:10px;transition:all .2s;display:grid;box-shadow:inset 0 0 #fff}body #spaceStationUI .spaceStationActions .spaceStationAction.disabled{background:var(--disabled-color)}body #spaceStationUI .spaceStationActions .spaceStationAction.disabled:hover{cursor:not-allowed;background:var(--disabled-color);box-shadow:inset 0 0 #fff}body #spaceStationUI .spaceStationActions .spaceStationAction img{grid-row:span 2;width:75px;height:75px}body #spaceStationUI .spaceStationActions .spaceStationAction h2,body #spaceStationUI .spaceStationActions .spaceStationAction p{margin-top:0;margin-bottom:0}body #spaceStationUI .spaceStationActions .spaceStationAction:hover{cursor:pointer;background:var(--accent-color);box-shadow:inset 0 0 10px #fff}body #spaceStationUI .discoveryPanel{height:100%}body #spaceStationUI .discoveryPanel .encyclopaediaContainer{min-height:unset}body #spaceStationUI .discoveryPanel .encyclopaediaContainer p{flex-grow:1}body #spaceStationUI .discoveryPanel .buttonHorizontalContainer{min-height:unset}body #spaceStationUI .discoveryPanel .buttonHorizontalContainer select,body #spaceStationUI .discoveryPanel .contentHorizontalContainer{flex-grow:1}body #spaceStationUI .discoveryPanel .contentHorizontalContainer .discoveryList{padding-right:10px}body #spaceStationUI .discoveryPanel .contentHorizontalContainer .discoveryList .listItemContainer{min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content}body #spaceStationUI .discoveryPanel .contentHorizontalContainer .discoveryList .listItemContainer.uploaded{--color-frontier:95%;background:linear-gradient(90deg,var(--accent-color-dark)var(--color-frontier),green var(--color-frontier))}body #spaceStationUI .discoveryPanel .contentHorizontalContainer .discoveryList .listItemContainer.uploaded:hover{background:linear-gradient(90deg,var(--accent-color)var(--color-frontier),green var(--color-frontier))}body #spaceStationUI .discoveryPanel .contentHorizontalContainer .discoveryList .listItemContainer.uploaded.selected{background:linear-gradient(90deg,var(--accent-color-light)var(--color-frontier),green var(--color-frontier))}body #spaceStationUI .discoveryPanel .contentHorizontalContainer .discoveryList .listItemContainer.selected{background:var(--accent-color-light)}body #spaceStationUI .discoveryPanel .contentHorizontalContainer .discoveryList .listItemContainer>*{margin:0}body #spaceStationUI .discoveryPanel .contentHorizontalContainer .discoveryDetails{background:var(--accent-color-dark);flex-grow:1;padding:20px}body #spaceStationUI .discoveryPanel .contentHorizontalContainer .discoveryDetails.empty{justify-content:center;align-items:center}body #spaceStationUI .discoveryPanel .contentHorizontalContainer .discoveryDetails>*{margin:0}body .spaceshipOutfittingUI{background:rgba(0,0,0,.4);grid-template-columns:1fr 2fr 1fr;column-gap:10px;padding:10px;display:grid}body .spaceshipOutfittingUI>div,body .spaceshipOutfittingUI .componentSpec{background:var(--accent-color-dark);padding:10px}body .spaceshipOutfittingUI .componentSlot{padding:10px}body .spaceshipOutfittingUI .componentSpec{flex-direction:column;display:flex}body .spaceshipOutfittingUI .componentSpec h3{margin-bottom:.5em}body .flex-column{flex-direction:column;row-gap:10px;min-width:0;min-height:0;display:flex}body .flex-row{column-gap:10px;min-width:0;min-height:0;display:flex}body .flex-wrap{flex-wrap:wrap;gap:10px}body .overflow-y-auto{overflow-y:auto}body .listItemContainer{background:var(--accent-color-dark);cursor:pointer;padding:10px;transition:all .2s}body .listItemContainer:hover{background:var(--accent-color);box-shadow:inset 0 0 10px #fff}body .flex-1{flex:1}body .flex-2{flex:2}body .flex-3{flex:3}body #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}body #pauseMask #pauseMenu{display:none}body 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}body #mainMenu{z-index:42;width:100vw;height:100vh;display:none;position:absolute}body #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}body #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}body #mainMenu #version a:hover{-webkit-text-decoration:underline #fff;text-decoration:underline #fff}body .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}body .sidePanel.visible{opacity:1;transform:scale(1)}body .sidePanel h2{color:#fff;text-align:center;margin-top:.6em;margin-bottom:.6em;font-family:Nasalization,sans-serif;font-size:3em}body .sidePanel h3{color:#fff;margin-bottom:.5em;font-family:Nasalization,sans-serif;font-size:2em}body .sidePanel #dropFileZone{cursor:pointer;border:3px dashed gray;flex-direction:column;justify-content:center;align-items:center;padding:20px;transition:all .1s;display:flex}body .sidePanel #dropFileZone.dragover{background:rgba(255,255,255,.1)}body .sidePanel #dropFileZone:hover{background:rgba(255,255,255,.05)}body .sidePanel #dropFileZone.invalid{background:rgba(255,0,0,.1)}body .sidePanel #dropFileZone p{color:#fff;text-align:center;font-family:Nasalization,sans-serif;font-size:1.5em;line-height:1.5em}body .sidePanel p{color:#fff;margin-top:0;margin-bottom:0;font-family:Nasalization,sans-serif;font-size:1.25em;line-height:1.5em}body .sidePanel p[data-i18n]{white-space:pre-line}body .sidePanel p.signature{text-align:right;margin:40px 0;padding-right:60px;font-style:italic}body .sidePanel a{color:#fff;-webkit-text-decoration:underline rgba(255,255,255,.5);text-decoration:underline rgba(255,255,255,.5);transition:all .1s}body .sidePanel a:hover{-webkit-text-decoration:underline #fff;text-decoration:underline #fff}body #credits .contributors-image{border-radius:8px;max-width:100%;height:auto}body .close-button{z-index:1000;color:#fff;text-align:center;cursor:pointer;background:0 0;border:none;width:40px;height:40px;padding:0;font-size:28px;line-height:40px;transition:background .2s,color .2s;position:absolute;top:10px;right:10px}body .close-button:hover,body .close-button:focus{background:var(--accent-color);color:#fff;outline:none}body input{color:#fff;font-family:Nasalization,sans-serif;font-size:var(--text-size);background:0 0;border:none;border-bottom:2px solid #fff;outline:none;padding:5px;transition:all .2s}body input:focus{border-bottom:2px solid var(--accent-color)}body .map{color:#fff;flex-direction:column;display:flex}body .map h3{margin-bottom:.5em}body .map .actionMultiple,body .map .actionSingle{border-top:1px solid #fff;font-family:Nasalization,sans-serif}body .map .actionMultiple>p,body .map .actionSingle>p{text-transform:capitalize}body .map .actionSingle,body .map .subAction{padding:10px;transition:all .2s}body .map .actionSingle:hover,body .map .subAction:hover{background-color:rgba(255,255,255,.1)}body .map .actionSingle{flex-direction:row;justify-content:space-between;display:flex}body .map .actionMultiple{flex-direction:column;padding:10px;display:flex}body .map .actionMultiple .subAction{flex-direction:row;justify-content:space-between;padding-left:30px;display:flex}body .map .actionMultiple .subAction>p{text-transform:capitalize;border-left:1px solid #fff;padding-left:10px}body .map .valuesContainer{flex-direction:row;justify-content:space-between;align-items:center;column-gap:10px;display:flex}body .map .valuesContainer p{text-align:center;border:1px solid #fff;min-width:50px;padding:0 10px}body #babylonjsLoadingDiv{opacity:0;pointer-events:none;z-index:100;--column-gap:1vw;--logoSize:5vw;--progressBarHeight:.5vmin;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(aa9034331eab4b77.webp)!important}body #babylonjsLoadingDiv h1{position:absolute;top:0}body #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%}body #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}body #babylonjsLoadingDiv .imageSpinnerContainer{width:var(--logoSize);position:relative}body #babylonjsLoadingDiv .imageSpinnerContainer .loadingSpinner{transform-origin:50%;animation:.75s linear infinite spin1}body .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)}}body .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}body .targetCursorRoot.transparent{opacity:0;pointer-events:none}body .targetCursorRoot .targetCursor{--s:max(2vmin,calc(var(--dim)*.4));--t:.4vmin;--g:.8vmin;padding:calc(var(--g) + var(--t));outline:var(--t)solid #fff;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}body .targetCursorRoot .targetCursor.rounded{border-radius:50%}body .targetCursorRoot .targetCursor.rotated{rotate:45deg}body .targetCursorRoot .targetCursor.target{outline-color:#daa520;scale:1.05}body .targetCursorRoot.hidden{display:none}body .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}body .targetCursorRoot .targetCursorText p{font-size:var(--text-size);margin-top:0;margin-bottom:0}body .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}}body .starMapUI{cursor:none;z-index:30}body .starMapUI .cursor{z-index:31;pointer-events:none;transform-origin:50%;background:rgba(0,0,0,.8);border-radius:50%;outline:.3vh solid #fff;width:2vh;height:2vh;transition:scale .2s cubic-bezier(.34,-1.87,.74,2.99);position:absolute;transform:translate(-50%,-50%)scale(1)}body .starMapUI .systemIcons{flex-direction:column;row-gap:10px;width:30px;display:flex;position:absolute;transform:translateY(-50%)translate(calc(-100% - 25px))}body .starMapUI .systemIcons div{transition:all .2s}body .starMapUI .systemIcons div:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}body .starMapUI .systemIcons.transparent{opacity:0}body .starMapUI .systemIcons .bookmarkIcon{aspect-ratio:1;background-image:url(83fb38b45c41d04b.webp);background-size:contain;width:100%}body .starMapUI .systemIcons .missionIcon{aspect-ratio:1;background-image:url(604a30c9dd0496ed.webp);background-size:contain;width:100%}body .starMapUI .shortHandUI{z-index:5;color:#fff;flex-direction:column;row-gap:1vmin;padding:2vmin;font-family:Nasalization,sans-serif;display:flex;position:absolute}body .starMapUI .shortHandUI h2,body .starMapUI .shortHandUI p{margin-top:0;margin-bottom:0}body .starMapUI .shortHandUI h2{font-size:var(--h2-size)}body .starMapUI .shortHandUI p{font-size:var(--text-size)}body .starMapUI .shortHandUI .buttonContainer{column-gap:.5vmin;display:flex}body .starMapUI .shortHandUI button{background:var(--accent-color);cursor:none;color:#fff;font-family:Nasalization,sans-serif;font-size:var(--text-size);border:none;outline:none;padding:1vmin;transition:all .2s}body .starMapUI .shortHandUI button:hover{background:var(--accent-color-light)}body .starMapUI .shortHandUI button:disabled{background:var(--disabled-color);color:#c8c8c8}body .starMapUI .shortHandUI button:disabled:hover,body .starMapUI .shortHandUI button:disabled:active{background:var(--disabled-color)}body .starMapUI .shortHandUI button:active{background:var(--accent-color-dark)}body .starMapUI .shortHandUI button.bookmarked{background:#daa520}body .starMapUI .shortHandUI button.bookmarked:active{background:#b8860b}body .starMapUI .shortHandUI button.bookmarked:hover{background:gold}body .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}body .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}body .starMapUI .starMapInfoPanel h1,body .starMapUI .starMapInfoPanel p{margin-top:.5vh;margin-bottom:.5vh}body .starMapUI .starMapInfoPanel .starMapInfoPanelStarPreview{background:#fff;border-radius:50%;align-self:center;width:15vmin;height:15vmin;margin:3vh 0;box-shadow:0 0 30px #fff}body .starMapUI .starMapInfoPanel .starMapInfoPanelTitle{text-align:center;font-size:var(--h1-size)}body .starMapUI .starMapInfoPanel .starMapInfoPanelStarSector{font-size:var(--h2-size);text-align:center;padding:0 1vw}body .starMapUI .starMapInfoPanel h2{font-size:var(--h2-size)}body .starMapUI .starMapInfoPanel p{font-size:var(--text-size)}body .starMapUI .starMapInfoPanel hr{border:0;border-top:1px solid #fff;width:100%;margin:1vh auto}body .starMapUI.hidden{display:none}body .tutorialLayer{z-index:35;pointer-events:none;position:relative}body .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}body .tutorialLayer .tutorialPanel.hidden{transform:translate(-100%)}body .tutorialLayer .tutorialPanel h1{text-align:center;color:#fff;font-size:var(--h1-size);flex-grow:0;margin-top:2vh;margin-bottom:2vh}body .tutorialLayer .tutorialPanel .tutorialContentContainer{flex-grow:1;overflow-y:auto}body .tutorialLayer .tutorialPanel .tutorialContentContainer .tutorialContent p{color:#fff;line-height:1.5em;font-size:var(--text-size);padding:0 .7vw}body .tutorialLayer .tutorialPanel .tutorialContentContainer .tutorialContent h2{color:#fff;font-size:var(--h2-size);margin-top:0;margin-bottom:1vh;padding:0 .7vw}body .tutorialLayer .tutorialPanel .tutorialContentContainer .tutorialContent img{flex-grow:0;width:100%;height:auto}body .tutorialLayer .tutorialPanel .tutorialControls{flex-grow:0;justify-content:space-evenly;width:100%;margin-bottom:1vh;display:flex}body .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}body .tutorialLayer .tutorialPanel .tutorialControls p span{padding:.3vw}body .tutorialLayer .tutorialPanel .tutorialControls p span.keySpan{font-weight:700;font-size:calc(var(--text-size)*.75);background:rgba(0,0,0,.3)}body .tutorialLayer .tutorialPanel .tutorialControls p.disabled{color:rgba(0,0,0,.5);pointer-events:none;cursor:not-allowed;background:rgba(255,255,255,.5)}body .sidePanel#tutorials{overflow-x:hidden}body .sidePanel#tutorials .tutorialsMenuContainer{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:20px;padding:0 20px 20px;display:flex}body .sidePanel#tutorials .tutorialsMenuContainer>*{background:rgba(0,0,0,.8);width:300px;transition:all .2s;box-shadow:inset 0 0 5px rgba(255,255,255,.5)}body .sidePanel#tutorials .tutorialsMenuContainer>:hover{cursor:pointer;box-shadow:inset 0 0 10px rgba(255,255,255,.8)}body .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}body .sidePanel#tutorials .tutorialsMenuContainer .moreWillCome:hover{cursor:default}body .sidePanel#tutorials .tutorialsMenuContainer .tutorial{flex-direction:column;justify-content:flex-start;align-items:center;row-gap:10px;padding:10px;display:flex}body .sidePanel#tutorials .tutorialsMenuContainer .tutorial h2{color:#fff;margin-top:.6em;margin-bottom:.6em;font-family:Nasalization,sans-serif;font-size:3em}body .sidePanel#tutorials .tutorialsMenuContainer .tutorial img{width:100%}body .sidePanel#tutorials .tutorialsMenuContainer .tutorial p{color:#fff;padding:0 20px;font-family:Nasalization,sans-serif;font-size:1.25em;line-height:1.5em}body #inspectorLayer{z-index:40;width:100%;height:100%;display:none;position:absolute;top:0;left:0}body #loadSavePanel{padding:10px}body .saveLoadingPanelContent,body .cmdrList{flex-direction:column;row-gap:10px;display:flex}body .cmdrList .cmdr{--cmdr-color:rgba(50,50,50,.5)}body .cmdrList .cmdr .cmdrHeader{background:var(--cmdr-color);justify-content:space-between;padding:10px 20px;display:flex}body .cmdrList .cmdr .cmdrHeader .cmdrHeaderText{flex-direction:column;row-gap:10px;display:flex}body .cmdrList .cmdr .cmdrHeader .cmdrHeaderText h3,body .cmdrList .cmdr .cmdrHeader .cmdrHeaderText p{margin-top:0;margin-bottom:0}body .cmdrList .cmdr .cmdrHeader .cmdrHeaderButtons{align-items:center;column-gap:10px;display:flex}body .cmdrList .cmdr .savesList{flex-direction:column;display:flex}body .cmdrList .cmdr .savesList.hidden{display:none}body .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}body .cmdrList .cmdr .savesList .saveContainer .saveText{flex-direction:column;justify-content:center;row-gap:10px;padding-left:10px;display:flex}body .cmdrList .cmdr .savesList .saveContainer .saveText p{margin-top:0;margin-bottom:0}body .cmdrList .cmdr .savesList .saveContainer .saveButtons{align-items:center;column-gap:10px;display:flex}body 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}body select:hover{background:var(--accent-color);box-shadow:inset 0 0 10px #fff}body 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:Nasalization,sans-serif;font-size:var(--size);line-height:var(--size);cursor:pointer;border:none;outline:none;padding:1vmin;transition:background-color .3s}body button.icon{display:flex}body button.icon img{height:calc(var(--size))}body button.large{--size:calc(1.2*var(--text-size))}body button:hover{background-color:var(--button-hover-bg-color)}body button:active{background-color:var(--button-active-bg-color)}body button.active{background-color:var(--button-hover-bg-color)}body button.danger{--button-bg-color:#c20202;--button-hover-bg-color:red;--button-active-bg-color:darkred}body 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}body 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}body ::-ms-backdrop{background-color:rgba(0,0,0,.8)}body ::backdrop{background-color:rgba(0,0,0,.8)}body dialog{z-index:1000;color:#fff;font-family:Nasalization,sans-serif;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{body dialog{scale:0}}body dialog form{flex-direction:column;display:flex}body dialog form menu{justify-content:center;column-gap:10px;display:flex}body 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}body 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}body 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}body 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}body 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}body 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}body #renderer{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}