/* Portada: capas a pantalla completa (escena 3D y puesto 7) y la pantalla de arranque. */
html, body { height: 100%; background: #050506; color: #d9d4c7; overflow: hidden; }
.capa { position: fixed; inset: 0; }
.capa[hidden] { display: none; }
#escena { z-index: 1; }
#puesto { z-index: 2; }

.arranque { z-index: 10; display: grid; place-items: center; background: #050506; padding: 16px; }
.arranque[hidden] { display: none; }
.arranque__linea { margin: 0; font-family: var(--f-mono); font-size: clamp(14px, 2.4vw, 18px); color: #b9b2a3; letter-spacing: 0.02em; text-align: center; }
.arranque--error .arranque__linea { color: #ff8a5c; }
.arranque__cursor { display: inline-block; margin-left: 2px; color: #ff6a1a; animation: parpadeo 1s steps(1) infinite; }
@keyframes parpadeo { 50% { opacity: 0; } }

.sin-js { position: fixed; inset: 0; display: grid; place-items: center; margin: 0; padding: 16px; font-family: var(--f-mono); color: #b9b2a3; background: #050506; text-align: center; }