body{margin:0;padding:0;background:#04090b;color:#effff8;font-family:Segoe UI,Arial,sans-serif;overflow:hidden;-webkit-user-select:none;user-select:none}*{box-sizing:border-box}button{font:inherit}.demo-shell{position:relative;width:100vw;height:100vh;overflow:hidden}.demo-title{position:absolute;top:18px;left:22px;display:grid;gap:2px;pointer-events:none;letter-spacing:.08em}.demo-title strong{font-size:clamp(18px,2.4vw,30px)}.demo-title span{color:#9bd8b3;font-size:11px;letter-spacing:.28em}.demo-title small{margin-top:6px;color:#ebfff5ad;font-size:11px;letter-spacing:0}.galaxy-background{position:absolute;top:0;right:0;bottom:0;left:0;object-fit:cover;filter:brightness(.42) saturate(.72);pointer-events:none}.planet-button{position:absolute;min-width:12px;min-height:12px;padding:0;border:0;background:transparent;cursor:pointer}.planet-button:focus-visible{outline:2px solid #e9fff0;outline-offset:4px}.planet-name{color:#fff;font-size:12px;line-height:1;text-shadow:0 0 8px #baffcc;white-space:nowrap}#buttonWrap{position:absolute;left:50%;bottom:18px;transform:translate(-50%);z-index:20}@media(max-width:700px){.demo-title small{display:none}}#mapbox{position:absolute;bottom:16px;left:16px;display:block;width:min(280px,36vw);z-index:12}#map{width:99%}#lobbybox{position:absolute;width:min(280px,36vw);left:16px;top:110px;z-index:12}#audiobox{position:absolute;width:10vw;left:89vw;top:0vh}#actionButton{position:relative;border-radius:3px;cursor:pointer}#actionButton:disabled{cursor:default}.scrollbar::-webkit-scrollbar{width:2%;background:transparent}.scrollbar::-webkit-scrollbar-thumb{background:#444}.themeHoverDefault{opacity:.8;transition:opacity .1s ease-out}.themeHoverDefault:hover{opacity:1}.themeHoverStrong{opacity:.5;transition:opacity .1s ease-out}.themeHoverStrong:hover{opacity:1}.themeBackgroundDefault{padding:5px;background-color:#b4ffb433;opacity:.8;transition:opacity .1s ease-out;-webkit-backface-visibility:hidden}.themeBackgroundDefault:hover{opacity:1}.themeBackgroundNoHover{padding:5px;background-color:#b4ffb433;opacity:.8}.themeBackgroundGrey{padding:5px;background-color:#a0a0a033;opacity:.8;transition:opacity .1s ease-out;-webkit-backface-visibility:hidden}.themeBackgroundGrey:hover{opacity:.6}.themeBackgroundGreyNoHover{padding:5px;background-color:#a0a0a033;opacity:.8}.themeBackgroundGreyDark{padding:5px;background-color:#14141466;opacity:.8;transition:opacity .1s ease-out;-webkit-backface-visibility:hidden}.themeBackgroundGreyDark:hover{opacity:.6}.themeBackgroundGreyDarkNoHover{padding:5px;background-color:#14141466;opacity:.8}.themeBorderDefault{border-style:solid;border-width:1px;border-color:#beffbe80;border-radius:2px}.themeBorderGrey{border-style:solid;border-width:1px;border-color:#aaaaaa80;border-radius:2px}.playerSlot{margin-top:2px;margin-bottom:2px;border-radius:5px;font-weight:700;padding-left:5px;padding-right:5px}.themeShadowDefault{box-shadow:0 0 10px 1px #96ff96cc}.themeShadowGrey{box-shadow:0 0 10px 1px #969696cc}.themeTextDefault{cursor:default;color:azure;font-family:Arial;text-shadow:0px 0px 10px rgba(190,255,190,1)}.themeTitleDefault{cursor:default;color:azure;font-family:Arial;letter-spacing:1px;text-shadow:0px 0px 13px rgba(190,255,190,1)}.themeTextarea{cursor:auto;margin-left:calc(-5px + 4%);width:90%;height:1em;resize:none;overflow:hidden}.themeButton{font-size:clamp(16px,2.2vw,28px);padding-left:2vw;padding-right:2vw}.themeButton:hover{color:#fff}.noPadding{padding:0}#animation-frame svg{width:100%;height:100%;padding:0%;animation-name:selectorOpen;animation-duration:.4s;stroke-width:3px}.animation-frame-open .animated-child{stroke:#a0ffa0;width:100%;height:100%;padding:0%;animation-name:selectorOpen;animation-duration:.4s}.animation-frame-close .animated-child{stroke:#a0ffa0;animation-name:selectorClose;animation-duration:.4s;width:1%;height:1%;padding:50%}@keyframes selectorOpen{0%{display:block;padding-top:48%;padding-left:48%;height:4%;width:4%}66%{padding-top:48%;padding-left:0%;height:4%;width:100%}to{padding-top:0%;width:100%;height:100%}}@keyframes selectorClose{0%{padding-top:0%;padding-left:0%;width:100%;height:100%}33%{padding-top:48%;padding-left:0%;height:4%;width:100%}to{padding-top:48%;padding-left:48%;height:4%;width:4%}}