*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:#000;width:100vw;height:100vh;overflow:hidden}.hoshi{color:#d5dbe4;background:#020305;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.scene-overlay{pointer-events:none;position:absolute;inset:0;overflow:hidden}.distance-panel{text-shadow:0 1px 8px #000;position:absolute;top:28px;left:30px}.eyebrow{letter-spacing:.15em;color:#9da7b8;font-size:10px;font-weight:500}.eyebrow span,.oort-note span{color:#4b5565;padding:0 8px}.distance-detail{color:#758192;font-variant-numeric:tabular-nums;margin-top:6px;font-size:13px}.body-selector{color:#9da7b8;pointer-events:auto;z-index:20;align-items:center;gap:10px;font-size:11px;display:flex;position:absolute;top:76px;right:28px}.body-selector select{color:#d5dbe4;font:inherit;background:#080d15;border:1px solid #ffffff26;border-radius:4px;padding:7px 10px}.body-panel{pointer-events:auto;z-index:20;background:#080d15df;border:1px solid #ffffff16;border-radius:4px;padding:14px;font-size:11px;line-height:1.9;position:absolute;top:145px;left:30px}.body-panel strong{font-size:15px;font-weight:500}.body-panel{max-width:min(320px,100% - 36px)}.body-panel p{color:#8794a6;margin:8px 0 0}.body-panel a{color:#91b5ce}.binary-guides{pointer-events:none;position:absolute;inset:0}.binary-label{color:#d2dcec;text-shadow:0 1px 5px #000;font-size:12px;position:absolute;top:0;left:0}.binary-label[data-component=o]{color:#e8dfc7}.binary-ruler{color:#8a9aaa;width:100%;height:100%}.binary-ruler text{fill:currentColor;font:12px monospace}.label-text:is(button){color:inherit;font:inherit;cursor:pointer;text-shadow:inherit;background:0 0;border:0}.label-text:is(button):focus-visible{outline:1px solid #91b5ce}.scale-navigation{pointer-events:auto;gap:4px;display:flex;position:absolute;top:28px;right:28px}.scale-navigation button{color:#9da7b8;font:inherit;cursor:pointer;background:#05080db3;border:1px solid #ffffff16;border-radius:4px;padding:9px 12px;font-size:11px;transition:color .2s,border-color .2s}.scale-navigation button:hover,.scale-navigation button:focus-visible{color:#fff;border-color:#b6c8e366;outline:none}.scale-navigation button[aria-pressed=true]{color:#c9e3ed;background:#16252de0;border-color:#7ca4b077}.hoshi canvas:focus{outline:none}.scene-label{opacity:0;white-space:nowrap;text-shadow:0 1px 5px #000,0 0 3px #000;-webkit-user-select:none;user-select:none;pointer-events:auto;font-size:12px;position:absolute;top:0;left:0}.label-text{transform-origin:0;background:0 0;padding:1px 2px;transition:transform .15s;display:block}.scene-label:hover{z-index:10;opacity:1!important}.scene-label:hover .label-text{color:#edf4ff;background:0 0;transform:scale(1.2)}.distance-panel,.scale-navigation{z-index:20}.scene-label.sun{color:#f4e7c8}.companion-label{color:#b5becd;white-space:nowrap;text-shadow:0 1px 3px #000,0 0 5px #000;-webkit-user-select:none;user-select:none;font-size:9px;display:block;transform:translate(8px,-8px)}.scene-label.star{color:#b5becd;text-shadow:0 1px 3px #000,0 0 5px #b4d8ed38;font-size:9px}.scene-label.star .label-text{transition:transform .28s,color .28s}.scene-label.star:hover .label-text,.scene-label.star:focus-within .label-text{color:#edf4ff;transform:scale(1.7856)}.scene-label.is-target{z-index:11}.scene-label.is-target .label-text{color:#b8e6ed;background:0 0}.label-text:disabled{cursor:default}.aim-reticle{border:1px solid #89c9d18c;border-radius:50%;width:24px;height:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.aim-panel{color:#afc4d0;pointer-events:auto;z-index:20;background:#080d15df;border:1px solid #89c9d133;border-radius:4px;gap:6px;padding:12px;font-size:11px;display:grid;position:absolute;top:125px;right:28px}.aim-panel strong{color:#c7e3e8;font-weight:500}.aim-panel button{color:#afc4d0;cursor:pointer;font:inherit;background:0 0;border:1px solid #ffffff26;border-radius:3px;margin-top:4px;padding:5px 8px}.scene-label.oort{color:#9ba7b8;font-family:monospace;font-size:14px}.light-year-ruler{color:#b9c0ca;opacity:0;width:100%;height:100%;position:absolute;inset:0}.light-year-ruler text{fill:currentColor;letter-spacing:.03em;font-family:monospace;font-size:14px}.oort-note{opacity:0;color:#94a0b1;font:11px monospace;position:absolute;bottom:72px;left:30px}.scene-footer{color:#636e7e;justify-content:space-between;gap:20px;font-size:10px;line-height:1.6;display:flex;position:absolute;bottom:22px;left:30px;right:30px}@media (width<=700px){.aim-panel{max-width:calc(100% - 36px);top:142px;right:18px}.body-selector{flex-direction:column;align-items:end;gap:4px;top:20px;right:18px}.body-panel{padding:10px;font-size:10px;top:123px;left:18px}.distance-panel{top:20px;left:18px}.scale-navigation{inset:auto auto 66px 18px}.scene-footer{bottom:15px;left:18px;right:18px}.navigation-hint{display:none}.navigation-hint.flight-hint{display:block}.scene-footer:has(.flight-hint){flex-direction:column;gap:3px}.scale-navigation{flex-wrap:wrap;right:18px}.oort-note{bottom:115px;left:18px}}.star-search{pointer-events:auto;z-index:35;width:300px;font-size:11px;position:absolute;top:119px;right:28px}.star-search label{color:#9da7b8;margin-bottom:5px;display:block}.star-search input{box-sizing:border-box;color:#d5dbe4;width:100%;font:inherit;background:#080d15f5;border:1px solid #ffffff30;border-radius:4px;padding:9px 10px}.star-search input:focus{outline:1px solid #80aabb}.search-dropdown{background:#080d15fa;border:1px solid #ffffff30;border-radius:4px;max-height:55vh;overflow:auto}.search-dropdown [role=status]{color:#8e9aa9;padding:8px 10px}.search-dropdown ul{margin:0;padding:0;list-style:none}.search-dropdown li{cursor:pointer;border-top:1px solid #ffffff10;gap:5px;padding:10px;display:grid}.search-dropdown li[aria-selected=true]{background:#1a303e}.search-dropdown li span{color:#95a9ba;line-height:1.5}.star-identifiers{overflow-wrap:anywhere;color:#9da7b8;max-width:300px}.aim-panel{top:190px}@media (width<=700px){.star-search{width:min(260px,100% - 36px);top:86px;right:18px}.body-panel,.aim-panel{top:158px}}.panel-close{float:right;color:#d6dfeb;cursor:pointer;background:0 0;border:1px solid #526173;border-radius:4px;margin:-5px -5px 4px 10px;padding:2px 9px;font-size:21px}.panel-close:hover{background:#233040}.pulsar-legend{color:#a6cbd3;pointer-events:auto;z-index:21;background:#061117e8;border:1px solid #4ac5d644;border-radius:5px;max-width:min(440px,100% - 60px);padding:12px 15px;font-size:11px;line-height:1.8;position:absolute;bottom:65px;left:30px}.pulsar-legend strong,.pulsar-legend span{display:block}.pulsar-legend button{color:#c8f5f5;cursor:pointer;background:#12282e;border:1px solid #6fcdd15c;border-radius:4px;margin:8px 0;padding:6px 12px}.pulsar-legend summary{cursor:pointer}.pulsar-legend a{color:#8adee6}.pulsar-list{max-height:180px;margin:7px 0;overflow:auto}.pulsar-label{white-space:nowrap;color:#8edee8;text-shadow:0 1px 4px #000;margin:9px 0 0 10px;font:11px monospace;display:block}.scale-navigation{flex-wrap:wrap;justify-content:flex-end;max-width:calc(100% - 360px)}@media (width<=900px){.scale-navigation{max-width:calc(100% - 40px);top:115px;right:20px}.body-selector{top:72px}.star-search{top:210px}.pulsar-legend{bottom:80px;left:18px}}.pulsar-label{cursor:help;background:0 0;border:0;width:20px;height:20px;margin:-10px 0 0 -10px;padding:0;position:relative}.pulsar-label span{opacity:0;background:#051016e6;border-radius:3px;padding:2px 4px;position:absolute;top:4px;left:22px}.pulsar-label:hover span,.pulsar-label:focus-visible span{opacity:1}.pulsar-label:focus-visible{border-radius:50%;outline:1px solid #6bdde8}.galaxy-marker{color:#cdeff4;white-space:nowrap;text-shadow:0 1px 8px #000;padding-left:15px;font-size:12px;transform:translateY(-50%)}.galaxy-marker i{border:1px solid #98dce7;border-radius:50%;width:9px;height:9px;position:absolute;top:calc(50% - 5px);left:-5px;box-shadow:0 0 9px #75b6cc55}.galaxy-center{color:#efdbc7;padding-left:16px}.galaxy-loading{color:#b4d4e1;font-size:13px;position:absolute;bottom:100px;left:30px}@media (width<=1200px){.scale-navigation{flex-wrap:wrap;top:130px;left:22px;right:22px}}@media (width>=901px) and (width<=1200px){.star-search{top:182px}.body-panel,.aim-panel{top:240px}}.barra-distancia{--superior:180px;--inferior:105px;right:26px;top:calc(var(--superior) + (100% - var(--superior) - var(--inferior)) * .1);height:calc((100% - var(--superior) - var(--inferior)) * .8);pointer-events:auto;z-index:22;color:#7f9aa9;width:56px;font-size:10px;position:absolute}.barra-recorrido{cursor:pointer;touch-action:none;outline:none;position:absolute;inset:24px 0}.escala-linea,.escala-posicion{pointer-events:none;background:linear-gradient(90deg,#405e75,#a8e1e1);border-radius:1px;height:2px;position:absolute;right:0;transform:translateY(-50%)}.escala-linea{opacity:.3;transform-origin:100%;width:16px}.escala-posicion{top:var(--posicion,100%);width:21px;height:3px;box-shadow:0 0 7px #83bdcc44}.escala-extremo{color:#b2c6cf;font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:0;position:absolute;right:0}.escala-galaxia{top:0}.escala-tierra{bottom:0}.escala-vista{text-align:right;white-space:nowrap;pointer-events:none;text-shadow:0 1px 6px #000;gap:5px;font-size:11px;display:grid;position:absolute;right:66px;transform:translateY(-50%)}.escala-vista[hidden],.escala-vista strong[hidden]{display:none}.escala-vista strong{color:#cde1e6;font-weight:400}.escala-vista span{color:#91a7b4}.barra-recorrido:focus-visible{outline-offset:7px;border-radius:4px;outline:1px solid #5b869566}.marca-hoshi{color:#b7c9d5;letter-spacing:.3em;font-size:14px;display:block}.distance-detail{font-size:12px}.dial-velocidad{pointer-events:auto;z-index:23;color:#8ca5b4;text-align:center;width:200px;height:184px;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.dial-superficie{touch-action:none;cursor:default;width:200px;height:200px;position:relative}.dial-velocidad.activo .dial-superficie{cursor:crosshair}.dial-superficie svg{fill:none;pointer-events:none;width:100%;height:100%}.dial-fondo{stroke:#293a4555;stroke-width:2px}.dial-arco{stroke:url(#degradado-velocidad);stroke-width:2px;filter:drop-shadow(0 0 3px #6593a022)}.dial-superficie line{stroke:#54738080;stroke-width:1px}.dial-lectura{pointer-events:none;gap:3px;font-size:11px;display:grid;position:absolute;top:66px;left:-20px;right:-20px}.dial-titulo{letter-spacing:.17em;color:#78919f;white-space:nowrap;text-overflow:ellipsis;max-width:150px;margin:0 auto;font-size:7px;overflow:hidden}.dial-lectura strong{font-variant-numeric:tabular-nums;color:#c0d9de;font-size:23px;font-weight:300}.dial-lectura small{color:#738c9a;font-variant-numeric:tabular-nums;margin-top:6px;font-size:9px}.dial-instruccion{letter-spacing:.08em;font-size:7px;position:absolute;bottom:0;left:-20px;right:-20px}.dial-instruccion button{color:#96b5c1;font:inherit;cursor:pointer;background:0 0;border:0;padding:5px;font-size:9px}.dial-instruccion button:disabled{cursor:default;color:#64747e}.dial-teclado{opacity:0;width:1px;height:1px;position:absolute;bottom:30px;left:50%;overflow:hidden}.dial-velocidad:has(input:focus-visible) .dial-fondo{stroke:#94c7d5}.scene-footer{padding-right:0}.navigation-hint{text-align:right;max-width:34vw;line-height:1.6}.body-panel{left:30px}@media (width<=700px){.barra-distancia{--superior:300px;--inferior:115px;width:56px;right:18px}.escala-vista{font-size:10px;right:66px}.dial-velocidad{transform-origin:bottom;bottom:12px;transform:translate(-50%)scale(.8)}.distance-panel{top:20px}.marca-hoshi{font-size:12px}.body-panel{max-width:calc(100% - 96px);left:18px}.navigation-hint{display:none!important}.scene-footer{max-width:100px;font-size:8px}.scene-footer:has(.flight-hint){display:block}}@media (height<=650px){.barra-distancia{--superior:155px;--inferior:70px}.dial-velocidad{transform-origin:bottom;bottom:6px;transform:translate(-50%)scale(.75)}}@media (prefers-reduced-motion:reduce){.scene-label.star .label-text,.escala-linea{transition:none}}.visores-vuelo{transform-origin:0 100%;z-index:23;color:#8ca5b4;text-align:center;gap:12px;width:412px;height:184px;display:flex;position:absolute;bottom:30px;left:18px;transform:scale(.8625)}.visores-vuelo .dial-velocidad,.dial-distancia{flex:none;width:200px;height:184px;position:relative;bottom:auto;left:auto;transform:none}.dial-distancia{pointer-events:none}.dial-arco,.dial-arco-distancia{stroke-width:2.7px}.dial-arco-distancia{stroke:url(#degradado-distancia)}.marca-hoshi{font-size:16.8px}.creditos-hoshi{pointer-events:auto}.creditos-hoshi summary{cursor:pointer;list-style:none}.creditos-hoshi summary::-webkit-details-marker{display:none}.creditos-contenido{color:#9fb7c5;pointer-events:auto;background:#0a1019ed;border:1px solid #405e7544;max-width:300px;padding:12px;font-size:11px;line-height:1.6}.creditos-contenido a{color:#9fcbd5}@media (width<=700px){.visores-vuelo{transform-origin:bottom;bottom:36px;left:50%;transform:translate(-50%)scale(.92)}.marca-hoshi{font-size:14.4px}}@media (width<=420px){.visores-vuelo{transform:translate(-50%)scale(.8)}}@media (height<=650px) and (width>=701px){.visores-vuelo{bottom:20px;transform:scale(.647)}}@media (height<=650px) and (width<=700px){.visores-vuelo{bottom:20px;transform:translate(-50%)scale(.8625)}}@media (width>=701px){.scene-footer{text-align:right;flex-direction:column;align-items:flex-end;gap:2px;left:auto}.oort-note{bottom:205px}.galaxy-loading{bottom:230px}.pulsar-legend{bottom:205px}}