body{text-align:center;color:#fff;font-optical-sizing:auto;background:#000;font-family:Orbitron,sans-serif;font-style:normal}#navbar{opacity:.9;justify-content:center;align-items:center;width:50%;margin-left:25%;display:flex}#navbartitle{color:#fff;margin-left:1rem;font-size:1.5rem}#tree{margin-top:80px}#constellation-bg{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}body{background:#02040a;overflow-x:hidden}.systems-row{justify-content:space-around;max-width:100%;margin:0 auto;padding-top:0;display:flex;position:relative}.systems-row:before{content:"";background:linear-gradient(90deg,#0000,#6eaaffcc,#b4d2ffe6,#6eaaffcc,#0000);height:5px;position:absolute;top:-40px;left:8%;right:8%;box-shadow:0 0 8px #64a0ff80,0 0 16px #64a0ff33}.systems-row:after{content:"";background:#fff;border-radius:50%;width:8px;height:8px;animation:6s linear infinite travel;position:absolute;top:-42px;left:8%;box-shadow:0 0 10px #8ec5ff,0 0 20px #4d8cff}@keyframes travel{0%{left:8%}to{left:92%}}body{opacity:0;animation:.4s forwards fadeIn}@keyframes fadeIn{to{opacity:1}}.system-node{color:#fff;background:#000;border-radius:18px;justify-content:center;align-items:center;width:180px;padding:20px;text-decoration:none;transition:all .25s;display:flex;position:relative}.system-node:before{content:"";background:#82b4ff8c;width:2px;height:60%;position:absolute;top:-40%;left:50%;box-shadow:0 0 8px #78aaff73}.system-node:hover{background:#343f6b;box-shadow:0 0 20px #00f3ff80}#helpbutton{color:#fff;cursor:pointer;background:#252d4dcc;border:1px solid #00f3ff40;border-radius:20px;padding:10px 18px;font-family:Orbitron,sans-serif;transition:all .2s;position:fixed;bottom:20px;right:25px}#helpbutton:hover{background:#343f6b;border-color:#00f3ff;transform:translate(-3px)}#sunimg{aspect-ratio:1;object-fit:contain;width:80%}#trappistimg{aspect-ratio:1;object-fit:contain;width:60%;margin-left:10px}#alphacentauriimg{aspect-ratio:1;object-fit:contain;width:70%}#taucetiimg{aspect-ratio:1;object-fit:contain;width:90%}#a55cancriimg{aspect-ratio:1;object-fit:contain;width:80%}.system-info{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;z-index:10;background:#050a19eb;border:1px solid #82b4ff40;border-radius:8px;width:180px;padding:12px 14px;transition:opacity .25s,transform .25s;position:absolute;top:100%;left:50%;transform:translate(-50%,10px)}.system-node:hover .system-info{opacity:1;transform:translate(-50%,18px)}.system-info strong{margin-bottom:7px;font-family:Orbitron,sans-serif;font-size:13px;display:block}.system-info span{color:#a8b4ca;font-family:"Exo 2",sans-serif;font-size:12px;line-height:1.5;display:block}.system-node img{transition:transform .3s,filter .3s}.system-node:hover img{filter:brightness(1.15)drop-shadow(0 0 18px #78aaff8c);transform:scale(1.1)}