/* =========================================================================
   THE VAULT DOOR — the way in to the arcade
   -------------------------------------------------------------------------
   This is all that is left of the Vault floor in this project. The arcade
   itself is a separate site in vault/ and takes over the whole window when you
   enter it, so nothing here has to style games, grids or tiles — only the door.

   Styled to match this project's own cards (var(--bg-card), var(--line)) rather
   than the arcade's neon, because until you press the button you are still in
   MatrixMind and it should look like it.
   ========================================================================= */

.vault-door {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 14px;
  padding: 56px 32px 60px;
  background: var(--bg-card);
  border: 1px solid var(--line);
  border-radius: 18px;
  box-shadow: 0 30px 80px rgba(0, 0, 0, .55);
}

.vault-door-art svg {
  width: 62px;
  height: 62px;
  color: var(--accent, #7c5cff);
  opacity: .95;
}

.vault-door-title {
  margin: 0;
  font-size: 26px;
  letter-spacing: -.3px;
}

.vault-door-sub {
  margin: 0;
  max-width: 46ch;
  line-height: 1.6;
  color: var(--text-dim, #9aa3b8);
  font-size: 14.5px;
}

.vault-door .vault-btn { margin-top: 10px; }

@media (max-width: 700px) {
  .vault-door { padding: 40px 20px 44px; }
  .vault-door-title { font-size: 22px; }
}