:root{--page-font-size:clamp(.2rem, 2vw + 1vh, 5rem)}*,:before,:after{box-sizing:border-box;margin:0;padding:0;font-family:nasalization}body{min-height:100vh;min-width:100vw;min-height:100dvh;justify-content:center;align-items:center;min-width:100dvw;display:flex}.maindiv{height:99vh;width:99vw;height:99dvh;width:99dvw;display:flex}.containerdiv{height:99vh;width:99vw;height:99dvh;grid-template-rows:auto 1fr auto;grid-template-areas:"header""body""footer";width:99dvw;display:grid}.headerdiv{grid-area:header}.hmenu{justify-content:center;align-items:center;height:100%;list-style:none;display:flex;position:relative}li{z-index:10;justify-content:center;align-items:center;width:20%;display:flex;position:relative}.headerdiv a{color:#fff;z-index:9;text-align:center;border-radius:calc(1dvw + 1dvh);outline:2px solid #2afd00;width:100%;padding:0 0 1.5dvh;font-size:clamp(.5rem,2dvw + 1.5dvh,4rem);text-decoration:none;transition:color .2s .4s;position:relative;overflow:hidden}@keyframes zoom{0%,to{transform:rotate(0)scale(1)}50%{transform:rotate(3deg)scale(.97)}}.headerdiv a:hover,.headerdiv a:focus{text-shadow:0 0 8px #fff9;font-weight:900;color:#fff!important}.headerdiv a.menuactive:hover,.headerdiv a.menuactive:focus{text-shadow:none;color:#000!important}.headerdiv a:not(.menuactive):before{content:"";opacity:.1;background-color:#dee2e6;border-radius:calc(1dvw + 1dvh);position:absolute}.headerdiv a:not(.menuactive):after{content:"";transform-origin:50%;z-index:6;background:#2afd00;border-radius:50%;width:80%;height:.7dvh;transition:transform .4s cubic-bezier(.4,0,.2,1);position:absolute;bottom:.1em;left:10%;transform:scaleX(0)}.headerdiv a:not(.menuactive):hover:after,.headerdiv a:not(.menuactive):focus:after{transform:scaleX(1)}.headerdiv a:not(.menuactive):active:after{transform:scaleX(1.1)}.headerdiv a.menuactive{color:#000;background-color:#e74c3c;border-radius:calc(1dvw + 1dvh)}.headerdiv a.menuactive:before{content:"";z-index:5;background:#fff;border-radius:50%;width:80%;height:.7dvh;position:absolute;bottom:.1em;left:10%;right:10%}.headerdiv a.menuactive:after{content:"";transform-origin:50%;z-index:6;background:#fff;border-radius:50%;width:80%;height:.7dvh;transition:transform .7s;position:absolute;bottom:.1em;left:10%;right:10%;transform:scaleX(0)}.headerdiv a.menuactive:hover:after,.headerdiv a.menuactive:focus:after{transform:scaleX(1)}.headerdiv a.menuactive:hover:before,.headerdiv a.menuactive:focus:before{opacity:0}.headerdiv a.menuactive:hover,.headerdiv a.menuactive:focus{font-weight:900}.headerdiv a{outline-offset:-2px;transition:color .2s .4s,outline-color .3s,box-shadow .3s}.headerdiv a:not(.menuactive):hover,.headerdiv a:not(.menuactive):focus{outline-color:#2afd00;box-shadow:0 0 8px #2afd0080,inset 0 0 8px #2afd0026}.headerdiv a:not(.menuactive):active{outline-color:#2afd00;box-shadow:0 0 14px #2afd00b3,inset 0 0 12px #2afd0040}.headerdiv a.menuactive{transition:box-shadow .3s;box-shadow:0 0 6px #e74c3c66}.headerdiv a.menuactive:hover,.headerdiv a.menuactive:focus{box-shadow:0 0 14px #e74c3cb3,inset 0 0 8px #e74c3c33}.logo-img{cursor:pointer;border-radius:50%;width:30%;height:100%;transition:filter .3s,box-shadow .3s,transform .3s}@keyframes logo-spin{0%{transform:rotate(0)scale(1)}to{transform:rotate(360deg)scale(1)}}@keyframes logo-glow{0%,to{box-shadow:0 0 #e74c3c,0 0 20px #011a30}50%{box-shadow:0 0 32px #e74c3c,0 0 48px #fff}}.logo-img:hover,.logo-img:focus{filter:brightness(1.5)saturate(1.3)drop-shadow(0 0 12px #ffa600);animation:1.5s linear infinite logo-spin,1s infinite alternate logo-glow}.logo-img.reverse-spin{animation-name:logo-spin,logo-glow;animation-duration:1.5s,1s;animation-timing-function:cubic-bezier(.68,-.55,.27,1.55);animation-iteration-count:1,1;animation-direction:reverse,alternate;animation-play-state:running,running;animation-delay:0s,0s;animation-fill-mode:none,none;animation-timeline:auto,auto}.solar-wrapper{z-index:0;pointer-events:none;width:100dvw;height:100dvh;position:fixed}.solar-wrapper canvas{opacity:0;transition:opacity .5s}.solar-wrapper canvas.ready{opacity:1}.planet-wrapper{animation:1s cubic-bezier(.68,-.55,.27,1.55) fadeIn}@keyframes fadeIn{0%{opacity:0;transform:scale(.1)}to{opacity:1;transform:scale(1)}}#locate-human-btn{color:#2afd00;cursor:pointer;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);white-space:nowrap;background:#0a0a0ad9;border:1px solid #2afd00;border-radius:8px;max-width:90vw;padding:.6rem 1.2rem;font-family:inter,sans-serif;font-size:clamp(.45rem,1.2vw,1rem);font-weight:700;transition:all .3s;position:fixed;top:15vh;right:2vw;box-shadow:0 0 10px #2afd0033}#locate-human-btn:hover{background:#2afd0033;transform:scale(1.05);box-shadow:0 0 20px #2afd0099}@media (max-width:820px){#locate-human-btn{border-radius:6px;padding:.4rem .8rem;font-size:.55rem;top:12vh;right:1.5vw}}@media (max-width:600px){#locate-human-btn{border-radius:5px;padding:.3rem .6rem;font-size:.45rem;top:10vh;right:1vw}}.planet-label{color:#2afd00;letter-spacing:2px;text-transform:uppercase;pointer-events:none;opacity:0;text-shadow:0 0 5px #000,0 0 10px #2afd00;z-index:10;font-family:inter,monospace;font-size:.85rem;font-weight:700;transition:opacity .3s;position:absolute;top:0;left:0}.planet-label.visible{opacity:.8}.planet-label.sun-label{color:#111;text-shadow:none;font-size:1.1rem}.planet-label.moon-label{letter-spacing:1px;font-size:.7rem;font-style:italic}#earth-message{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#b0d4ff;letter-spacing:.5px;text-align:center;z-index:1000;opacity:0;pointer-events:none;background:#000000bf;border:1px solid #1e90ff4d;border-right:2px solid #1e90ff;border-radius:12px;max-width:min(600px,90vw);padding:1.2rem 2rem;font-family:inter,sans-serif;font-size:clamp(.65rem,1.5vw,1.05rem);line-height:1.7;transition:opacity .8s;animation:.75s step-end infinite blink-cursor;position:fixed;bottom:12vh;left:50%;transform:translate(-50%)}#earth-message.visible{opacity:1}@keyframes blink-cursor{50%{border-right-color:#0000}}@media (max-width:600px){#earth-message{border-radius:8px;padding:.7rem 1rem;bottom:8vh}}.bodydiv{grid-area:body;justify-content:center;align-items:center;display:flex}.hkjhome .bodydiv{justify-content:stretch;align-items:stretch}.space-facts-label{z-index:100;pointer-events:none;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:flex-end;gap:.2dvh;display:flex;position:fixed;bottom:.4dvh;right:.4dvw}.not-for-scale-label{color:#a9a5a5;background:#141414d9;border-radius:calc(1dvw + .5dvh);padding:.1rem .4rem;font-size:clamp(.2rem,1dvw + .5dvh,.6rem);box-shadow:0 2px 8px #0004}.space-fact{color:#b0b0b0;letter-spacing:.3px;font-size:clamp(.3rem,.9dvw + .4dvh,.55rem);font-style:italic}.space-credit{color:#555;letter-spacing:.2px;font-size:clamp(.15rem,.5dvw + .2dvh,.4rem)}.footerdiv{text-align:center;color:#fff;z-index:1;pointer-events:none;-webkit-user-select:none;user-select:none;grid-area:footer;justify-content:center;align-items:center;font-size:clamp(4px,2dvw + 1dvh,16px);display:flex}@media (max-width:1200px){.headerdiv a{padding:0 0 .8dvh;font-size:clamp(.5rem,3vw + 1.5vh,2.2rem)}}@media (max-width:600px){.headerdiv a{padding:0 0 1dvh;font-size:clamp(.5rem,1.5vw + 1vh,1.4rem)}}.logo-item{justify-content:center;display:flex;position:relative}.logo-tooltip{color:#fff;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;letter-spacing:0;z-index:100;background:linear-gradient(135deg,#141414f2,#282828f2);border:1px solid #ffffff26;border-radius:8px;padding:.3rem .75rem;font-family:inter,sans-serif;font-size:.85rem;font-weight:500;transition:all .4s cubic-bezier(.68,-.55,.27,1.55);position:absolute;top:100%;left:50%;transform:translate(-50%)translateY(15px)scale(.8);box-shadow:0 4px 12px #00ffff26}.logo-tooltip:before{content:"";border:6px solid #0000;border-top-width:0;border-bottom-color:#282828f2;position:absolute;top:-6px;left:50%;transform:translate(-50%)}.logo-item:hover .logo-tooltip,.logo-img:hover+.logo-tooltip{opacity:1;visibility:visible;transform:translate(-50%)translateY(5px)scale(1)}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}