Crie uma miniabertura cinematográfica original para visão.md, inteiramente em Three.js, com duração máxima de 5 segundos. O assunto é uma bússola mecânica monumental emergindo de um relevo abstrato em miniatura.

Referência de linguagem: a abertura de Game of Thrones, na construção progressiva de mecanismos, engrenagens e câmera que percorre detalhes antes de revelar um conjunto maior. Crie uma composição própria, sem mapas, brasões, locais, personagens, lettering ou música da série.

Paleta: azul #0B56F7, preto #141313, branco #FFFFFF e gelo #EDF3FF. Use metal escuro acetinado e cerâmica clara. O azul marca o ponteiro, encaixes e detalhes relevantes. Sem dourado, bronze ou sépia. A bússola é o centro de atenção; sem cidades, castelos, robôs ou dashboards.

Roteiro exato, contínuo, de 5 segundos:
0 a 1 s: macro de uma engrenagem azul girando e acionando as peças vizinhas.
1 a 3 s: câmera recua e sobe; três anéis concêntricos emergem do relevo e uma rosa dos ventos de oito pontas se monta por peças articuladas.
3 a 4,3 s: o ponteiro azul se eleva, gira procurando direção e desacelera até apontar para o norte. A câmera conclui a revelação da bússola inteira.
4,3 a 5 s: quadro final estável, com a frase “Um amanhã mais claro.” em branco, com margens seguras. A animação termina e não reinicia automaticamente.

Requisitos:
- Pelo menos três engrenagens interligadas, três anéis e uma rosa dos ventos de oito pontas, com marcas N, L, S e O nas posições corretas. Engrenagens em contato giram em sentidos coerentes. Evite interpenetrações.
- Geometria procedural. Three.js e módulos oficiais podem vir de CDN. Sem imagens, vídeos, modelos 3D prontos ou geração externa de mídia. Não desenhe nem simule o logo visão.md.
- Movimento elegante, com profundidade, sombras, materiais físicos e enquadramento cinematográfico. Nada de animação por simples surgimento abrupto.
- A mesma posição temporal sempre produz o mesmo quadro. Disponibilize window.renderAt(seconds), que pausa e renderiza o instante entre 0 e 5, para permitir captura uniforme. Responda também a window.postMessage({type:'seek',time:SECONDS}, '*') chamando essa função.
- Controles discretos de reproduzir/pausar, reiniciar e linha do tempo entre 0 e 5 s. Adapte para desktop e celular. Em prefers-reduced-motion, comece pausado no quadro final.
- Sem áudio nesta rodada.

Entregue um único arquivo HTML executável, com CSS e JavaScript incorporados, e disponibilize o arquivo para download. Pode usar as ferramentas disponíveis para executar, inspecionar e corrigir o próprio trabalho antes de concluir. Não entregue só explicação, plano ou vídeo pronto. Ao final informe como abrir e quais requisitos ficaram incompletos.