:root{--fondo:#05070a;--vidrio:#0c1016b8;--vidrio-fuerte:#0a0d12e0;--borde:#ffffff17;--borde-fuerte:#ffffff2e;--texto:#e9edf2;--texto-2:#a9b3bf;--texto-3:#6f7a87;--acento:#7fd4ff;--peligro:#f35;--radio:14px;--sombra:0 18px 50px #00000073;--fuente:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--titulos:"Space Grotesk", "Inter", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--fondo);height:100%;color:var(--texto);font:14px/1.5 var(--fuente);-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}button{font:inherit;color:inherit}kbd{font:600 11px var(--fuente);border:1px solid var(--borde-fuerte);color:var(--texto);background:#ffffff0f;border-radius:5px;padding:1px 6px}#lienzo{position:fixed;inset:0}#lienzo canvas{outline:none;display:block}.capa-etiquetas{pointer-events:none;inset:0;position:fixed!important}#carga{z-index:50;text-align:center;background:radial-gradient(#0d141c 0%,#040608 70%);place-content:center;gap:18px;transition:opacity .8s,visibility .8s;display:grid;position:fixed;inset:0}#carga.oculto{opacity:0;visibility:hidden}.carga-titulo{font:700 clamp(26px, 5vw, 44px)/1 var(--titulos);letter-spacing:-.02em}.carga-barra{background:#ffffff14;border-radius:3px;width:min(320px,70vw);height:3px;margin:0 auto;overflow:hidden}.carga-barra span{background:linear-gradient(90deg,#ae027e,#f04028,#34b2c9,#7fc64e,#f9f97f);width:0;height:100%;transition:width .3s;display:block}.carga-texto{color:var(--texto-2);font-size:13px}#cabecera{z-index:5;pointer-events:none;position:fixed;top:22px;left:28px}#cabecera h1{font:700 22px/1.1 var(--titulos);letter-spacing:-.01em;margin:0}#cabecera p{color:var(--texto-2);margin:4px 0 0;font-size:12.5px}#riel{z-index:5;-webkit-user-select:none;user-select:none;width:168px;position:fixed;top:96px;bottom:70px;left:28px}.riel-pista{cursor:pointer;width:14px;box-shadow:0 0 0 1px var(--borde) inset;border-radius:8px;position:absolute;top:0;bottom:0;left:0;overflow:hidden}.riel-seg{opacity:.85;transition:opacity .2s,filter .2s;position:absolute;left:0;right:0}.riel-seg:hover{opacity:1;filter:brightness(1.2)}.riel-nombres{position:absolute;inset:0 0 0 22px}.riel-nombre{color:var(--texto-3);white-space:nowrap;cursor:pointer;text-align:left;background:0 0;border:0;padding:0;font-size:11.5px;transition:color .2s,transform .2s;position:absolute;left:0;transform:translateY(-50%)}.riel-nombre:hover{color:var(--texto)}.riel-nombre.activo{color:var(--texto);font-weight:600;transform:translateY(-50%)translate(4px)}.riel-nombre small{color:var(--texto-3);margin-left:4px;font-weight:400}.riel-cursor{pointer-events:none;background:#fff;border-radius:2px;width:26px;height:2px;transition:top 80ms linear;position:absolute;left:-6px;box-shadow:0 0 12px #fff}.riel-cursor:after{content:attr(data-ma);font:600 11px var(--fuente);color:#fff;white-space:nowrap;background:#0000008c;border-radius:6px;padding:1px 6px;position:absolute;top:-9px;left:32px}.riel-evento{pointer-events:none;border-radius:50%;width:4px;height:4px;position:absolute;left:16px;transform:translateY(-50%)}.riel-era{background:#ffffff2e;border-radius:2px;width:3px;position:absolute;left:-14px}#panel,#ficha{z-index:6;border-radius:var(--radio);background:var(--vidrio);border:1px solid var(--borde);-webkit-backdrop-filter:blur(18px)saturate(1.2);width:min(370px,34vw);box-shadow:var(--sombra);scrollbar-width:thin;scrollbar-color:#ffffff26 transparent;padding:22px 22px 18px;transition:opacity .35s,transform .35s;position:fixed;top:22px;bottom:22px;right:24px;overflow-y:auto}#panel.salida,#ficha.salida{opacity:0;transform:translate(16px)}.etiqueta{font:600 10.5px var(--fuente);letter-spacing:.08em;text-transform:uppercase;color:var(--texto-2);align-items:center;gap:6px;display:inline-flex}.etiqueta i{border-radius:2px;width:8px;height:8px;display:inline-block}.p-titulo{font:700 34px/1.05 var(--titulos);letter-spacing:-.02em;margin:8px 0 2px}.p-fechas{color:var(--texto-2);font-size:13px}.p-resumen{color:#d3dae2;margin:14px 0 16px}.p-reloj{border:1px solid var(--borde);color:var(--texto-2);background:#ffffff0a;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:12.5px;display:flex}.p-reloj b{color:var(--texto);font-variant-numeric:tabular-nums}.p-seccion{font:600 11px var(--fuente);letter-spacing:.08em;text-transform:uppercase;color:var(--texto-3);margin:18px 0 8px}.indicador{color:var(--texto-2);grid-template-columns:74px 1fr auto;align-items:center;gap:10px;margin:7px 0;font-size:12.5px;display:grid}.indicador .barra{background:#ffffff12;border-radius:4px;height:6px;position:relative}.indicador .barra span{border-radius:4px;position:absolute;top:0;bottom:0;left:0}.indicador .barra em{background:#ffffffb3;border-radius:1px;width:2px;position:absolute;top:-3px;bottom:-3px}.indicador b{color:var(--texto);font-variant-numeric:tabular-nums}.nota{color:var(--texto-3);margin-top:4px;font-size:11px}.condiciones{color:var(--texto-2);gap:6px;font-size:12.5px;display:grid}.condiciones div{grid-template-columns:92px 1fr;gap:8px;display:grid}.condiciones span:first-child{color:var(--texto-3)}.lista-eventos{gap:6px;display:grid}.item-evento{text-align:left;border:1px solid var(--borde);cursor:pointer;background:#ffffff06;border-radius:10px;align-items:flex-start;gap:10px;width:100%;padding:8px 10px;transition:background .2s,border-color .2s;display:flex}.item-evento:hover{border-color:var(--borde-fuerte);background:#ffffff12}.item-evento .ico{border-radius:7px;flex:none;place-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:grid}.item-evento .t{color:var(--texto);font-size:12.5px;font-weight:600}.item-evento .m{color:var(--texto-3);font-size:11.5px}.boton-principal{color:#061018;cursor:pointer;background:linear-gradient(135deg,#bff0ff,#7fd4ff);border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:18px;padding:13px 16px;font-weight:600;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 8px 30px #7fd4ff40}.boton-principal:hover{transform:translateY(-1px);box-shadow:0 12px 34px #7fd4ff61}.boton-principal:disabled{cursor:default;color:var(--texto-3);box-shadow:none;background:#ffffff0d;transform:none}.marcador{font:600 11.5px var(--fuente);color:#fff;white-space:nowrap;cursor:pointer;pointer-events:auto;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080a0eb8;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:7px;padding:4px 10px 4px 5px;transition:opacity .25s,transform .2s,border-color .2s;display:flex}.marcador:hover{border-color:#ffffff80;transform:scale(1.06)}.marcador .ico{color:#080a0e;border-radius:50%;place-items:center;width:20px;height:20px;font-size:10.5px;display:grid}.marcador.extincion{border-color:#f359;box-shadow:0 0 18px #ff335559}.rotulo-capa{pointer-events:none;text-align:right;transition:opacity .3s}.rotulo-capa b{font:700 20px/1 var(--titulos);color:#fff;text-shadow:0 2px 14px #000c;display:block}.rotulo-capa span{color:var(--texto-2);text-shadow:0 1px 8px #000000e6;font-size:11.5px}#tarjeta-evento{z-index:8;border-radius:var(--radio);background:var(--vidrio-fuerte);border:1px solid var(--borde-fuerte);width:min(440px,100vw - 32px);box-shadow:var(--sombra);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:18px 20px;animation:.35s subir;position:fixed;bottom:84px;left:50%;transform:translate(-50%)}#tarjeta-evento h3{font:700 20px/1.15 var(--titulos);margin:6px 0 2px}#tarjeta-evento p{color:#d3dae2;margin:8px 0 0}#tarjeta-evento .cerrar{color:var(--texto-2);cursor:pointer;background:0 0;border:0;font-size:20px;position:absolute;top:10px;right:12px}@keyframes subir{0%{opacity:0;transform:translate(-50%,12px)}}#modo-periodo{z-index:7;align-items:center;gap:12px;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%)}#modo-periodo button{white-space:nowrap;border:1px solid var(--borde-fuerte);background:var(--vidrio);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;border-radius:999px;padding:9px 14px;font-size:13px;font-weight:500;transition:background .2s}#modo-periodo button:hover{background:#ffffff1f}#modo-periodo button.activo{color:#061018;background:#e9f8ff;border-color:#0000}#titulo-periodo{font:700 18px var(--titulos);white-space:nowrap;text-shadow:0 2px 12px #0009;padding:0 6px}#ficha[hidden]+#catalogo{right:24px}#catalogo{z-index:7;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#ffffff26 transparent;gap:10px;padding:6px 4px 10px;display:flex;position:fixed;bottom:20px;left:24px;right:calc(min(370px,34vw) + 48px);overflow-x:auto}.especie{scroll-snap-align:start;text-align:left;border:1px solid var(--borde);background:var(--vidrio);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;border-radius:12px;flex:none;width:148px;padding:10px 12px;transition:transform .18s,border-color .18s,background .18s}.especie:hover{border-color:var(--borde-fuerte);transform:translateY(-3px)}.especie.activa{border-color:var(--acento);background:#7fd4ff1f}.especie .n{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;display:block;overflow:hidden}.especie .g{color:var(--texto-3);white-space:nowrap;text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}.especie .d{color:var(--texto-2);white-space:nowrap;gap:5px;margin-top:6px;font-size:10.5px;display:flex}.especie .d span{background:#ffffff0f;border-radius:6px;padding:1px 6px}.especie .sin{color:#ffcf6b}.f-nombre{font:700 32px/1.05 var(--titulos);letter-spacing:-.02em;margin:8px 0 0}.f-especie{color:var(--texto-2);font-style:italic}.f-significado{color:var(--texto-3);margin-top:4px;font-size:12.5px}.insignias{flex-wrap:wrap;gap:6px;margin:14px 0 4px;display:flex}.insignia{border:1px solid var(--borde-fuerte);background:#ffffff0d;border-radius:999px;padding:4px 9px;font-size:11.5px;font-weight:600}.insignia.carnivoro{color:#ffb3a8;border-color:#ff6e5a66}.insignia.herbivoro{color:#b9f5a2;border-color:#8ce66e66}.insignia.otro{color:#ffe199;border-color:#ffd26e66}.medidas{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px;margin:14px 0;display:grid}.medida{border:1px solid var(--borde);background:#ffffff0a;border-radius:10px;padding:10px 12px}.medida span{color:var(--texto-3);font-size:11px;display:block}.medida b{font:700 20px var(--titulos);font-variant-numeric:tabular-nums}.medida small{color:var(--texto-2);margin-left:2px;font-size:12px}.f-dato{border-left:3px solid var(--acento);color:#dbe6ef;background:#7fd4ff0f;border-radius:0 10px 10px 0;margin:14px 0;padding:12px 14px}.f-credito{color:var(--texto-3);margin-top:14px;font-size:11.5px}.f-credito a{color:var(--texto-2)}.f-nota{border:1px solid var(--borde);color:var(--texto-2);background:#ffffff0a;border-radius:10px;margin-top:10px;padding:10px 12px;font-size:12px}.f-aviso{color:#ffe3a6;background:#ffcf6b14;border:1px solid #ffcf6b40;border-radius:10px;margin-top:10px;padding:10px 12px;font-size:12px}.rotulo-escala{pointer-events:none;font:600 11px var(--fuente);color:#bfe8ff;white-space:nowrap;background:#00141e8c;border-radius:6px;padding:2px 8px}.rotulo-comparar{pointer-events:auto;cursor:pointer;font:600 11.5px var(--fuente);color:#fff;white-space:nowrap;background:#080a0eb3;border:1px solid #ffffff26;border-radius:8px;padding:3px 9px}.rotulo-comparar small{color:var(--texto-2);margin-left:4px;font-weight:400}#ayuda{z-index:4;color:var(--texto-2);pointer-events:none;white-space:nowrap;gap:18px;font-size:12px;transition:opacity .4s;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}body.en-periodo #ayuda{opacity:0}#creditos-boton{z-index:5;position:fixed;bottom:22px;left:28px}#creditos-boton button{color:var(--texto-3);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;font-size:12px;text-decoration:underline}body.en-periodo #creditos-boton,body.en-periodo #riel,body.en-periodo #cabecera{opacity:0;pointer-events:none}#riel,#creditos-boton,#cabecera{transition:opacity .4s}#creditos{z-index:40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;place-items:center;display:grid;position:fixed;inset:0}#creditos .caja{border-radius:var(--radio);background:var(--vidrio-fuerte);border:1px solid var(--borde-fuerte);width:min(720px,100vw - 32px);max-height:80vh;padding:24px;overflow-y:auto}#creditos h2{font:700 22px var(--titulos);margin:0 0 6px}#creditos table{border-collapse:collapse;width:100%;margin-top:12px;font-size:12.5px}#creditos td{border-top:1px solid var(--borde);color:var(--texto-2);padding:6px 8px}#creditos td:first-child{color:var(--texto);font-weight:600}#creditos a{color:var(--acento)}#creditos .cerrar{float:right;color:var(--texto-2);cursor:pointer;background:0 0;border:0;font-size:22px}@media (width<=860px){#cabecera{top:14px;left:16px}#cabecera h1{font-size:18px}#riel{width:120px;height:36vh;top:74px;bottom:auto;left:12px}.riel-nombre{display:none}.riel-nombre.activo{font-size:12px;display:block}.riel-nombre small{display:none}#panel,#ficha{width:auto;max-height:44vh;padding:16px;inset:auto 12px 12px}.p-titulo,.f-nombre{font-size:26px}#catalogo{bottom:calc(44vh + 22px);left:12px;right:12px}#ayuda,.rotulo-capa{display:none}#creditos-boton{inset:18px 16px auto auto}#modo-periodo{justify-content:space-between;width:calc(100vw - 24px);top:12px}#titulo-periodo{display:none}#tarjeta-evento{bottom:calc(44vh + 24px)}}