*{box-sizing:border-box;margin:0;padding:0}:root{--fondo-panel:#0a0f28d1;--borde-panel:#78a0ff59;--acento:#6ea8ff;--texto:#eaf1ff}html,body{width:100%;height:100%;color:var(--texto);-webkit-user-select:none;user-select:none;background:#000;font-family:Segoe UI,Comic Sans MS,system-ui,sans-serif;overflow:hidden}#app,#app canvas{position:fixed;inset:0}#titulo{text-align:center;pointer-events:none;z-index:10;position:fixed;top:14px;left:50%;transform:translate(-50%)}#titulo h1{text-shadow:0 0 18px #6ea8ffe6,0 2px 4px #000;letter-spacing:1px;font-size:1.7rem}#pista{opacity:.85;text-shadow:0 1px 3px #000;margin-top:4px;font-size:.9rem}.panel{background:var(--fondo-panel);border:1px solid var(--borde-panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;border-radius:16px;padding:14px 16px;position:fixed;box-shadow:0 4px 24px #00000080}.panel h2{color:var(--acento);margin-bottom:12px;padding-right:40px;font-size:1.2rem}.btn-colapsar{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b6fd4,#6ea8ff);border:none;border-radius:8px;padding:4px 11px;font-size:1.05rem;font-weight:700;line-height:1;transition:transform .12s,filter .12s;position:absolute;top:10px;right:12px}.btn-colapsar:hover{filter:brightness(1.2);transform:scale(1.12)}#panel-controles.colapsado,#panel-viajes.colapsado{width:auto;min-width:0;padding:8px 10px;bottom:auto;overflow:visible}#panel-controles.colapsado>:not(.btn-colapsar),#panel-viajes.colapsado>:not(.btn-colapsar){display:none}.panel.colapsado .btn-colapsar{padding:8px 15px;font-size:1.4rem;position:static}#panel-controles{width:310px;top:90px;bottom:52px;left:14px;overflow-y:auto}#panel-controles::-webkit-scrollbar{width:6px}#panel-controles::-webkit-scrollbar-thumb{background:var(--borde-panel);border-radius:3px}.control{margin-bottom:14px;font-size:.95rem}.control label{margin-bottom:4px;display:block}.control input[type=range]{width:100%;accent-color:var(--acento);cursor:pointer}.control.checks label{cursor:pointer;margin-bottom:6px;display:block}.control.checks input{accent-color:var(--acento);cursor:pointer;margin-right:6px}#seccion-planetas{border-top:1px dashed var(--borde-panel);padding-top:8px}#seccion-planetas .check-todos{font-weight:600}.seccion-grupo{border-top:1px dashed var(--borde-panel);padding-top:8px}.titulo-seccion{margin-bottom:4px;font-weight:600;display:block}.fila-objeto{align-items:center;gap:6px;padding:1px 0;display:flex}.fila-objeto:not(.fila-maestra){padding-left:14px}.fila-objeto .nombre-objeto{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.9rem;overflow:hidden}.fila-maestra .nombre-objeto{font-weight:600}.fila-oculta .nombre-objeto{opacity:.45}.btn-ojo,.btn-ir{cursor:pointer;background:0 0;border:none;border-radius:6px;flex:none;padding:1px 4px;font-size:.95rem;line-height:1.2;transition:transform .12s,background .12s}.btn-ojo:hover,.btn-ir:hover{background:#6ea8ff4d;transform:scale(1.2)}.botones{gap:8px;display:flex}.boton{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b6fd4,#6ea8ff);border:none;border-radius:10px;flex:1;padding:8px 6px;font-size:.85rem;font-weight:600;transition:transform .12s,filter .12s}.boton:hover{filter:brightness(1.15);transform:scale(1.05)}.fila-eclipses{margin-top:8px}.boton.eclipse{background:linear-gradient(135deg,#4a2a7a,#8a4ad4)}.boton.artemis{background:linear-gradient(135deg,#b3491f,#e8842f)}.boton.dinos{background:linear-gradient(135deg,#2e6b2e,#5aa83a)}.boton.oumuamua{background:linear-gradient(135deg,#5a3a8a,#2a8a9a)}.boton.bloque{width:100%;margin-bottom:6px;display:block}#seccion-eventos{border-top:1px dashed var(--borde-panel);margin-top:10px;padding-top:8px}#seccion-eventos h3{text-transform:uppercase;letter-spacing:1px;opacity:.7;margin-bottom:8px;font-size:.8rem}#panel-viajes{width:280px;top:90px;bottom:52px;right:14px;overflow-y:auto}#panel-viajes::-webkit-scrollbar{width:6px}#panel-viajes::-webkit-scrollbar-thumb{background:var(--borde-panel);border-radius:3px}.grupo-viajes h3{text-transform:uppercase;letter-spacing:1px;opacity:.7;margin:10px 0 6px;font-size:.8rem}.btn-viaje{border:1px solid var(--borde-panel);color:var(--texto);cursor:pointer;background:#6ea8ff1f;border-radius:20px;margin:3px;padding:6px 12px;font-size:.9rem;transition:background .12s,transform .12s;display:inline-block}.btn-viaje:hover{background:#6ea8ff66;transform:scale(1.07)}#panel-info{width:330px;max-width:calc(100vw - 352px);bottom:52px;left:338px}#panel-info.oculto{display:none}#btn-cerrar-info{color:var(--texto);cursor:pointer;opacity:.7;background:0 0;border:none;font-size:1rem;position:absolute;top:10px;right:12px}#btn-cerrar-info:hover{opacity:1}#info-nombre{color:#ffd76e;font-size:1.35rem}#info-tipo{opacity:.8;margin-bottom:8px;font-size:.85rem}#info-tabla{border-collapse:collapse;width:100%;margin-bottom:8px;font-size:.85rem}#info-tabla td{border-bottom:1px dashed #78a0ff33;padding:3px 4px}#info-tabla td:first-child{opacity:.75;white-space:nowrap}#info-curiosidad{background:#ffd76e1a;border-left:3px solid #ffd76e;border-radius:6px;padding:8px 10px;font-size:.9rem;line-height:1.35}#barra-zoom{white-space:nowrap;align-items:center;gap:10px;padding:10px 16px;font-size:.8rem;display:flex;bottom:48px;left:50%;transform:translate(-50%)}#barra-zoom.oculto{display:none}#barra-zoom input[type=range]{width:min(320px,40vw);accent-color:var(--acento);cursor:pointer}#barra-zoom .boton{flex:none;padding:6px 12px;font-size:.8rem}#btn-centrar.oculto{display:none}.boton:disabled{opacity:.4;cursor:default}.boton:disabled:hover{filter:none;transform:none}#tooltip{z-index:100;border:1px solid var(--acento);max-width:250px;color:var(--texto);text-align:center;pointer-events:none;opacity:0;background:#0d1434f5;border-radius:10px;padding:7px 12px;font-size:.8rem;line-height:1.35;transition:opacity .15s,transform .15s;position:fixed;transform:translateY(5px);box-shadow:0 6px 20px #0000008c,0 0 12px #6ea8ff40}#tooltip.visible{opacity:1;transform:translateY(0)}.etiqueta{color:#fff;text-shadow:0 0 6px #000,0 0 12px #000;cursor:pointer;white-space:nowrap;background:#0a0f2873;border:1px solid #78a0ff4d;border-radius:12px;padding:2px 8px;font-size:12px;font-weight:600;transition:transform .1s}.etiqueta:hover{background:#6ea8ff80;transform:scale(1.15)}.etiqueta.luna{opacity:.9;font-size:10px}.etiqueta.cometa{color:#aef3ff}.etiqueta.cinturon{color:#e8d9b8;border-style:dashed;font-size:11px}#pie-pagina{border-top:1px solid var(--borde-panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:40;background:#080c20e0;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;height:36px;padding:0 10px;font-size:.78rem;display:flex;position:fixed;bottom:0;left:0;right:0}#pie-pagina a{color:var(--acento);text-decoration:none}#pie-pagina a:hover{text-decoration:underline}@media (width<=1100px){#panel-controles{width:270px}#panel-viajes{width:240px}#panel-info{max-width:calc(100vw - 312px);left:298px}}@media (width<=768px){#titulo{width:100%;top:8px}#titulo h1{font-size:1.15rem}#pista{padding:0 60px;font-size:.7rem}#panel-controles,#panel-viajes{z-index:30;width:min(82vw,320px);top:70px;bottom:56px}#panel-info{width:auto;max-width:none;max-height:45vh;bottom:96px;left:10px;right:10px;overflow-y:auto}#barra-zoom{justify-content:center;gap:6px;width:calc(100vw - 16px);padding:8px 10px;font-size:.7rem;bottom:46px}#barra-zoom input[type=range]{flex:1;width:auto;min-width:80px}#barra-zoom .boton{padding:5px 8px;font-size:.7rem}#pie-pagina{gap:4px 12px;height:auto;min-height:36px;padding:5px 8px;font-size:.7rem}.control{font-size:.88rem}.btn-viaje,.fila-objeto .nombre-objeto{font-size:.85rem}.etiqueta{font-size:10px}.etiqueta.luna{font-size:9px}}